Handy's products and collections
Your products and collection pages are the lifeblood of your ecommerce store. They're where you display your products, convey their value, and, if you're lucky, make the sale.
You'll upload and configure your products and collections in the Shopify admin (you can read more about that here), but when it comes to customizing how they display, you'll do that within the theme editor. Just navigate to the page in the theme editor and you'll see a section pop up, giving you access to settings specific to that page. We'll give you the rundown on the settings for each page below.
The product page is where you highlight the features and benefits of your individual products. At minimum, it should contain the product title, images, a description, the price, and an add-to-cart button. With Handy, you can customize your product pages by navigating to a product page in the theme editor and clicking on Product pages under the Sections tab.
Handy comes with two options for where the product form—that’s your quantity selector, add-to-cart button and breadcrumbs—displays. You can opt to show it in a mobile-friendly bottom menu or within the product area.
By default, Handy will show a bottom menu, but you can remove it by selecting Disable bottom menu. Here's the difference:
Bottom menu enabled
Bottom menu disabled
You can also Enable social sharing from your Product pages settings. Clicking this box will display a Share button in the bottom menu or a set of social icons in the product area, depending on the option you selected in the previous section. This allows users to more easily share your products with their social networks.
Enabling related products allows customers to discover other items that are similar to the one they are currently viewing. Related products are automatically pulled from the same collection as the product in view. Like so:
You can customize how related products appear on your product pages using the options under Content. Product aspect ratio refers to the proportional relationship between a product image's width and height. With Handy, you can select cropped or uncropped versions of your product images in the following aspect ratios: Natural, Square, Cropped or Tall. Click through the options to see how they display.
You can Enable product quickshop on your related products by checking that option. With Handy, quickshop means that customers will be able to add products to their cart from a modal popup rather than being directed to the page for that product.
You can select how many products display in this section from the Product count dropdown.
By default, your products will appear in a single row of uniform product images, however, you can also opt to create an alternate layout by selecting Emphasize product. Note that this setting only affects larger screens (desktops and some tablets in landscape mode).
If you do not want to show related products on your product pages, simply open the settings and click the blue Delete button at the bottom.
A quick note about tabs
Adding tabs is an effective and popular way to add more information to your product pages without taking up too much space. Unfortunately, Handy doesn't support tabs yet, but it's something we're working on as an enhancement for future versions. Stay tuned!
A collection page displays all of the products in a given collection. You can configure your collections from within your Shopify admin (more information here). In Handy, you can customize your collection pages by navigating to a collection in the theme editor and clicking on Collection pages under the Sections tab.
You can set the Products per page by selecting a number from the top dropdown menu.
Product aspect ratio refers to the proportional relationship between a product image's width and height. With Handy, you can select cropped or uncropped versions of your product images in the following aspect ratios: Natural, Square, Cropped or Tall. Click through the options to see how they display.
You can Enable product quickshop by checking that option. With Handy, quickshop means that customers will be able to add products to their cart from a modal popup rather than being directed to the page for that product.
Handy allows you to add promotions to the product grids on your collection pages using Promotion content blocks. If one isn't already enabled on your site, you can click Add promotion to get started.
Once you've opened up the settings, select the collection you want to advertise from the Collection dropdown. You'll position it in your grid using the Display after X products dropdown, then add your Text, Link, and Link text in the the following fields.
You can create multiple promotions and display them on different collection pages if you wish. There is no limit to the number of promotions you can create.