Product Page Suddenly Altered

Hellwood_Outfit · ‎10-01-2024

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?

https://hellwoodoutfitters.com

Dan-From-Ryviu · ‎10-02-2024

Hi @Hellwood_Outfit

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 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.

View solution in original post

Dan-From-Ryviu · ‎10-02-2024

Hi @Hellwood_Outfit

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 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.

Hellwood_Outfit · ‎10-02-2024

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?

https://hellwoodoutfitters.com

Product Page Suddenly Altered

Product Page Suddenly Altered

Community Blog Articles