Shop fixes

1. We need that when click shop pae it opens not the proucts but all the categories at first like this – https://gyazo.com/d17b0bd1e616a47a8381732f4a46a3d7

2. In filter weed first three catgeories to put each in different color like this https://gyazo.com/d8b11d8aa648ad4351c6f50832581f06

3. If possible, extend the address link to the Store page, because a step is missing – Store e.g. Home / Shop / For babies / For sleeping, if too long, you can skip the category, e.g. Home / Store / for sleep , but I would like the address to reflect – Store.

4. In order to be able to open a subcategory for each category in the filter, if possible, then white arrows with a dark green background, when the specific category is opened, all arrows in dark green until it is opened: https://gyazo.com/ea687d28a1eaba6aeefe149da93f0269

Hello,

01. Navigate to Appearance > Customize > WooCommerce > Product Catalog > Shop page display > Choose what to display on the shop page.

02. Please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section and change the color as per your requirements.

.cat-item.cat-item-596 {
  color: #ed0505 !important;
    background-color: blue;
}
.cat-item.cat-item-598 {
  color: #ed0505 !important;
    background-color: #cb3d10;
}
.cat-item.cat-item-704 {
  color: #ed0505 !important;
    background-color: #080826;
}

03. In our theme, there are two kinds of breadcrumbs. one comes from WooCommerce plugin and one from WoodMart. If you want to customize our theme’s one, you need to edit the file
inc/template-tags.php.

As for the WooCommerce, you can try the solution from this article https://kb.yoast.com/kb/add-theme-support-for-yoast-seo-breadcrumbs/

04. I have checked your site and not seen any arrow in the categories widget.

Best Regards.

4. Click on specific categiry and it will appear, not for it to show in default for all of them so you can see that there are subcategories

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.widget_product_categories .wd-cats-toggle.toggle-active, .widget_product_categories .wd-cats-toggle:hover {
    background-color: #042e04;
    color: #f3e7e7;
}

Best Regards.

NO, WE NEED THE ARROW TO be visible also on default shop page, when none of the categories are selecte

Hello,

Navigate to Appearance > Widgets > Expand the product categories widget and uncheck the option “Only show children of the current category”.

Best Regards.

On desktop visible on mobile is not

Hello,

You need to click on the Off canvas sidebar button in mobile to open the sidebar.
https://ibb.co/4MnmTG2

Best Regards.

No i mean the arrows are now visible on desktop but no on mobile filter

Hello,

The arrows are showing fine in the mobile in the filter area.
Screenshot for clarification:
https://ibb.co/Q6n0132

Check back your site after completely clearing the browser cache and check the issue.

Best Regards.

[Author]

Posts