Docs

[Simon T]

Hi There,

I am in the process of uploading all the images to my online store. I have enabled the lightbox for product images in the WooCommerce settings, so I’m wondering why some of my products have a gray border around them and some do not? If you go to the link, you’ll notice for example that the cricket bags have borders but the clothing do not: http://sportingedge.co.nz/shop

I’m also wondering if it’s possible to have links at the top of the product category pages so that customers can shop by brands? Currently I have the brands setup as tags but I don’t see any option to do this?

Any help would be greatly appreciated!

[Rupok]

Hi there,

If you want the border on other category, you can add this under Custom > CSS in the Customizer

.woocommerce.tax-product_cat .product-category.product img {
  border: 2px solid #e5e5e5;
  padding: 6px;
}

As it’s controlled by WooCommerce archive template, you need to change the template if you want to add links.

Thanks!

[Simon T]

Hi Rupok,

Thanks for that. It doesn’t need to be links, I have seen it on other X sites how you click ‘brand’ and it filters so only products with that brand as a tag display. Is this possible?

[Rue Nel]

Hello There,

Thanks for updating in! You may use 3rd party plugins instead. You might be interested in this: https://wordpress.org/plugins/woocommerce-products-filter/

Hope this helps.

[Simon T]

Hi Rue,

I’ve only just got around to adding this plugin. They provide a shortcode to add, but I’m not sure where to add this so it works on all pages? The shortcode is below:

[woof sid=”auto_shortcode” autohide=0 taxonomies=product_cat:9]

[Lely]

Hi Simon,

That code can be added on a text or raw content element. You may test it first on a test page before settings in on your shop page.

Hope this helps.

[Simon T]

Hi Lely,

Sorry I should have been more clear. I know how to add the shortcode, but not entirely sure how I do this with my shop pages?

[Paul R]

Hi,

You can add this in your child theme’s functions.php

function woocommerce_filter() { 
    if(x_is_product_index() || ){
         echo do_shortcode('[woof sid="auto_shortcode" autohide=0 taxonomies=product_cat:9]');
    }
}

add_action( 'x_after_view_renew__landmark-header', 'woocommerce_filter' );

Hope that helps.

[Author]

Posts