This topic has 12 replies, 3 voices, and was last updated 2 weeks, 5 days ago ago by Luca Rossi
I have installed variation swatches for woocommerce plugin. The swatches option is not showing on the shop/archive page after the products. We will need the hook for my developer to do the coding, can help. Please refer to the image for the hook that we need.
This is the link: https://paste.pics/S3M41
Hello,
Thank you for reaching out to us with your query.
We offer our own swatches functionality, which may negate the need for additional plugins. You can view more about this feature here: https://youtu.be/LgzC4iK-j6A?feature=shared Please check if this suits your needs.
Best Regards,
8Theme’s Team
Can you just provide me the hook ? Doesn’t seem to be able to make it appear
HI i tried but not sure why the border colour doesn’t appear, for white selection, will be a problem
and then i also find the variation swatch looks small, any chance i can make it bigger?
It also does not show cross although it is out of stock . For examples glove size 26
Hi @JS,
Please try adding this custom CSS codes udner XStore > Theme Options > Theme Custom CSS > Global CSS:
body ul.st-color-swatch li {
border: 1px solid var(--et_border-color) !important;
}
body ul.st-swatch-size-large li.type-color {
width: 45px;
height: 45px;
}
Then navigate to WooCommerce > Settings > Products > Inventory > then check this option:
Hope it helps!
Hi, i added the css code, but the swatch option still look small. No changes
Also tried adding via global css but din work out
Dear @JS,
We hope this message finds you well.
We wanted to inform you that we identified a syntax error in your custom CSS code, which we have now corrected.
Could you kindly review the changes on your end? You should notice that the color swatches now have a larger size and have border around.
Thank you for your attention to this matter.
Best regards,
The 8Theme Team
Hi for the other labels, can make the font type slightly bigger and make it centre of the box?
Hi @JS,
Could you please check again: https://prnt.sc/7NQxiCujukfY?
We’ve updated the custom CSS codes a bit.
Thank you!
Tagged: archive page, positioning, product hook, shop page, themes, woocommerce, wordpress
You must be logged in to reply to this topic.Log in/Sign up