AddMerch Widget Customization
The Addmerch Detail display that appears when a visitor clicks the AddMerch button can be customized using your own CSS. The standard display is controlled by two standadr AddMerch style sheets
- base.css - Controls the main display window and the gray background
- full.css - Controls the layout and display of all interface elements
If you wish to use your own CSS, you can disable the full.css by setting the "Use your own CSS file linked from your pages" options on the AddMerch setup page. You will then need to ensure that you have correctly linked to a CSS sheet on your own server.
Whilst you can technically alter any part of the display, it is recommended that you only alter colors and backgrounds.
ID and Class Descriptions
The following ID and Classes can be used to control your own AddMerch display:
- div.AddMerch_grayDiv - The gray background behind the detail window
- div.AddMerch_merchDetail - The Main AddMerch Display boxdiv.
- div.AddMerch_closeX - The top right "Close" button
- a.AddMerch_sizeChart - The size chart link
- a.AddMerch_shoppingCart - The shopping cart link button
- div.AddMerch_productTitle - The product title (T-Shirt, etc)
- div.AddMerch_productDescription - The long description for the base product
- div.AddMerch_rootProductSmallContainer - The box that displays all the blank product choices
- div.AddMerch_largePreview - The main large preview image
- div.AddMerch_colorsContainer - The box that displays the color swatches
- div.AddMerch_size - The size drop down box
- div.AddMerch_qtyContainer - the Quantity container
- div.AddMerch_price - The price display
- div.AddMerch_buyButton - The "Buy Now" button
