You can get to this part of the system by clicking on the gear icon on the right side of blue Admin Toolbar and then clicking Settings and then Website Settings and then clicking Products.
Configuring Your Products Module
There are a great many configuration options for your Products, ranging from how they display on the site (number of columns for Categories and for Products) to the preferred checkout method in the Shopping Cart and even custom Add to Cart buttons. Details for each setting are below:
Category Columns - This is how many columns wide your top level Categories and Subcategories will display on your website. You can set it anywhere from one to four columns wide. For Responsive websites we recommend four.
Category Images - If you do not want your category images to show, you can toggle this off by changing it from the default value of Show to Hide. We strongly recommend having images for each Category and Subcategory.
Product Columns - This is how many columns wide your Products will display in on the website. You can set it anywhere from one to four. For Responsive websites we recommend four.
Show Product Descriptions on Category Page - This setting is only applicable to non-Responsive websites. If this is set to On, your Product Short Descriptions will display on the page of their parent category. It is recommended to look at it both ways and then decide if you want the descriptions to display or not. Responsive website do not display Short Descriptions.
Full Width Product Page - This setting is for non-Responsive websites only. This setting will display the product information in a single column spanning the full width of your content area, so the sidebar on your category page will not display if you turn this on. Responsive sites automatically display full-width.
Checkout Method - You have two options for the way checkout works for your website transactions:
- Sale - This will charge the customer's card at the point of purchase.
- Authorization - This will authorize the funds on the card at the point of purchase, but will not charge the card until you go into your PayPal or Authorize account and click to Collect Funds. This setting is preferred if you often need to adjust shipping or if you are worried about inventory accuracy.
Call to Order Display - If this is set to ON, you will see 'or call: (your business phone number)' below the Add to Cart button, as in the image above. Turn it OFF if you do not wish for this to display globally for your products.
Show UPCs, Manufacturer IDs, and SKUs - This will display the product identifier numbers, if any, on the product detail page if turned on. If left off, customers can still search by SKU, UPC, and Manufacturer ID if they like, even if it isn't set to display.
Allow Purchase of Free Products - Set this option to Yes if you wish to sell free products. Customers will still have to go through the full shopping cart process, but will only have to add a shipping address. If they have no shipping charges, they will be able to check out for free.
Enhanced Product Options View - If this is set to OFF, you will be using the Standard Product Option View, pictured below. With it ON, the Enhanced Product Option View will offer a more visually appealing interface for your products with Options, but some product data will not display. For example, Notes, Send What You Have, UPC / Manufacturer Number / SKU, and Product Forms you create in the Advanced tab of the Edit Product page will not display in the Enhanced view, and the product Title will move and display over the main product image.
Enable Pinterest 'PinIt' Buttons - For images 150-pixels and up, this setting will enable a mouse-over PinIt button to pop up in the upper corner (for non-Responsive websites) or it will display the PinIt button to the right of the image (for Responsive websites, Product images only, see the tent image above), so Pinterest users can pin the image to one of their boards. See #1 in the image below.
Facebook Features - If you have set up your account to integrate with your Facebook page, you will be able to use these features. If you have not yet done so, click here to see how. Here are your options:
- Enable Facebook Like Buttons - This will display a Facebook Like button on the product's detail page, next to the image. See #2 below. If someone clicks the Like button and if they are logged into their Facebook account, all of their Facebook friends will see the Like post, which is linked to the product page.
- Enable Facebook Comments - This will display a Comments field that will let any customer enter a comment on the product. See #3 below. It also gives them the option of displaying the comment in their Facebook wall so their Facebook friends can see it as well. Any comments entered will be listed below the product for visitors to see.
Notes Field - If you turn this feature ON, customers will see a Notes field on the detail page of the product. This field can be used for them to give you feedback on needs they have for the order, or for the product in particular. You can see an example of this in the product image below. Please note: in non-Responsive websites, this option will cause your Short Descriptions to no longer display on the category page, if you have them set that way.
'Send What You Have' Option - This offers a drop-list of options for the customer's preference on what you should do if you don't actually have the quantity on hand they want to order. Options include Send What You Have (default), Cancel This Item, or Contact Me. Please note: in non-Responsive websites, this option will cause your Short Descriptions to no longer display on the category page, if you have them set that way.
Enable Selling of Wholesale Items - If you wish to use the Wholesale functionality in the Products module, you can set this to On. When editing a product, you will see price and description fields for Wholesale in addition to the normal ones. Only Wholesale Members of your site who have logged in will be able to see this information; your regular visitors will only see the standard product info.
Default Unlimited Web Inventory - If you set this to Yes, any new products that you create that are set to display and sell on the web will have unlimited inventory, no matter what actual inventory numbers you have in the system for them. This option makes sense if it is a product you make, or if your restock turnaround time is low enough to fit within a reasonable shipping period. It also works well if all of your products are Digital Downloads. Most online retailers set this to No so they are using actual on-hand inventory numbers for the web.
Item Condition - If you sell used goods online, this setting will enable an Item Condition field for you. By default, items will be listed as Brand New. Other conditions include Mint, Excellent, Very Good, Good, Fair, Poor, Non-Functioning. If you are unclear how to categorize item conditions, click here for an excellent outline from Ebay on item condition, with recommendation by product type.
Item Condition Default - You can set the Item Condition that each new product will have automatically set when first created using this option. So if you primarily sell new items, you could set it to Brand New, and then for used items of various quality, you can change it when setting up those products.
Image Border Color - This setting is for Non-Responsive websites only. Enter a hex-code color here (e.g. #F0B40E) to set a border color given to Category and Product images in the website Products module. If you need to find a color code, the site colorpicker.com is a free, quick option. Responsive websites do not currently display custom-colored borders. The example given is a shade of yellow, and you can see below how it shows up on the web page:
Add to Cart Button - You can either pick a Background Color and a Hover Color for the button using the same hex-code for your colors (as described above in Image Border Color), or you can upload your own PNG file for a custom button, if you like. By default, you will have a green Add to Cart button. You can click here for a ZIP file of some sample button image files you might like.
Auto-Deactivate Products - If you set this to On, when your products get down to zero inventory, they will automatically Deactivate, making them disappear from their category. You will still be able to search for them when logged into the system as an administrator, but the public will not longer be able to view the product. This is a good setting to turn on if you expect to be re-ordering your products in the future, or if you just want them off the site so you can later go and delete them.
No Online Purchase Message - If you have a product set to be visible online but to not display the Add to Cart button, this No Online Purchase Message will display for that product.
Product In-Stock Message - You can enter whatever text you like that will appear on each product you have in-stock, and you can change this as often as you like. So you can add promotional text, instructions on checkout, or really whatever you like that might apply to your in-stock products. Here is an example:
Enhanced Category Page - Please note, this is a non-Responsive website setting only, it will have no effect if your site is Responsive. If you have a non-Responsive website, you can turn this to On if you want your categories to display in the Responsive style. When you mouse-over a category, the image zooms a little and the title highlights in an animated fashion, as with the Shoes category below. Please note that in this view, your Category Short Descriptions will not display. Here is an example:
Enhanced Category Page Highlight Color - This is also a non-Responsive website only setting. This will allow you to specify an exact color using the hex-code for your preferred color. This is the gray that we see above in the Shoes category. If you need to find a color code, the site colorpicker.com is a free, quick option. Responsive websites do not currently display custom-colored borders.
Product Category CSS - If you want to edit the CSS styles that are set for your Products module, you can click the blue Edit button. This is for advanced users with knowledge of CSS and will work only with the Responsive websites.
Product Message Below Add to Cart Button and Product Message Below Images - The two areas described by these functions are often blank space on the page, so it you want to add content to these areas, you can do so using the respective Content Editors provided. Please note that for the first option (#1 below, the Product Message Below Add to Cart Button) you have about 300px of width to work with, so create your content with care. If the product has multiple images, the micro-thumbnails for them will show up where you see #2 below. The content in the area below the images, #3 below, will be full page width (about 1200 pixels). Here is an example of where the content shows up:
The product's Long Description will show up in area #4. PLEASE REMEMBER that this content will appear for EVERY product listed on your website, so it needs to apply to everything you sell. Links to policies for your online store, shipping rates, promotions you are running, and many other types of content would work well here.
If you have any questions on setting up your Products module, please either email us or give us a call at 877-909-6699.