Product Posting Edit Drop Down Select Options

BlogrCart Closet PRO Blogger store theme comes with an advance auto post template to ease editing before publishing a product listing. It also comes with the select options by size and color for users to use with the product selection. By defaul 2 type of options is pre-included with the auto post template & theme owners can customize on which one to use or omit for a product. Find below the details on how to customise the select options pre-built for blogrCart Closet PRO Blogger store theme.

Sold Out

• Codes & Instructions

The advance auto post template comes with a select by size & color options for a dedicated product post. Below is an example:- For a select by colour options:- <select class="some_class">   <option value="n/a">- Select Colour -</option>   <option value="Blue">Blue</option>   <option value="White">White</option>   <option value="Black">Black</option> </select> For a select by size <select class="some_class">   <option value="n/a">- Select Size-</option>   <option value="Size S">Size S</option>   <option value="Size M">Size M</option>   <option value="Size L">Size L</option> </select> Editing Select Options To edit the select option, edit the value you want to display in cart at highlighted in cyan & the same value to display in select box drop down edit in yellow. The values highlighted in red is reserved & serves as helpers for users select option during product display. Adding More Select Options To add in more select options, add the values & texts pairs within the <option>..</option> mark-up. An example would look like so:- <select class="some_class">   <option value="n/a">- Select Size-</option>   <option value="Size S">Size S</option>   <option value="Size M">Size M</option>   <option value="Size L">Size L</option>   <option value="Size XL">Size XL</option>   <option value="Size XXL">Size XXL</option> </select> In the example above the ones in bold is the added option values & the text to display in our new & edited select box. The new text will display in this select drop down & the values will be sent to cart accordingly upon users selection. Removing a Select Option If a select option is not required, you can delete/remove the entire codes within the <select>...</select> mark-ups. Or a much simpler method, at your Blogger editor Compose screen, click at an empty space on the right side of the select box you require to remove. Then press Backspace at your keyboard & the select box will be deleted/removed. Use back again the mark-up if you require to add in options for later product updates, Examples can be seen throughout this demo site whereas we removed the select options, the quantity field & also the price (if not required), and it does not break your theme layout.