Shopify themes, liquid, logos, and UX
Hi everyone,
I am trying to prevent my image thumbnails from being greyed out when an item is sold out. I tried to follow this thread but I do not know where I should go after selecting "edit code" so that I can fix this. Is anyone able to help? Appreciate it in advance.
Solved! Go to the solution
This is an accepted solution.
@ChanceLife You can add this CSS code at the bottom of your CSS or SCSS file under the Assets folder:
.is-sold-out .product--image {
opacity: 1;
}
Don't forget to like and Accept it as a solution if it solves the issue. Thanks
This is an accepted solution.
Much thanks @NerdCurator. While putting in that code, I came across the below and changed "0.5" to "1" in the theme.scss.liquid section. This worked for me. Appreciate you taking the time to help.
This is an accepted solution.
@ChanceLife Glad, I could help. Please like and accept it as a solution. Thanks
@ChanceLife Can you please share the URL of your store?
This is an accepted solution.
@ChanceLife You can add this CSS code at the bottom of your CSS or SCSS file under the Assets folder:
.is-sold-out .product--image {
opacity: 1;
}
Don't forget to like and Accept it as a solution if it solves the issue. Thanks
This is an accepted solution.
Much thanks @NerdCurator. While putting in that code, I came across the below and changed "0.5" to "1" in the theme.scss.liquid section. This worked for me. Appreciate you taking the time to help.
This is an accepted solution.
@ChanceLife Glad, I could help. Please like and accept it as a solution. Thanks
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024