This is Part 6 of the eCommerce Shop Setup Guide:
- Part 0: Introduction
- Part 1: Changing Static Content Strings
- Part 2: Modifying Page Templates and Creating Custom Pages
- Part 3: Customizing the Shop’s Header and Navigation
- Part 4: Customizing the Shop’s Footer
- Part 5: Customizing the Homepage
- Part 6: Customizing the Products Page
- Part 7: Customizing the Product Detail Page
- Part 8: Modifying Shopping Carts and AutoShip Rules
- Part 9: Customizing the Checkout Page
- Part 10: Enabling Your Own Custom Enrollment Form
- Part 11: Customizing the Login Page
- Part 12: Creating LoginEvents
- Part 14: Using Multi-Faceted Configuration
Under Check Your Progress for each section, you check each box next to the task in order to keep track of your progress. If you would like to download the full checklist, click the Download Attachment link above.
Important: If you have any questions or need assistance with any of the steps, contact Customer Care.
What We’ll Cover
- Adding Banners
- Customizing the Products Page
- Product Box Buttons
- Check Your Progress
The Product banners appear at the top of the Products page. When you add multiple banners to the Product section, they become a slideshow on the Products page that scrolls through each banner.
Read more: 2.1. Adding Banners to Your eCommerce Shop
Step-by-step guide: How to Add Banners to Your eCommerce Shop
In eCommerce Admin, navigate to: Company Setting > Settings.
1. Click the Product section to expand it.
2. Click the toggle to enable/disable the Product banner.
3. Click SAVE.
Customizing the Products Page
Below are a few ways you can customize what appears in the shop’s Product’s page. This involves turning toggles on or off to your preference. You accomplish this in the Settings page. This page contains a host of different toggles that enable/disable specific features.
Category List Sidebar Settings
Categories appear in a sidebar on the left of the eCommerce Shop.
Categories are setup in Corporate Office.
Read more: 2.10. Adding Inventory Categories
Step-by-step guide: How to Add a New Inventory Category
You can enable/disable certain elements of the category list.
Enabled: Shows the category list sidebar.
Disabled: Hides category list sidebar.
Enabled: Shows the “Category” label above the list.
Disabled: Hides the “Category” label.
Enabled: Shows the list of categories in the sidebar.
Disabled: Hides the list, except for the Show All checkbox.
Enabled: Shows the Shop All checkbox.
Disabled: Hides the Shop All checkbox.
Above the list of products is a filter section that allows you to sort by a variety of different options in the Sort by dropdown.
Enabled: Displays, if enabled, the “Shop All Products” label, “Item Count” label, and the Sort by dropdown.
Disabled: Hides the the “Shop All Products” label, “Item Count” label, and the Sort by dropdown.
Enabled: Displays the “Shop All Products” label above the products list.
Disabled: Hides the label.
Enabled: Displays the Item Count label above the products list.
Disabled: Hides the label.
Enabled: Displays the Sort by dropdown above the products list.
Disabled: Hides the dropdown.
Product Box Buttons
Each product box represents an inventory item with the item’s image, name,price, and Add to initial order/autoShip buttons.
Inventory items are configured in Corporate Office.
Add to Initial Order Button
If you would like to change the text on the button, then you can change the string.
You can have an add to autoShip button that allows you customers to subscribe to have products delivery on a reoccurring basis.
In eCommerce Admin, navigate to Company Setting > Settings > Expand the Global section.
Check Your Progress
Added Products Page Banners.
Customized Category List Sidebar Settings.
Customized the Sort Section.
Customized Product Box Buttons.
Awesome! You’re Products page is looking fantastic! Now we’re going to customized the Product Detail page.