&lt;p&gt;This feature allows you to sell accessories for your product. You can use this feature to sell photo frames etc. Using the Product Options Manager you can create as many product options as required. Stockbox will display them in the gallery for customers to purchase. When displaying the media details page, the system checks for the product type and product options. If there are product options available for the target media&amp;rsquo;s product types, the system will display a button to allow the customer to purchase the available product options. &lt;strong&gt;Note:&lt;/strong&gt; the Product Option feature is not available when a customer is using a subscription payment method.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Option Name&lt;/strong&gt; &lt;br /&gt;The Option name is used by the system&#039;s database, so it should not contain any special characters, spaces or numbers.&lt;br /&gt;e.g.&lt;strong&gt; !@#$%^&amp;amp;*()_+|}{&quot;:?&amp;gt;&amp;lt;1234567890-=][&#039;;,./&lt;br /&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Option Label&lt;/strong&gt;&lt;br /&gt;You can use this field to describe the Product Option. The product label is what the user will see in the gallery and it may contain special characters, spaces and numbers.&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Shipping Cost &amp;amp; Additional Shipping Cost&lt;/strong&gt; &lt;br /&gt;Similar to the single item shipping or product item shipping calculation, the system will apply the same formula to calculate the shipping cost for this product option. &lt;strong&gt;Note&lt;/strong&gt;: The system only applies this shipping setting when you&#039;re using the &quot;&lt;strong&gt;Single Item Shipping Method&lt;/strong&gt;&quot; or &quot;&lt;strong&gt;Product Type Shipping Method&lt;/strong&gt;&quot; in the &lt;strong&gt;Shipping Manager&lt;/strong&gt; section of the admin control panel.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Available Products&lt;/strong&gt; &lt;br /&gt;You need to tell the system which product types are available for this new product option. The system will not allow a customer to purchase this product option if there are no product types associated with this product option. If you have correctly configured the product types, the system will display them here for you to set the price and their available quantities.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Status&lt;/strong&gt;&lt;br /&gt;Check the check box if this new product option is available for this product type.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Product Type&lt;/strong&gt;&lt;br /&gt;The product type label.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Price&lt;/strong&gt; (Numeric Only) &lt;br /&gt;The price per item for this new product option.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Available Quantity&lt;/strong&gt;&lt;br /&gt;Product options available quantity. The system only allows customers to purchase if the sold quantities plus the customer&#039;s input quantities are less than the available quantity.&lt;br /&gt;&amp;nbsp;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;Option HTML Code&lt;/strong&gt;&lt;br /&gt;The system requires you to input the Product Option HTML code. This HTML code is used to display in the gallery when a customer wants to preview it before purchasing. There are two tags that are required by the system.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;[MEDIAIMAGE]&lt;/strong&gt; &lt;br /&gt;The system will replace this tag with the actual media image.&lt;br /&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;[OPTION_ADD_TO_CART]&lt;/strong&gt;&lt;br /&gt;The system will replace this tag with the &quot;add to cart&quot; button.&lt;br /&gt;&amp;nbsp;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;The following code was used to create the sample frame above. The images used for the frame can be found in the sample_frame.zip file in the images folder. The files should be uploaded to the tmp folder, if you would like to use the sample frame on your site. When you create a new frame, you can store the image files in the location of your choice as long as you have the correct file path in the html code.&lt;br /&gt;&lt;br /&gt;&amp;lt;table border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;lt;tr&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;td align=&quot;left&quot; valign=&quot;top&quot;&amp;gt;&amp;lt;img src=&quot;tmp/topleft.gif&quot; alt=&quot;&quot; width=&quot;22&quot; height=&quot;22&quot; /&amp;gt;&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;td style=&quot;background-image:url(tmp/top.gif)&quot;&amp;gt; &amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;td align=&quot;right&quot; valign=&quot;top&quot;&amp;gt;&amp;lt;img src=&quot;tmp/topright.gif&quot; alt=&quot;&quot; width=&quot;22&quot; height=&quot;22&quot; /&amp;gt;&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;lt;tr&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;td style=&quot;background-image:url(tmp/left.gif)&quot;&amp;gt; &amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;td&amp;gt;[MEDIAIMAGE]&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;td style=&quot;background-image:url(tmp/right.gif)&quot;&amp;gt; &amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;lt;tr&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;td align=&quot;left&quot; valign=&quot;bottom&quot;&amp;gt;&amp;lt;img src=&quot;tmp/bottomleft.gif&quot; alt=&quot;&quot; width=&quot;22&quot; height=&quot;23&quot; /&amp;gt;&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;td style=&quot;background-image:url(tmp/bottom.gif)&quot;&amp;gt; &amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;td align=&quot;right&quot; valign=&quot;bottom&quot;&amp;gt;&amp;lt;img src=&quot;tmp/bottomright.gif&quot; alt=&quot;&quot; width=&quot;22&quot; height=&quot;23&quot; /&amp;gt;&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;lt;/table&amp;gt;&lt;br /&gt;&amp;lt;table border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; align=&quot;center&quot;&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;lt;tr&amp;gt;&amp;lt;td align=&quot;center&quot;&amp;gt;[OPTION_ADD_TO_CART]&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;lt;/table&amp;gt;&lt;br /&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Other Product Option Functions&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;To edit an existing product option click on the Edit &lt;img style=&quot;vertical-align: top;&quot; src=&quot;images/admin/edit.gif&quot; alt=&quot;edit&quot; /&gt; Icon.&lt;/p&gt;
&lt;p&gt;To delete an existing product option click on the Delete &lt;img style=&quot;vertical-align: top;&quot; src=&quot;images/admin/delete.gif&quot; alt=&quot;delete&quot; /&gt; Icon.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;