Solved

remove variant text from cart

jd888
Tourist
9 1 2

Hi

I need to remove the variant description from the cart page. It would be ideal if I could just change the text actually. 

See screenshot.

Capture.JPG

Accepted Solutions (2)
KabirDev
Shopify Partner
243 58 63

This is an accepted solution.

@jd888 sorry, add the code to component-cart.css file.

If my answer helps, please give it a Like and Accept as Solution.
- You can join in our Facebook group for Shopify help.
- Contact me directly at shahriar@kabirdev.com

View solution in original post

jd888
Tourist
9 1 2

This is an accepted solution.

That worked. Thank you

View solution in original post

Replies 15 (15)

Moeed
Shopify Partner
3580 900 1121

Hey @jd888 

 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
jd888
Tourist
9 1 2
Moeed
Shopify Partner
3580 900 1121

Hey @jd888 

 

That's your Shopify admin dashboard URL, can you share the your website front end URL like (www.yourwebsite.com)

 

Best Regards,

Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
jd888
Tourist
9 1 2
Moeed
Shopify Partner
3580 900 1121

Hey @jd888 

 

Can you double-check the URL you shared with me because it's not showing up for me

Moeed_0-1704543801089.png

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
jd888
Tourist
9 1 2

Sorry. Connecting my domain now. Will get back to you

 

jd888
Tourist
9 1 2

I have connected my domain but I have not launched the website yet.
What information do you need?

Moeed
Shopify Partner
3580 900 1121

Hey @jd888 

 

I just need the website front-end password so I can provide you a solution to fix your issue.

 

Best Regards,

Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
jd888
Tourist
9 1 2

lowtwa

Moeed
Shopify Partner
3580 900 1121

Hey @jd888 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.product-option dt {
    display: none !important;
}
</style>

RESULT:

Moeed_0-1704886589647.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

KabirDev
Shopify Partner
243 58 63

@jd888 I am not sure what theme you are using since you didn't mention that. I solved this in the default Dawn theme and the process should be similar to other themes as well. Basically you need to add this CSS code to your theme:

 

td.cart-item__details .product-option dt {
    display: none !important;
}


You can see the detail blog post here https://klinkode.com/quick-fix-for-a-cleaner-shopify-cart-hiding-variant-option-names/

If my answer helps, please give it a Like and Accept as Solution.
- You can join in our Facebook group for Shopify help.
- Contact me directly at shahriar@kabirdev.com
jd888
Tourist
9 1 2

Yes I am using Dawn Theme. I have tried adding that to base CSS and it did not work for me.

jd888
Tourist
9 1 2

Yes I have done this but it does not seem to work for me. 
I have added the code to base css. See screenshot 1. I refreshed multiple times and still no change. See screenshot 2

 

Capture 1.JPG

Capture 2.JPG

KabirDev
Shopify Partner
243 58 63

This is an accepted solution.

@jd888 sorry, add the code to component-cart.css file.

If my answer helps, please give it a Like and Accept as Solution.
- You can join in our Facebook group for Shopify help.
- Contact me directly at shahriar@kabirdev.com
jd888
Tourist
9 1 2

This is an accepted solution.

That worked. Thank you