Impulse theme cart attributes not working.

Technical Q&A
1

Hey there! I’m using Impulse theme on Shopify Basic plan. I have a little issue making cart attributes work, as i used the good old tutorial - https://community.shopify.com/topic/613718
I used Shopify’s UI generator - https://ui-elements-generator.myshopify.com/pages/cart-attribute

Basically i have two delivery options, one is Omniva Paracel lockers and the other is DPD paracel lockers, people usually never type the name of the paracel machines or location in checkout page, and it’s driving me nuts to contact people every time they order. (I’ve tried everything, but people are just too lazy to read the text and search for the paracel machines location)
So i saw another company use a different approach, they used the Cart page and added all the paracel machine names/locations in a drop-down select form field, so i tried to do it too.

Your-Shopping-Cart-–-RADADA.png
Your-Shopping-Cart-–-RADADA.png1887×980 69.4 KB

but when i do a test order, the additional details don’t show up in the order..

Flores-lv-Orders-1592-Shopify.png
Flores-lv-Orders-1592-Shopify.png976×730 42.3 KB

and YES, i did put it in tag with different variations to the code, just to get it work. But it just didn’t..

Then i tried to add the code to my old theme - brooklyn, and it worked.. but it only selected the 1st option in the list.. (which i didn’t select) as i selected a random one..

Flores-lv-Orders-1596-Shopify.png
Flores-lv-Orders-1596-Shopify.png952×706 38.7 KB

I would really appreciate if someone helped.

Here’s one version of cart.liquid that i managed to save before rage quitting after spending the whole day on this.. might be incorrect..


  {%- render 'breadcrumbs' -%}

  

    

      {% if cart.item_count > 0 %}
        

        

          
            

              

                

                  

                    {{ 'cart.label.price' | t }}
                  

                  
                    {{ 'cart.label.quantity' | t }}
                  

                  
                    {{ 'cart.label.total' | t }}
                  

                

              

            

          

          {% for item in cart.items %}
            
              

                

                  

                    

                      
                        {%- assign img_url = item | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}
                        
                      
                    

                    
                      
                        {{ item.product.title }}
                      
                      {%- unless item.product.has_only_default_variant -%}
                        

                          {{ item.variant.title }}
                        

                      {%- endunless -%}

                      {%- assign property_size = item.properties | size -%}
                      {% if property_size > 0 %}
                        {% for p in item.properties %}
                          {%- assign first_character_in_key = p.first | truncate: 1, '' -%}
                          {% unless p.last == blank or first_character_in_key == '_' %}
                            {{ p.first }}:

                            {% if p.last contains '/uploads/' %}
                              {{ p.last | split: '/' | last }}
                            {% else %}
                              {{ p.last }}
                            {% endif %}

                            

                          {% endunless %}
                        {% endfor %}
                      {% endif %}

                      

                        
                          {{ 'cart.general.remove' | t }}
                        
                        
                          <small>{{ 'cart.general.remove' | t }}</small>

And i’m sorry that it’s so long also i had to delete the end as it exceeded 100k characters!