title: Multi file uploader in Shopify Debut theme
body: <p>I'm customizing my page to upload multiple files (photos). This is the code that I have so far and according to this link it should work:
  <a href="https://shopify.dev/tutorials/customize-theme-get-customization-information-for-products" rel="nofollow noreferrer">https://shopify.dev/tutorials/customize-theme-get-customization-information-for-products</a>
  in the link go to "Allow file uploads" if you want to check.</p>
  
  <pre><code>{% form 'product', product, class:form_classes, data-product-form: '', enctype:"multipart/form-data" %}
              {% unless product.has_only_default_variant %}
                &lt;div class="product-form__controls-group"&gt;
                  {% for option in product.options_with_values %}
                    &lt;div class="selector-wrapper js product-form__item"&gt;
  
                      &lt;select class="single-option-selector single-option-selector-{{ section.id }} product-form__input"
                        id="SingleOptionSelector-{{ forloop.index0 }}"
                        data-index="option{{ forloop.index }}"
                      &gt;
                        {% for value in option.values %}
                          &lt;option value="{{ value | escape }}"{% if option.selected_value == value %} selected="selected"{% endif %}&gt;{{ value }}&lt;/option&gt;
                        {% endfor %}
                      &lt;/select&gt;
                    &lt;/div&gt;
                  {% endfor %}
                &lt;/div&gt;
              {% endunless %}
  
              &lt;select name="id" id="ProductSelect-{{ section.id }}" class="product-form__variants no-js"&gt;
                {% for variant in product.variants %}
                  &lt;option value="{{ variant.id }}"
                    {%- if variant == current_variant %} selected="selected" {%- endif -%}
                  &gt;
                    {{ variant.title }}  {%- if variant.available == false %} - {{ 'products.product.sold_out' | t }}{% endif %}
                  &lt;/option&gt;
                {% endfor %}
              &lt;/select&gt;
  
              {% if section.settings.show_quantity_selector %}
              {% comment %}
                &lt;div class="product-form__controls-group"&gt;
                  &lt;div class="product-form__item"&gt;
                    &lt;input type="number" id="Quantity-{{ section.id }}"
                      name="quantity" value="1" min="1" pattern="[0-9]*"
                      class="product-form__input product-form__input--quantity" data-quantity-input
                    &gt;
                  &lt;/div&gt;
                &lt;/div&gt;
  
                  &lt;div class="qtydiv"&gt;
                  {% comment %}&lt;label for="Quantity" class="quantity-selector"&gt;Quantity&lt;/label&gt;{% endcomment %}
                  &lt;div class="qtybox"&gt;
                    &lt;span class="btnqty qtyminus icon icon-minus"&gt;-&lt;/span&gt;
                    &lt;input type="text" id="quantity" name="quantity" value="1" min="1" class="quantity-selector quantity-input" readonly=""&gt;
                    &lt;span class="btnqty qtyplus icon icon-plus"&gt;+&lt;/span&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
          {% endcomment %}
              {% endif %}
  
              &lt;div class="product-form__error-message-wrapper product-form__error-message-wrapper--hidden{% if section.settings.enable_payment_button %} product-form__error-message-wrapper--has-payment-button{% endif %}"
                data-error-message-wrapper
                role="alert"
              &gt;
                &lt;span class="visually-hidden"&gt;{{ 'general.accessibility.error' | t }} &lt;/span&gt;
                {% include 'icon-error' %}
                &lt;span class="product-form__error-message" data-error-message&gt;{{ 'products.product.quantity_minimum_message' | t }}&lt;/span&gt;
              &lt;/div&gt;
  
              &lt;div class="product-form__controls-group product-form__controls-group--submit"&gt;
                &lt;div class="qtydiv"&gt;
                  {% comment %}&lt;label for="Quantity" class="quantity-selector"&gt;Quantity&lt;/label&gt;{% endcomment %}
                  &lt;div class="qtybox"&gt;
                    &lt;span class="btnqty qtyminus icon icon-minus"&gt;-&lt;/span&gt;
                    &lt;input type="text" id="quantity" name="quantity" value="1" min="1" class="quantity-selector quantity-input" readonly=""&gt;
                    &lt;span class="btnqty qtyplus icon icon-plus"&gt;+&lt;/span&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="product-form__item product-form__item--submit
                  {%- if section.settings.enable_payment_button %} product-form__item--payment-button {%- endif -%}
                  {%- if product.has_only_default_variant %} product-form__item--no-variants {%- endif -%}"
                &gt;
                  &lt;button type="submit" name="add"
                    {% unless current_variant.available %} aria-disabled="true"{% endunless %}
                    aria-label="{% unless current_variant.available %}{{ 'products.product.sold_out' | t }}{% else %}{{ 'products.product.add_to_cart' | t }}{% endunless %}"
                    class="btn product-form__cart-submit{% if section.settings.enable_payment_button %} btn--secondary-accent{% endif %}"
                    data-add-to-cart&gt;
                    &lt;span data-add-to-cart-text&gt;
                      {% unless current_variant.available %}
                        {{ 'products.product.sold_out' | t }}
                      {% else %}
                        {{ 'products.product.add_to_cart' | t }}
                      {% endunless %}
                    &lt;/span&gt;
                    &lt;span class="hide" data-loader&gt;
                      {% include 'icon-spinner' %}
                    &lt;/span&gt;
                  &lt;/button&gt;
                  {% if section.settings.enable_payment_button %}
                    {{ form | payment_button }}
                  {% endif %}
                &lt;/div&gt;
                      &lt;input required class="required product-form__input" id="photo" type="file" name="properties[Photo]" multiple&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            {% endform %}
  </code></pre>
  
  <p>This is my form that according to the link must have the attribute </p>
  
  <pre><code>enctype = "multipart / form-data".
  </code></pre>
  
  <p>At the bottom of the form it is in input type = "file".</p>
  
  <pre><code>&lt;input required class="required product-form__input" id="photo" type="file" name="properties[Photo]" multiple&gt;
  </code></pre>
  
  <p>And this is the code in the cart-template.liquid.</p>
  
  <pre><code>&lt;div class="list-view-item__title"&gt;
                        &lt;a href="{{ item.url }}" class="cart__product-title" data-cart-item-title&gt;
                          {{ item.product.title }}&lt;br&gt;
                          {% assign property_size = item.properties | size %}
                            {% if property_size &gt; 0 %}
                              {% for p in item.properties %}
                                  {{ item.properties.count }}
                                {% 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/' %}
                                    &lt;a class="lightbox" href="{{ p.last }}"&gt;{{ property_size }}&lt;/a&gt;
                                  {% else %}
                                    {{ p.last }}
                                  {% endif %}
                                  &lt;br&gt;
                                {% endunless %}
                              {% endfor %}
                            {% endif %}
                        &lt;/a&gt;
                      &lt;/div&gt;
  </code></pre>
  
  <p>The problem is the property_size variable gets value one even if I upload two or more images, when in fact I should return the amount of properties that the item has.
  Can anyone help me please? What I am doing wrong?</p>