CODEWITHSUNDEEP
dynamicattributesshopify
Luke
Luke

Reputation: 15

Dynamic Attribute Names in Shopify Cart

I'm so close on this, but I just can't get the syntax right. I've been messing with this off and on for days. Essentially I have a greeting card message and I want the message to be filled in by the customer for every Greeting Card on the checkout page (cart.liquid) and I need the attribute name to change for every index. Therefore I'm adding the index to each attribute name, but to no avail. For testing purposes, here's a basic input field:

    <p class="cart-attribute__field" style="min-width:300px;">
      <label for="to{{ forloop.index }}">To:</label>
      <input class="checkMe" id="to{{ forloop.index  }}" type="text" name="attributes[To{{ forloop.index  }}]"  maxlength="40" data-stk="{{item.id}}" value="{{ cart.attributes['To'+forloop.index] }}" >

    </p>

And its this part (value="{{ cart.attributes['To'+forloop.index] }}") that is giving me trouble.

Upvotes: 0

Views: 1007

Answers (2)

bknights
bknights

Reputation: 15447

Why would you not just use line item properties as described on https://docs.shopify.com/manual/configuration/store-customization/page-specific/product-page/get-customization-information-for-products

Upvotes: 0

HymnZzy
HymnZzy

Reputation: 2925

You cannot use '+' operator in liquid code to append. Try this instead:

{% assign cart_attr = 'To' | append: forloop.index %}
<p class="cart-attribute__field" style="min-width:300px;">
<label for="to{{ forloop.index }}">To:</label>
<input class="checkMe" id="to{{ forloop.index  }}" type="text" name="attributes[To{{ forloop.index  }}]"  maxlength="40" data-stk="{{item.id}}" value="{{ cart.attributes[cart_attr] }}" >
</p>

Note: Improvise as required.

Upvotes: 1

Related Questions