Shopify themes, liquid, logos, and UX
Hi,
How do I get rid of the material variant showing on my product page?
I still want it to function on the collection page and as a filter, but just hide it showing on the product page.
Thanks
Solved! Go to the solution
This is an accepted solution.
Hi @Nadine10
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>
{% if product %}
<style>
.product-form__inner [name="options[Material]"],
.product-form__inner .product-form__option:has([name="options[Material]"]) {
display: none!important;
}
</style>
{% endif %}
If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!
Best Regards,
Makka
Hi @Nadine10 ,
Can you provide link to the store? I will review the product page and let you know if its possible to remove that with CSS
This is an accepted solution.
Hi @Nadine10
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>
{% if product %}
<style>
.product-form__inner [name="options[Material]"],
.product-form__inner .product-form__option:has([name="options[Material]"]) {
display: none!important;
}
</style>
{% endif %}
If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!
Best Regards,
Makka
I've been trying to get this fixed for weeks, thanks so much. This works great!!!!
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024