Fixes

Hi,

Wanted to get some help regarding the following

1) I have used the woocommerce product category element to show specific products on the homepage. The settings are set to show only 4 products and 4 per row. It doesn’t seem to be working and is showing differently.

2) The spacing below the page number on the shop page, how do i increase that?

3) On the shop page, how do I get the filter sidebar to scroll down as I scroll down the page?

4) On the actual product page, how can i increase the spacing between the thumbnails and the title related products.

5) Is there any way to change the size of the related products? or add more to the row?

Thank you for the support.

Hello,

1. We suggest you to use our Products (carousel or grid) instead of default WooCommerce element.

2. You need to remove this custom CSS code https://gyazo.com/a63994797e8fa78fcb38291d7d8c499d

3. Sorry, but there is no such option in our theme.

4. If you will not have product tabs section, use this code snippet

.product-tabs-wrapper {
	display: none;
}

5. You can manage this option via Dashboard -> Theme Settings -> Product page -> Show / hide elements.

Regards

Thank you for that, I want to keep the accordion tabs.

At the moment when you go onto the product page the first tab is open by default. I want all tabs to be closed when coming to the product page.

Also how do I change the name of the tabs e.g. additional tab to more info

Thank you

Hi,

By default, WooCommerce opens first tab when the page is loaded. You can try to close it manually right after page loading by adding this code snippet to the Custom JS section in Theme Settings

setTimeout(function() {
    var $tabs = jQuery( '.wc-tabs, ul.tabs' ).first();
    $tabs.parent().find('#tab-basel_additional_tab').hide();
    $tabs.parent().find( '.basel_additional_tab_tab' ).removeClass('active');
}, 10);

Here is an article from WooCommerce documentation that may help you customize your product page tabs https://docs.woocommerce.com/document/editing-product-data-tabs/

Hi,

You stated previously:
1. We suggest you to use our Products (carousel or grid) instead of default WooCommerce element.

If I use the theme option the products on mobile do not show in rows of 2.

I previously used woocommerce element and it worked perfectly on the website and on mobile. Not sure why its not working anymore?

Thank you

Hi,

You can select a number of columns for mobile devices in Theme Settings -> Shop -> Products grid.

Regards

ok thank you

You are welcome!

[Author]

Posts