Woocommerce Featured Category

Hi,

I integrated “featured categories” “by hand” in my front page (storefront)

How did you integrate Featured categories? Can you share the process.

Thank you

• This reply was modified 5 years, 2 months ago by mbrsolution.

By editing the shop-site (home): After writing the text, I chose “insert featured category”.
Then the status quo was created.
What I want now, is to “shrink” the inserted linked images, so that I can arrange 2, 3 categories in one row.

Hi, can you share the URL with the inserted images?

Thank you

https://www.wild-natural-spirit.org

… hope you find the clue… thanx for support !

Hi,

When I view the link above, which images are you referring too? Because I see too many images.

Thank you

the first 4 images after the header are categories.
F.e.: <li id=”menu-item-4568″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-4568″>Bio Naturkosmetik: 100% Pflanze

Hi, I hope I understand your comment above correctly. If I have, the following CSS code controls the image width and height. Adjust the width and height value to suit your needs.

.wc-block-grid__product-image {
    width: 324px;
    height: 324px;
}

Let me know if this helps you.

Kind regards

Thjank you. But the code refers to product-image. The product-images are all right. The problem is with featured_cvategories

Can you share the actual URL to the featured image in your site and a screen capture pointing to the featured image. This will allow me to investigate further.

Thank you

The URL
<div class=”wc-block-featured-category alignnone has-background-dim” style=”background-image:url(https://i1.wp.com/wild-natural-spirit.org/wp/wp-content/uploads/2019/08/Naturkosmetik-1.jpg?fit=980%2C735&ssl=1);min-height:500px;”>
<h2 class=”wc-block-featured-category__title”>Bio Naturkosmetik</h2>
<div class=”wc-block-featured-category__description”>
<p>In sorgf?ltiger Arbeit haben wir eine absolut naturreine Gesichtspflege entwickelt.<br>
Sie revolutioniert die gewohnte “Misch”- Kosmetik und führt der Haut die pure Kraft spezifischer, heimischer Heilkr?uter direkt zu.<br>
Vegan. Ohne Zus?tze. Ausschlie?lich mit Kr?utern aus unserer bio-zertifizierten Permakultur hergestellt.<br>
Wasser, Feuer, Heilkraut.</p>
</div>
<div class=”wc-block-featured-category__link”>
<div class=”wp-block-button aligncenter”>Mehr erfahren</div>
</div>
</div>

***
5 Images of the same tyoe (featured_category) in a vertical row.
Shall be in a grid of 2 or 3 per horizontal row

***

Screen Capture
… how to insert here ?

There are many tools online that allows you to insert images. Try the following link.

https://imgur.com/

Kind regards

sorry, mbrsolution – that is a ridiculous hint to my support request.

Hi, sorry but that is the first link I came across to share images. If you use Google search engine yourself, you will come across many online sites that allow you to share an image.

Here is a link from WordPress with more information.

https://www.ads-software.com/support/forum-user-guide/faq/#can-i-include-screenshots-or-videos

Kind regards

• This reply was modified 5 years, 2 months ago by mbrsolution.