The Featured product section captures key elements of the product page to display in a dynamic page section. Select a product to feature in the section, then use the blocks to customize the layout and content of the section.
Customize Section Settings
Click the Featured product section to open its general settings.
Colors
Use the Section background color option to distinguish this section from those configured in the Colors settings.
Select product
Choose the Product to feature in this section by clicking Select product. The product information will be drawn from the product page to display in the section.
Dynamic checkout button
Activate Show dynamic checkout button to add a secondary cart button offering customers an option to proceed directly to the Checkout page—bypassing the cart page entirely and completing the purchase with a preferred payment type.
Enable cart redirection
Activate Enable cart redirection to send the customer to the cart page after the add-to-cart (ATC) button has successfully added an item. This can help streamline the purchasing process, especially if you have a smaller catalog.
Disable AJAX on the product page by enabling cart redirection
Some added apps require the customer to stay on the product page after ATC in order to function, so this option may need to be disabled.
Aspect ratio
- Natural
- Short
- Square
- Tall
To change how the image fits into the container, consider activating Enable image crop. This only applies to Short, Square, or Tall options.
Thumbnails position
The thumbnail images are the additional images for the product framed in smaller containers outside the main image. These can be positioned either below the main image or beside it on the left.
Select an option from the Thumbnails position to arrange these images.
Video autoplay and looping
For product videos, activate autoplay by selecting Enable video autoplay. Repeat the video automatically at its end by selecting Enable video looping.
Image zoom
Allow customers to get a closer look at high-quality product images by activating the image zoom settings. There are two options to consider: Roll-over image zoom or Click to zoom image.
This feature works with images above 1600px in width
Roll-over image zoom
When a customer hovers their mouse cursor over the main gallery image, the Roll-over image zoom option automatically enlarges a portion of the image.
To enable, select either Enabled (separate box) or Enabled (replace main image) from the Roll-over zoom style dropdown.
Click to zoom image
For a more manual approach, consider using the Click to zoom image option. Customers are encouraged to click the image by a label in the bottom-right corner.
When a customer clicks the image, a dedicated modal window opens to provide a closer look.
To enable this, select Enabled (all devices), Enabled on desktop only, or Enabled on mobile only.
Select Disable to deactivate.
Customize Section Blocks
Use the provided blocks to customize the layout of the product's Title, Vendor, Price, Product rating, Form, Share buttons, and Description.
Click (+) Add block to include a Text or SKU block.
