Main product

1. Media Settings

• Sticky content: Switch for the "sticky" display of product information. When enabled, the information can be fixed in position when scrolling the page, enhancing the reach of product information during browsing.

• Color scheme: Unify the module color style, associated with the theme color system.

Media

• Width: Set the media display width. Options include Small, Medium, and Large to define media size specifications.

• Fit: Media adaptation mode: Original (displays according to the original proportion/size) and Fill (fills the container, stretches/compresses to adapt to the layout).

• Layout: The overall layout of the media. Options include thumbnail-on-the-left and thumbnail-at-the-bottom.

• Mobile layout: 2 columns (displayed in columns), Show thumbnails, Hide thumbnails, adapted to mobile browsing.

• Position: The display position of the media, Left or Right, to adjust the horizontal position of the media on the page.

• Zoom: Media zoom interaction, No zoom or Click and hover, to control the interaction mode for viewing details.

• Hide other variant media after one is selected: Switch to hide other variant media after selecting one variant, which affects the media display logic of multi-variant products.

• Loop video: Switch for video loop playback. When enabled, the product video will automatically loop.

According to the actual configuration scenario, you can quickly adjust the size, layout, and interaction (such as zoom) of product media display to adapt to different page designs and user experience needs. For example, selecting Show thumbnails on mobile devices can make small screens focus more on core media, and Click and hover zoom is convenient for users to view details.

2. Supported Blocks

• Product rating: Product rating module, used to display user rating data of products.

• Inventory status: Inventory status module, displaying product inventory status, such as in stock, out of stock, etc.

• SKU: Displays the Stock Keeping Unit code of the product, used to identify product specifications, etc.

• Text: Text module, which can custom display text content related to the product.

• Title: Product title module, displaying the product name.

• Price: Price module, displaying the product price.

• Variant picker: Variant picker, used to select different variants of the product (such as color, size, etc.).

• Quantity selector: Quantity selector, which can select the quantity of products to buy.

• Buy buttons: Purchase buttons, such as Add to Cart, Buy Now buttons, etc.

• Pop-up - Pop-up link text: Link text related to the pop-up window, which can trigger the pop-up content when clicked.

• Description: Product description module, displaying detailed descriptions of the product.

• Collapsible row - Materials: Collapsible row - Materials module, click to expand/collapse material-related information.

• Complementary products: Complementary products module, recommending associated complementary products.

• Icon with text: Text module with icons, displaying content in the form of icons + text.

• Share: Sharing module, providing product sharing functions, which can be shared to social platforms, etc.

3.Quick order list

It adapts to different products (retail/wholesale) and user needs (consumers/buyers), making variant selection, pricing, and cart actions easy – boosting the shopping experience.