Shopify: More than 3 Product Options -
here scenario:
most of clients products simple, have 1 kind of complex. sell makeup compact has 4 empty slots. each slot can filled different type of filler.
the user has these options choose fill each slot in compact:
–
- filler type: highlight / filler color: linen
- filler type: highlight / filler color: sunlit
- filler type: highlight / filler color: wheat
–
- filler type: contour / filler color: walnut
- filler type: contour / filler color: stone
- filler type: contour / filler color: shadow
–
- filler type: blush / filler color: pink grapefruit
- filler type: blush / filler color: dahlia
- filler type: blush / filler color: ruby
–
- filler type: illuminator / filler color: pearl
–
so technically user fill how want. this:
- slot 1: contour - walnut
- slot 2: illuminator - pearl
- slot 3: blush - ruby
- slot 4: contour - stone
or even:
- slot 1: contour - walnut
- slot 2: contour - walnut
- slot 3: contour - walnut
- slot 4: contour - walnut
is there way me this? felt had figured out until there seems hard limit of 3 on product options.
any amazing.
thank in advance!
corey not complicated if understand correctly want achieve.
i offer user 4 dropdown seletions using line item properties can show selection in cart , in backend order. make sure go read line item properties can understand how works. here think code should in product.liquid page:
<label>select slot 1</label> <select id="slot1" name="properties[slot1]"> <option value="highlight / filler color: linen" >highlight / filler color: linen</option> <option value="highlight / filler color: sunlit" >highlight / filler color: sunlit</option> <option value="filler type: highlight / filler color: wheat" >filler type: highlight / filler color: wheat</option> <option value="contour / filler color: walnut" >contour / filler color: walnut</option> ... *add rest of options, total 10 </select> <label>select slot 2</label> <select id="slot2" name="properties[slot2]"> <option value="highlight / filler color: linen" >highlight / filler color: linen</option> <option value="highlight / filler color: sunlit" >highlight / filler color: sunlit</option> <option value="filler type: highlight / filler color: wheat" >filler type: highlight / filler color: wheat</option> <option value="contour / filler color: walnut" >contour / filler color: walnut</option> ... *add rest of options, total 10 </select> ... *add 2 other dropdown selections
make sure add code (it explain in line item properties) cart.liquid page:
{% p in item.properties %} {% unless p.last == blank %} {{ p.first }}: {% if p.last contains '/uploads/' %} <a class="lightbox" href="{{ p.last }}">{{ p.last | split: '/' | last }}</a> {% else %} {{ p.last }} {% endif %} <br /> {% endunless %} {% endfor %}
Comments
Post a Comment