Shopify themes, liquid, logos, and UX
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.
Solved! Go to the solution
This is an accepted solution.
@jd888 sorry, add the code to component-cart.css file.
This is an accepted solution.
That worked. Thank you
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
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
Hey @jd888
Can you double-check the URL you shared with me because it's not showing up for me
Best Regards,
Moeed
Sorry. Connecting my domain now. Will get back to you
I have connected my domain but I have not launched the website yet.
What information do you need?
Hey @jd888
I just need the website front-end password so I can provide you a solution to fix your issue.
Best Regards,
Moeed
lowtwa
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:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
@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/
Yes I am using Dawn Theme. I have tried adding that to base CSS and it did not work for me.
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
This is an accepted solution.
@jd888 sorry, add the code to component-cart.css file.
This is an accepted solution.
That worked. Thank you
Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024