Optimising your Product Category Page for WooCommerce & Flatsome

Рет қаралды 21,937

Seb de la Web

Күн бұрын

Пікірлер: 58

@onurtutus1 2 жыл бұрын

You are perfect coder mannnn !!!!

@Sebdelaweb 2 жыл бұрын

Appreciate that. Glad you loved my work.

@calicheceron 3 ай бұрын

Hello. I need to build in Flatsome a section where I can show the Recents Products but that Doesn't shows the ON SALE products. Maybe do you have a video where you explain that? Thank you.

@Sebdelaweb 3 ай бұрын

Hey! Thanks for your question. I don't have a video on that specific topic, but you can easily create a Recent Products section in Flatsome that excludes On Sale items by using this WooCommerce shortcode: [products limit="8" orderby="date" columns="4" on_sale="false"]. This will display your latest products without showing those that are on sale, and you can adjust the number of products and columns to fit your layout. Hope it helps!

@calicheceron 3 ай бұрын

@@Sebdelaweb Perfect. Thank you :)

@Sebdelaweb 3 ай бұрын

@@calicheceron You're welcome! Always happy to help! 🙌

@Famous_Flavours 2 ай бұрын

where's the shortcode can't find it in the description?

@Sebdelaweb 2 ай бұрын

Thanks for watching! The shortcode isn't available at the moment, but you might find some great alternatives here: www.flatsomedesigns.com/ - and they're totally free! 😊 Let me know if you have any questions about using them!

@Nuage14 3 жыл бұрын

Amazing work Seb !

@JimmyGkavano 10 ай бұрын

Very helpful! How do you add the read more on description?

@Sebdelaweb 5 ай бұрын

To add a "Read More" link to the description, you can use a combination of HTML, CSS, and JavaScript. Wrap the part of the description you want to hide in a tag and initially hide it using CSS. Then, add a "Read More" link that, when clicked, uses JavaScript to reveal the hidden text. This approach keeps your page clean and allows users to expand the content as needed. Hope this helps!

@JimmyGkavano 5 ай бұрын

Ok thank you! I'll try it@@Sebdelaweb

@Sebdelaweb 5 ай бұрын

@@JimmyGkavano You're welcome. Cheers!

@piotrszczesniak4869 3 жыл бұрын

More on Woocommerce tutorials please :)

@Sebdelaweb 3 жыл бұрын

Hi Piotr Szcześniak 👋 Thanks for your thumbs up and that you are enjoying our videos. We will launch some more WOO tuts soon.

@cordsac8107 6 ай бұрын

Is it possible to use the same UX Block for multiple categories with different content or need to create separate UX block for each?

@Sebdelaweb 5 ай бұрын

Yes, it is possible to use the same UX Block for multiple categories with different content. You can achieve this by dynamically loading the content based on the category. However, if the content and design need to be significantly different for each category, creating separate UX Blocks might be more efficient.

@cordsac8107 5 ай бұрын

@@Sebdelaweb thank you🌸

@CreadoresWebSevilla Жыл бұрын

Please, is it posible to hide/not show sidebar shop, only in certain categories? Thanks

@Sebdelaweb 4 ай бұрын

Yes, you can hide the sidebar on specific categories of your shop page by using custom CSS or a plugin with conditional display options. If you're comfortable with the code, simply target the category pages using their unique category IDs in your CSS. Alternatively, plugins like "Widget Options" or "Content Aware Sidebars" offer user-friendly ways to control sidebar visibility without coding, making it easy to manage the display on certain pages.

@zamaanlk Жыл бұрын

Helped 👍

@Sebdelaweb Жыл бұрын

Glad it helped

@killahills10304 3 жыл бұрын

What size is the image?

@Viggy11219 2 жыл бұрын

Hi, is there a way to have different side widgets on different categories?

@heinrich33 2 жыл бұрын

Hi, is it possible to put 1 UXblock for all categories, subcategories & search results automatically ("with one click")?

@Sebdelaweb 3 ай бұрын

Hi! Unfortunately, there's no built-in option in Flatsome to automatically apply a single UX block to all categories, subcategories, and search results with just one click. However, you can achieve this by creating a global UX block and assigning it to your product archives, category pages, and search results through the Flatsome theme settings or by using custom hooks and conditional tags in a child theme. Hope it helps!

@m.tarikulislam 3 жыл бұрын

please help, not work h1/h2/h3/h4 headline my category

@Sebdelaweb 3 жыл бұрын

Did you tried to put the headlines in the UX Builder?

@releafone7302 2 жыл бұрын

@@Sebdelaweb I have the same problem. I insert the category description text and once I click update it get deleted and only default text is available. Please Help!

@lichtgidsen 9 ай бұрын

@@Sebdelaweb Ik heb hetzelfde probleem. Weet je misschien hoe ik dit op kan lossen? En ik kom nu in mijn 'beschrijving' de tekst tegen 'This is a dummy' etc. Kun je aangeven waar ik dit kan veranderen? Ik verneem het graag. Dank je wel alvast :). Elles

@walkertalker3232 Жыл бұрын

How can I change the Categorie in the Title? If a product is part of two categories flatsome just chooses one categorie to display. I can not choose that myself or not show it if I want. So, no Product Categorie over the Title. How does that work?

@Sebdelaweb Жыл бұрын

Hard to explain here

@realpacttrader5630 2 жыл бұрын

Hi mate! Thank you for all the amazing content. I am struggling to get H1 and H2 appear on the description. It automatically changes back to default when I click save. Do you know what it could be?

@Sebdelaweb 2 жыл бұрын

That's strange yes! Also when you use custom UX Blocks?

@realpacttrader5630 2 жыл бұрын

@@Sebdelaweb I appreciate you took the time to reply. Only for product categories. The UX works perfectly fine. Cheers

@hirosoftaoequyethubt 3 жыл бұрын

How does this improve the CLS on the product catalog? Thank!

@Sebdelaweb 3 жыл бұрын

Good question! did you get a CLS score for the product catalog already? It's hard to tweak the full layout of the catalog page without going the template structure files. You can do a lot with CSS, but it's limited.

@nabilbrahim8739 3 жыл бұрын

hello how do you diseable the basic breadcumb from woocommerce ?

@Sebdelaweb 3 жыл бұрын

For now you need to do this with CSS: .archive .woocommerce-breadcrumb { display: none; visibility: hidden; }

@robertodiaz1602 3 жыл бұрын

Hello, do you know how to make a pop up with flatsome? Maybe you have a tutorial and I can't find anything in Spanish, maybe you can tell me, thanks, greetings from Argentina!

@jimnewt2138 Жыл бұрын

Any idea how to fix breadcrumbs classic error on woocommerce? When a product belongs to 2 categories it shows in the bread the last category added instead of the path the user followed to find the product!🤔

@Sebdelaweb 3 ай бұрын

Great question! WooCommerce breadcrumbs showing the last category added instead of the actual path is pretty common. By default, WooCommerce doesn’t track the user’s navigation path. But you can easily fix this with a breadcrumb plugin like "Yoast SEO" or "Rank Math." These plugins let you prioritize the primary category or customize how breadcrumbs appear. Hope that helps!

@NavidZahedy 3 жыл бұрын

hi! thanks. that was amazing. I have a question. What software do you use to record your webcam and desktop at the same time?

@Sebdelaweb 3 жыл бұрын

Hola Navid Zahedi ✌️Happy to hear that you like our videos. I use Screencastify for this. I love the tool and use it also for a lot of my clients: www.screencastify.com/

@factsdontcare4feelings24 2 жыл бұрын

hey, you probably wont see this. But, this is so confusing, because on the pages section, i created catalog for men, women, and tops, bottoms, (as general category pages). But when i cliock on the page, and i allow widgets, and click on mens, it goes to the woo commerce shop page which i didnt even know existed. I wish there was a way to have widgets, but to my pages sections, instead of the woo commerce theme page which is really bad in my humble opinion.