---- dataentry ----
type          : integration # do not change this line
system        : MODx
name          : Product Options with Ditto
description   : Basic instructions to use Ditto and child documents to build product option select boxes.
tags_tags     : cms, product options, tutorial
date_dt       : 
version       : 
developer_url : 
----


====== Product Options & Modifiers ======

What if you have a single product that comes in various sizes? Create a dynamically generated select box using Ditto:

<code html>
<select>
[[Ditto? &amp;parents=`id of container` &amp;tpl=`Foxycart-select` &amp;display=`all`]]
</select>
</code>
Where your template chunk ''Foxycart-select'' looks something like this (line breaks added for legibility):
<code html>
<option name="size" value="[+ItemSize+]{p:[+ItemPrice+],w:[+ItemWeight+],c:[+PartNo+]}">
	[+ItemSize+]
</option>
</code>