Featured product

The Featured Product section allows you to spotlight a single product with customizable blocks including product title, price, quantity selector, variant picker, buy button, vendor details, ratings, and custom liquid options.

Click on Featured products for the general settings

Text Content

• Subheading: Add a subheading to appear above the Featured Product section.
• Heading: Set the main heading for the Featured Product section.

Product Selection

• Select Product: Choose the specific product you want to feature from the list of available products in your store.

View Details Link

• Enable View Details Link: Option to have a "View Details" link that directs users to the product page.

Product Image Position

• Image Position: Choose the position of the product image relative to the content. Options are:
  • Left
  • Right

Media Size

• Image Width: Control the width the image takes proportionate to the content. This setting allows you to adjust the visual balance between the image and the text content.

Image Ratios

• Desktop Image Ratio: Set the image ratio for desktop views. Options include:
  • Square
  • Landscape
  • Portrait
  • Adapt to Image
• Mobile Image Ratio: Set the image ratio for mobile views. Options are the same as for desktop.

Image Zoom

• Enable Image Zoom: Allow users to zoom into the product image for a closer look.

Appearance Settings

• Padding: Adjust the padding at the top and bottom of the section.
  • Padding Top: Adjust the top padding.
  • Padding Bottom: Adjust the bottom padding.
• Color Scheme: Choose a color scheme for the section from predefined options.
• Theme Settings: Customize the section based on the overall theme settings of your website.

• Custom CSS: Add custom CSS for advanced styling.

  
  

  Block level settings

Featured Product Section Blocks and Settings

1. Vendor Name

- Vendor Name Display: Automatically shows the vendor name of the product.

2. Product Title

- Product Title Display: Automatically shows the title of the product.

3. Rating

- Rating Display: Automatically shows the product rating when using an app.

4. Price

- Price Display: Automatically shows the product price.

5. Description

- Description Display: Automatically shows the product description.

6. Payment Installments

- Payment Installments Display: Shows available payment installment options.

7. Quantity Selector

- Quantity Selector Display: Allows users to select the quantity of the product they wish to purchase.

8. Variant Picker

- Picker Style: Choose between Dropdown or Pills style for selecting product variants.

9. Inventory Status

- Inventory Base Quantity: Set the base quantity for inventory.

- Low Inventory Threshold: Set the quantity threshold to trigger low inventory status.

- Display Options:

- Show only when low.

- Show always.

- Status Bar: Option to show a status bar.

- Inventory Number: Option to show inventory numbers.

- Color Settings:

- In-stock color.

- Low stock color.

10. Buy Button

- Buy Button Display: Shows the button to add the product to the cart.

- Dynamic buttons: Showcase dynamic buttons for faster checkout.

11. Pickup Availability

- Pickup Availability Display: Shows if the product is available for pickup.

12. Collapsible Text

- Heading Text: Add a heading for the collapsible text section.

- Body Content: Add body content or link it to a page.

13. Badge

- Number of Badges: Add up to 6 badges.

- Custom Icons: Replace default icons with custom ones.

- Badge Heading: Add a heading for each badge.

- Badge Content: Add additional content for each badge.

14. Share

- Share Block Display: Shows options to share the product on social media platforms.

15. Custom Liquid

- Custom Liquid Code: Add custom HTML, CSS, or JavaScript code for advanced customization.