Customising the products in woo commerce

Support
#1

How do I make the styling
https://velocitydigit.com/product/breeze/ like this https://huskydigital.website/product/breeze/

e.g. Tabs with green active colour
social shares added
add to wish list button
also how would I make this look for the index items

#2

Hello @VelocityWeb,

Thanks for writing in!

1.) The tabs can be added by activating the additional information tab in X > Theme Options > WooCommerce > Single Product.

2.) The social share can be added by using a 3rd party plugin.

3.) The add to wish list is also a 3rd party plugin.

4.) The compare button is also another 3rd party plugin.

5.) And to change the look of the shop index page, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.woocommerce li.product .entry-header .button {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    margin-top: 20px;
    opacity: 1;
}

.woocommerce li.product .entry-featured {
    border: none;
    padding: 0;
}

.woocommerce li.product {
    margin-top: 3%;
    border: 1px solid #dfdfdf;
    border: 1px solid rgba(0,0,0,0.075);
    padding: 7px;
}

Hope this helps. Please let us know how it goes.

#3

Hmm no not much

Where is this purple button comming from.

#4

Hi,

I checked the page but could not see that button.

Can you try clearing your browser cache and check again.

Thanks

#5

Ive given up on Xpro for woocommerce. I am switching to something more compatible

#6

Hi,

Sorry to hear that, I’ll test this out in my test sites and check if I can replicate this issue.

Thanks

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.