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.

Product pages

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.

SETTINGS

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 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.

CONTENT

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  ContentProduct 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: NaturalSquareCropped 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!

Collection pages

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.

SETTINGS

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: NaturalSquareCropped 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.

CONTENT

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.