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

Popular posts from this blog

python - mat is not a numerical tuple : openCV error -

c# - MSAA finds controls UI Automation doesn't -

wordpress - .htaccess: RewriteRule: bad flag delimiters -