Featured Product

How to Edit the Featured Product

Follow these steps to configure the Featured Product section in the Emoll Shopify theme.

• Color Scheme: Choose a color scheme to control the background, text, and accent colors of the section.
• Section Border Radius: Set the border radius value to control how rounded the section corners appear.
• Select Product: Choose the product you want to highlight. The selected product’s images, variants, and details will appear in this section.
• Enable Sticky Media/Content: Keeps the product media or content visible while scrolling.
• Media Layout: Choose how the product media (images/videos) is displayed stacked or slider
• Media Width:
  • Small: Compact product image layout.
  • Medium: Balanced display suitable for most designs.
  • Large: Large product media display for visual impact.
• Hide Thumbnails on Mobile Screens: Removes thumbnail images on mobile for a cleaner layout.
• Hide Arrows on Mobile Screens: Hides slider navigation arrows on mobile devices.

Product Information Blocks

The Featured Product section includes multiple content blocks that allow you to control how product information is displayed on the page.

• Vendor: Displays the brand or vendor name of the product.
• Title: Shows the product title prominently.
• Price: Displays the product price and updates dynamically based on variant selection.
• Separator: Adds spacing between product information blocks.
• Description: Displays the product description with an option to limit the number of lines.
• Variant Picker: Allows customers to select product variants such as size, color, or material.
  • Options Layout
    • Inline: Displays variant options horizontally.
    • Stack: Displays options vertically.
  • Variant Picker Type
    • Button: Shows variants as clickable buttons.
    • Dropdown: Displays variants inside a dropdown menu.
  • Show Variant Image Instead of Color: Displays variant images instead of color swatches when using the button layout.

• Size Chart
  • Title: Enter a title for the size chart (default: Size Chart).
  • Select Icon: Upload an icon representing the size chart.
  • Select Desktop Image: Upload the desktop version of the size chart.
  • Select Mobile Image: Upload the mobile version of the size chart.
  • OR Select Page: Link a Shopify page that contains the size chart.
  • Link to Product Option: Choose which product option the chart relates to (for example: Size). The chart will appear only when that option exists.
  
• Quantity: Allows customers to select how many items they want to purchase.
• Add to Cart:
  • Dynamic payment button
  • Gift card form
• Trust Badges: Display trust signals to build customer confidence.
• Inventory: Displays product stock status.
  • In Stock Color: Color indicator for available items.
  • Threshold Color: Color indicator when stock becomes low.
  • Out of Stock Color: Color indicator when the product is unavailable.
  • Inventory Threshold: Set the quantity where the low-stock indicator appears.

Pro Tips

Feature a high-converting product such as a best seller or limited edition item to increase sales. Use lifestyle product images to create an emotional connection with customers. Keep the product description concise to maintain a clean and balanced layout.