Motion Theme - Hide Sold Out Price / Gray out item

Acerino3
Tourist
12 0 1

Hello,

I am using the Motion Theme and would like to Hide the Sold Out price on the product and collection pages. Also, gray out the product picture when sold out. Please help!!!

Thank you

0 Likes
Qualitycheck
Shopify Expert
1404 114 229

hello,

Welcome to the Shopify community!
and Thanks for your Good question.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the fil

.grid-product__tag.grid-product__tag--sold-out {
display: none;
}

0 Likes

@Acerino3 

hi, we are happy to help you.
please share me your Site url 
Thank you.

If helpful, please Like and Accept Solution. if you Want to modify or Customize your theme, Hire us. or Want to know more. Read our Shopify Blogs.
Email us: sales@zworthkey.com Contact us: https://www.zworthkey.com/shopify-services/
0 Likes

Hi @Acerino3 

Share the url, so that i can look into this. 

Expert Shopify Developer & Theme customizer
- If the problem is solved remember to click ✅ to Accept Solution
- Press Like ?? if the answer was helpful
- Still, Facing issue, Reach out to me Email :- kmajay8888@gmail.com | Skype :- kmajay888
0 Likes
Acerino3
Tourist
12 0 1

Mima-shoppe.myshopify.com

0 Likes
Acerino3
Tourist
12 0 1

Mima-shoppe.myshopify.com

0 Likes
Acerino3
Tourist
12 0 1

I will try. Also, how do you opacity a sold out product picture I’m collections and in the product page?

0 Likes

@Acerino3 , As i can see, i need to go through your code and conditionally hide the price and other stuff you wanted. You can PM me 

Expert Shopify Developer & Theme customizer
- If the problem is solved remember to click ✅ to Accept Solution
- Press Like ?? if the answer was helpful
- Still, Facing issue, Reach out to me Email :- kmajay8888@gmail.com | Skype :- kmajay888
0 Likes
Acerino3
Tourist
12 0 1

@Qualitycheck wrote:

hello,

Welcome to the Shopify community!
and Thanks for your Good question.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the fil

.grid-product__tag.grid-product__tag--sold-out {
display: none;
}


It doesn’t seem to be working. The price is still showing

0 Likes

Please follow the steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Assets > theme.css and paste this at the bottom of the file:
.grid-product__tag--sold-out~.grid-product__link .grid-product__price {
display: none;
}
.grid-product__tag--sold-out~.grid-product__link .grid-product__image-mask{
opacity: 0.3;
}

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
0 Likes