Change product title color for some items in a collection Minimal Theme

New Member
1 0 0

If I have several products in a collection, but only some of the products within the collection not all, where I want to display the product title in a different color than the rest of the products, or perhaps otherwise different like bold, indented or underlined to set them apart, is there some kind of if/then or other css I can use to make this happen in a Minimal Theme collection? TIA  for any help!

0 Likes

You could add a tag to those products that you want to display differently and then check in the template if the product has that tag and if it does, add a class that you can target with css:

 

Assuming you've added a 'make-bold' tag to products where you want to make the title bold:

<div class="{% if product.tags contains "make-bold" %}bold-title{% endif %}">
  {{ product.title }}
</div>

And in your css...

.make-bold {
  font-weight: bold;
}
Shopify Partner & Developer
If it's a problem you can't solve the job is not too small - get in touch
littleventures.net
contact@littleventures.net

Print or download a PDF catalog for your store in minutes - Shop-2-Doc
0 Likes