Shopify themes, liquid, logos, and UX
Hello
I would like my 'Size' variant button to be like this
https://www.thebodyshop.mu/collections/foundations-concealers/products/fresh-nude-foundation-1
instead of like this
https://the-body-shop-nordic.myshopify.com/collections/make-up-1/products/fresh-nude-foundation
ubahdo
Solved! Go to the solution
This is an accepted solution.
You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code before the </head> tag
<style>
#ProductSelect-template--23621779816779__main-10273838104907-option-size-30ml + label {
border-radius: unset !important;
text-indent: unset !important;
width: 90px !important;
text-align: center !important;
}
#ProductSelect-template--23621779816779__main-10273838104907-option-size-30ml + label::before{
content: unset !important;
}
#ProductSelect-template--23621779816779__main-10273838104907-option-size-30ml + label::after{
content: unset !important;
}
</style>
Result:
Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!
I guess it has option to set Size is not color swatch option some where in your theme settings.
- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
This is an accepted solution.
You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code before the </head> tag
<style>
#ProductSelect-template--23621779816779__main-10273838104907-option-size-30ml + label {
border-radius: unset !important;
text-indent: unset !important;
width: 90px !important;
text-align: center !important;
}
#ProductSelect-template--23621779816779__main-10273838104907-option-size-30ml + label::before{
content: unset !important;
}
#ProductSelect-template--23621779816779__main-10273838104907-option-size-30ml + label::after{
content: unset !important;
}
</style>
Result:
Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!
Hello - The code suddenly no longer works- could you please have a look - Thanks
I have applied the access. Please accept.
I have fixed it for your store. You can check on your online store.
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024