Enhanced Style Settings

To add Style Group descriptions, and to specify a default selected style:

  1. Click Edit Styles in the Black menu.
  2. Click Click Here To Add/Edit Style Groups at top of page.
  3. Click "Edit Descriptions" under the Style Group ID. There will be 2 text fields. Any text entered into the top field will appear just under the select menu, radio buttons or text field. If you enter test into the bottom field, there will be a "Tell Me More" link that will also appear. Clicking this link will open a popup window to the description you enter here. If you would like a style to be selected by default, choose it from the menu at the bottom of the page.

There are also 3 settings in Application.cfm under the Product display and search section. We'll cover them here:

  1. <cfset attributes.forcestyleselection = "0"> - This only affects multiple style Style Groups. Changing this to "1" will put the Menu Text above all select menus. The word "Select" will NOT appear before the value you enter in the menu text field. This will also remove the default "Select (Your Menu Text)" selection. So for any Style Groups that are normally not mandatory, you will need to add a Style called "None" (or whatnot) with an ID of "0". Any ID will do, but for aesthetic purposes, it should display at the top of the menu.
  2. <cfset attributes.sortstylesby = "StyleCode"> - There are 3 possible settings here. There will be an error if you don't use one of these. "StyleCode" to sort by the Style IDs. "Style_Price" to sort by the Style Prices. "Style_Price,StyleCode" to sort by Price then Style ID. "Style_Price,Style" to sort by Price then Style Name. "Style" to sort by the Style Names.
  3. <cfset attributes.showstylegroupicons = "0"> - Cool! Set this to "1" to show an icon of each Style Group. This icon must be a jpg and must be named as the Style Group ID. For example, Style Group 10 should have an icon named 10.jpg. These icons should be placed in the stylegroupicons folder within the ezcart folder. Note! If you set this to "1", you will have to use an icon for each Style Group. So if you don't wish to display an icon for one or more groups, just make a jpg (as small or smaller than your actual icons) that matches your background, and make a copy for each style group that you don't wish to display an icon. These can be as small as 1 X 1 pixel.
  4. <cfset attributes.stylemenystyle = ""> - You can add a cascading style sheet style here for the style select menus. We haven't added this to the style sheet. Instead, put the cascading style sheet style parameters in tbis attribute, like so:
    "padding: 1px; color: ##000000; font-size: 12px; font-family: Arial, Helvetica, Verdana"
    You can also add a width if you like, like so: "width: 600px;". Be sure to escape any # characters with ## like the example above.
  5. <cfset attributes.spanselections = "0"> - If you have extremely long select menus for the styles, and are showing product images, you can set this to "1" to span the column with the thumbnail. This only works with List3 as the attributes.uselistpage value.
  6. <cfset attributes.spanselectionsdetails = "0"> - Identical to above but spans the image on the details page. Ignored if you aren't showing images or if you have attributes.detailimageavove set to "1".