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

Product Options & Modifiers

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 post in our forum, but if we cannot offer assistance (due to unfamiliarity with this particular system or language) we apologize in advance.

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

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

Site Tools