type:: integration
system:: MODx
name:: Product Options with Ditto
description:: Basic instructions to use Ditto and child documents to build product option select boxes.
tags:: cms,; product options,; tutorial

Product Options & Modifiers

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

<select>
[[Ditto? &amp;parents=`id of container` &amp;tpl=`Foxycart-select` &amp;display=`all`]]
</select>

Where your template chunk Foxycart-select looks something like this (line breaks added for legibility):

<option name="size" value="[+ItemSize+]{p:[+ItemPrice+],w:[+ItemWeight+],c:[+PartNo+]}">
	[+ItemSize+]
</option>