Default product

Layout settings

• Image showcase : Choose from different layouts image + left carousel, image + bottom carousel, Grid layout, Grid layout with main image.

Hide slide arrows

• Hide arrows: Enable checkbox to hide the arrows when on carousel

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.

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.