Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Hello All...
Noticed that a couple of very subtle changes have suddenly appeared on my product pages and I have no idea why, or how to get rid of them. Can't find any obvious changes to anything that have led to the sudden change.
The following image is how it looks now, with a Choose Style - T-Shirt option and incorrectly coloured Add to Cart button and add to wishlist button.
And this is how it looked a couple of days ago with the correct buttons and no Choose Style section.
Not sure what to do?
Solved! Go to the solution
This is an accepted solution.
Please add this code to theme.liquid file, after <head> in Online Store > Themes > click '...' > Edit code
<style>
.product-template-content .product-form__item .dt-sc-btn,
.dT_VProdWishList .dt-sc-btn {
background-color: #000;
color: #fff;
border: 1px solid #ff0000;
padding: 12px 24px !important;
text-align: center;
display: flex;
align-items: center;
min-height: 45px;
line-height: 1;
}
.dT_VProdWishList { margin-bottom: 0px !important; }
</style>
- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- 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.
Please add this code to theme.liquid file, after <head> in Online Store > Themes > click '...' > Edit code
<style>
.product-template-content .product-form__item .dt-sc-btn,
.dT_VProdWishList .dt-sc-btn {
background-color: #000;
color: #fff;
border: 1px solid #ff0000;
padding: 12px 24px !important;
text-align: center;
display: flex;
align-items: center;
min-height: 45px;
line-height: 1;
}
.dT_VProdWishList { margin-bottom: 0px !important; }
</style>
- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Hi there...
A huge amount of thanks for that. It's not exactly as it was but at least it is readable again so cheers.
Would you happen to have any idea as to why it all suddenly changed?