The Products settings make global changes to the way customers view and interact with your products. This includes the details that are included in product listings (brands, links, etc.) and quickshop.
Use the theme editor to display the vendor, add product image borders, adjust the product grid, include an add-to-cart button, display second image on cursor hover, adjust product image sizes, enable the quickshop for your products.
Access products settings
To make changes to these Theme settings, go to Customize > Theme settings > Products
Display the vendor
Enable Show vendor to include a vendor label for the products. Vendor information can be added via the Products portion of your Shopify admin.
Add product image borders
To add a border to your product images, enable Show product image borders.
Adjust the product grid
The product grid refers to the card-like layout of products in features such as the collection page, certain home page sections, product recommendations, and more.
Include an add-to-cart button
To feature an add-to-cart (ATC) button for each product on the product grid, enable Show add-to-cart button.
Display second image on cursor hover
To reveal a second product image with hover interaction, enable Show secondary image on hover.
To display the product information (price and title) with hover interaction, enable Show product info on hover.
Adjust product image sizes
Select a Slideshow aspect ratio that best suits the orientation of your product image. To get the best results, product images should be consistent in dimensions. 2000 x 2000px is recommended. The options are:
Uncropped
- Natural
- Short
- Square
- Tall
Cropped
- Short
- Square
- Tall
Using an uncropped setting will generate white space around the image to create a uniform grid without cropping your image. The background in the editor indicates the applied white space, but will not appear on your storefront.
Enable the quickshop
By enabling quickshop on your theme, customers can view and select products without leaving the page they're browsing – creating a fast and seamless shopping experience.
Confirm that Enable quick shop is enabled, then choose a Variant options style.
Use the below checkboxes to further customize the information included in your quickshop windows.
- Show quantity selector
- Show email link
- Show variant SKU
- Enable dynamic checkout button
- Enable cart redirection
- Show social sharing buttons
Configure quickshop images
To allow customers to zoom in on product images, select Enable image zoom.
Select the Product thumbnail position to use from the dropdown menu. This option refers to the additional images of your product that appear with the main image. You can opt to show them to the Left of main image, Right of main image, or Below main image.
Add a fitting guide link to quickshop window
To include a page link for your store's product fitting guide, click Select page and locate the page in the dropdown.
Select one of the available icons to pair the link with a Ruler, Info, or Shirt icon.