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 Buy me coffee ❤️
- 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.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- 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.
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024