Retina includes a Featured product section to highlight specific products. Customers can view and add an item to the cart without leaving the page.
Click the Featured product section to open its general settings.
Add a Heading using the provided field. Leave the field blank to exclude a heading.
Click Select product to connect a specific product with the section.
Select an option for the Show thumbnails setting. This controls how thumbnail images (additional images) appear in the section.
Select Always to show thumbnails for desktop and mobile devices.
Select Desktop only to limit the thumbnails to desktop devices only.
To disable thumbnails, select Never.
Enable Show arrows to include next and previous buttons for customers to browse the product media.
Allow customers to open the product image in a modal window by activating Enable lightbox.
Activate an image zoom feature for the product media by enabling Magnify product images on hover.
Automate your product media by adjusting the Gallery speed slider. Any value above 0 seconds will cycle through the images, videos, and models like a slideshow. To keep the media static, leave the slider at 0.
If enabled, select a Gallery transition option to have the media Slide or Fade between transitions.
Use the Thumbnails position to display the thumbnails to the Left of main image, Right of main image, or Below main image.
Use the Crop thumbnails setting to fit the thumbnails into square containers. This helps to enhance consistency if images have different aspect ratios.
If you have numerous product thumbnail images and want to avoid visual clutter, activate the Enable thumbnail slider setting. The slider will activate for products over 6 images, videos, or models.
Dynamic checkout button
Enable the Show dynamic checkout button setting to allow customers to easily checkout. They skip the cart and complete their payment with the checkout method displayed on the button.
Place the product media gallery (images, videos, and models) on the Left or Right side of the section with the Media position setting.
Set a maximum height for the product media by activating Set height of product media, then adjust the Product media height slider.
To have product videos repeat once played, activate Enable video looping.
Customize Section Blocks
Customize the individual blocks for the product's Title, Price, Description, and Form. Click (+) Add block to set up Vendor, SKU, Social, Product links, Size chart, Text, or Product rating.
Product links block
Use the Product links block to control the position of the product. Click the block to open its settings.
Display the collection(s) that include this product by enabling Show collections. This displays below the product form.
Enable Show tags to display the tags assigned to the product. These display below the product form as button-like links.
Activate Show type to display the Product type information for the product. Assign this to your products by editing the Organization portion of your Products admin.
Size chart block
Include a Size chart for the section by adding the Size chart block. Click to open the block, then click Select page below Size chart.
Include more messaging to the section by adding a Text block.
Add copy to the Text field. Then use the Bold, Italic, and Link controls to style and connect your text with other pages.