Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Using Sitar Theme with Globo Product Option App. I tired an earlier solution using tags but the example was for a different theme and did not work for me.
example page
https://strykerordesign.com/products/1994-2013-dodge-ram-1500-2500-3500-control-arms
Below is the content I am hoping to block for specific products.
$ 249.95
pay over time for orders $35.00 with shop pay
Quantity
1
Add to cart
Since you’re using the Sitar Theme and the Globo Product Option App, the trick is to target the right elements on your product page (like that https://strykerordesign.com/products/1994-2013-dodge-ram-control-arms) with some custom code. The earlier tag-based fix you tried probably didn’t account for Sitar’s structure or Globo’s custom form fields mucking things up. Below is a CSS solution that should hide those elements on specific product pages based on a product tag.
<style>
{% if product.tags contains 'hide-price' %}
.product-single--hide-price .product-single__price,
.product-single--hide-price .product-single__quantity,
.product-single--hide-price .product-single__add-to-cart,
.product-single--hide-price .shop-pay-installments {
display: none !important;
}
{% endif %}
</style>
or you can try this
Add Class to Product Template
<div class="product-single {% if product.tags contains 'hide-price' %}product-single--hide-price{% endif %}"/>
are you suggesting the first solution is installed at the end of the theme.liquid?
because it did not seem to work when placed there before body end.