Showing TAGS on product card (VENTURE THEME)

[SHIBdev]

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

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" %}
             <div id="product-item-subtitle_page_card" class="product-item-subtitle">
              <span>Plata de Ley 925</span>        
           </div>
           {% endif %}
           {%if tag contains "Baño de Oro 18K" %}
             <div id="product-item-subtitle_page_card" class="product-item-subtitle">
              <span>Baño de Oro 18K / Plata de Ley 925</span>               
           </div>
           {% endif %}           
           {%if tag contains "Semipreciosas" %}   
             <div id="product-item-subtitle_page_card" class="product-item-subtitle">
              <span>Piedras Semipreciosas</span>        
           </div>
           {% endif %}
         {% endfor %}

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

[ChoosiZon]

id="product-item-subtitle_page_card"

Your id is not unique.

May affect your SEO.

[SHIBdev]

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

[ChoosiZon]

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

[SHIBdev]

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

thanks a lot for your help!

[ChoosiZon]

Everything seems to be working fine.

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

Free Snipping Tool

[SHIBdev]

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

Plata de Ley 925

Piedras Semipreciosas

Thanks anyway 

[ChoosiZon]

---

@SHIBdev wrote:

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

Plata de Ley 925

Piedras Semipreciosas

Thanks anyway 

---

{% for tag in product.tags %}
         {%if tag contains "Baño de Oro 18K" %}
             <div id="product-item-subtitle_page_card" class="product-item-subtitle">
              <span>Baño de Oro 18K / Plata de Ley 925</span>               
           </div>
           {% endif %}           
           {%if tag contains "Semipreciosas" %}   
             <div id="product-item-subtitle_page_card" class="product-item-subtitle">
              <span>Piedras Semipreciosas</span>        
           </div>
           {% endif %}
          {%if tag contains "Plata" %}
             <div id="product-item-subtitle_page_card" class="product-item-subtitle">
              <span>Plata de Ley 925</span>        
           </div>
           {% endif %}
         {% endfor %}

This way the order will be :

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

Piedras Semipreciosas

Plata de Ley 925

[SHIBdev]

@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!

[ChoosiZon · Accepted solution]

---

@SHIBdev wrote:

@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!

---

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" %}
             <div id="product-item-subtitle_page_card" class="product-item-subtitle">
              <span>Plata de Ley 925</span>        
           </div>
           {% endif %}
         {% endfor %}
{% for tag in product.tags %}
         {%if tag contains "Baño de Oro 18K" %}
             <div id="product-item-subtitle_page_card" class="product-item-subtitle">
              <span>Baño de Oro 18K / Plata de Ley 925</span>               
           </div>
           {% endif %}    
{% endfor %}    
{% for tag in product.tags %}   
           {%if tag contains "Semipreciosas" %}   
             <div id="product-item-subtitle_page_card" class="product-item-subtitle">
              <span>Piedras Semipreciosas</span>        
           </div>
           {% endif %}
{% endfor %}  

EDITED**

[SHIBdev]

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

[SHIBdev]

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