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.

- 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.

Heading- To type the heading as needed for the section

Maxiumum product to show option

Layout - to show layout as carousal or grid(stacked)

Usual Grid layout settings as in other sections.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us