---- 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          : cms, product options, tutorial
date_dt       : 
version       : 
developer_url : 
----
====== Product Options & Modifiers ======

<WRAP important round>
//**Please note:**//
The code on this page is submitted by members of the FoxyCart community, and may not verified by FoxyCart.com LLC in any way, shape, or form. Please double check the code before installing. If you need help with it please [[http://forum.foxycart.com/|post in our forum]], but if we cannot offer assistance (due to unfamiliarity with this particular system or language) we apologize in advance.
</WRAP>

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

<code html>
<select>
[[Ditto? &parents=`id of container` &tpl=`Foxycart-select` &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>