Showing TAGS on product card (VENTURE THEME)

Store Design
1

Hi there community, im having some troubleshooting with this.. i’ll put some picture to explain what i mean,

productcardedit.jpg
productcardedit.jpg467×560 8.91 KB

i want to show like this:

Plata de Ley 925

Piedras Semipreciosas

in that order, here is the code i used:

{% for tag in product.tags %}
           {%if tag contains "Plata" %}
             
              Plata de Ley 925        
           

           {% endif %}
           {%if tag contains "Baño de Oro 18K" %}
             
              Baño de Oro 18K / Plata de Ley 925               
           

           {% endif %}           
           {%if tag contains "Semipreciosas" %}   
             
              Piedras Semipreciosas        
           

           {% endif %}
         {% endfor %}

if something more it’s needed, please tell me, in advance, thanks anyway!!

2 
id="product-item-subtitle_page_card"

Your id is not unique.

May affect your SEO.

3

@ChoosiZon thanks for that ! anyway im making some edits so..! if you can help me with my problem.. :slightly_smiling_face:

4

Pls show your url, without that difficult to troubleshoot and see your issue.

5

@ChoosiZon https://o3jr3ms8qeyqv8id-53196980409.shopifypreview.com

thanks a lot for your help!

6

Everything seems to be working fine.

Would you like to use a snipping tool to show what you want?

Free Snipping Tool

7

@ChoosiZon , yes but i want to change order position,

Plata de Ley 925

Piedras Semipreciosas

Thanks anyway

8 
{% for tag in product.tags %}
         {%if tag contains "Baño de Oro 18K" %}
             

              Baño de Oro 18K / Plata de Ley 925               
           

           {% endif %}           
           {%if tag contains "Semipreciosas" %}   
             
              Piedras Semipreciosas        
           

           {% endif %}
          {%if tag contains "Plata" %}
             
              Plata de Ley 925        
           

           {% endif %}
         {% endfor %}

This way the order will be :

Baño de Oro 18K / Plata de Ley 925

Piedras Semipreciosas

Plata de Ley 925

9

@ChoosiZon i think we are not in the same way.. let’s me explain what i mean..

if i choose “Plata de Ley 925” and “Piedras Semipreciosas”,

the order should be :

  • Plata de Ley 925

  • Piedras Semipreciosas

At the moment it still showing the same order with your code, sir!

10

I got what you mean. The default tags output is in alphabetical order and can’t be changed.

However we can try this. (not tested)

{% for tag in product.tags %}   
          {%if tag contains "Plata" %}
             
              Plata de Ley 925        
           

           {% endif %}
         {% endfor %}
{% for tag in product.tags %}
         {%if tag contains "Baño de Oro 18K" %}
             
              Baño de Oro 18K / Plata de Ley 925               
           

           {% endif %}    
{% endfor %}    
{% for tag in product.tags %}   
           {%if tag contains "Semipreciosas" %}   
             
              Piedras Semipreciosas        
           

           {% endif %}
{% endfor %}

EDITED**

11

@ChoosiZon yes i understand, anyway im playing with operators, and i think im on the way.. thanks a lot sir!

12

** EDITED: thanks @ChoosiZon your code works really well right now! i made some changes on products.collection, and that’s it! thanks you!