Maximize Theme User Guide

Product information

Ask AI

Open in ChatGPT

Ask ChatGPT about this page

Open in Claude

Ask Claude about this page

1. What is Product information?

Product information is the essential content displayed on a product page, providing customers with details about the product's features, specifications, dimensions, materials, and more. It helps shoppers understand what the product is, what it offers, and whether it meets their needs or preferences.

Additionally, Product information may include images, videos, reviews, and other media to offer a comprehensive view of the item. This information is crucial for customers to make informed decisions and feel confident about their purchases.

2. Section Components

Section		Displays essential product information.
Available blocks		Displays the name of the product.
		Shows the product's price.
		Displays the name of the product vendor.
		Shows the average customer rating and review stars.
		Indicates if the product is in stock, low stock, or out of stock.
		Displays the product's unique identifier code.
		Shows tags like “Sale”, “New”, or “Featured”.
		Allows customer to shop for sibling products in the same page.
		Allows customer to shop for complementary products in the same page.
		Displays a tab with icon and text for additional information.
		Allows you to add custom text content, such as promotional messages or additional product details.
		Displays a hyperlink that, upon clicking, opens a popup with customizable text or a linked page’s content.
		Inserts a horizontal line to visually separate content.
		Adds an empty space or adjusts padding to control spacing.
		Allows advanced customization by inserting your own HTML code.
		Displays a titled image.
		Displays additional product customizations (e.g., engraving).
		Highlights a key feature with an icon (e.g., “Free Shipping”).
		Presents short information points with accompanying icons.
		Displays accepted payment icons (e.g., Visa, PayPal).
		Allows customers to subscribe to your email address.
		Displays a collapsible table with up to 2 columns for detailed info (e.g., components or ingredients).
		Displays a video that can be uploaded or embedded from a URL.
		Displays a link to a connected collection.
		Offers an option for gift wrapping service.
		Display non-selectable product variations (size, color, etc.).
		Displays the estimated product’s arrival time.
		Allows customers to choose the amount of product to be added to cart.
		Displays a tiered pricing table for B2B customers. See this guide.
		Allows customers to sign up for notifications when an out-of-stock product is available again.
		Enables customers to add the product directly to cart.

3. Location & Setup

Go to “Online Store” > “Themes” > ”Customize”.
Click on the Homepage dropdown menu > Collection > Default product.
Enable Product information section to display it (this section is enabled by default).

4. Highlight features

Customizable Information Display: Choose exactly which product details to show (title, price, rating, inventory status, etc.) by toggling blocks on/off.
Direct Purchase Option: Enable Buy buttons to allow instant adding to cart without navigating to the product page.
Back-in-Stock Alerts: Increase conversion by allowing customers to sign up for notifications when out-of-stock items are replenished.

5. Common Use Cases

🤔 How to customize the Product information section's overall look?

STEP 1: Click on the Product information section to open its settings panel.

STEP 2: Choose how the main contents are shown

Enable Sticky content on desktop.
Enable Make primary content center.

STEP 3: Set up the media settings

In the Media setting group:

Media setting

What to configure

Desktop layout

Choose from:

Grid 2 columns	1 column	2 columns

Image ratio

Choose Square (1:1), Landscape (4:3), Portrait (2:3), Wide (16:9), or Standard (3:4).

Navigation buttons style

Set the style for media navigation buttons.

Zoom effect

Enlarge (default): Opens a full-screen pop-up of the image.
Magnifier: Shows a zoomed-in view on hover.
None: No zoom effect.

STEP 3: Setup the section layout

In the Section layout setting group:

Choose Desktop section width: Full Width, Page Width, or Full Width Padded.
Drag to adjust Top Padding and Bottom Padding (0–100px).

STEP 4: Setup the other settings

SEO: Enable Enable microdata schema for SEO.
Breadcrumbs: Enable Show breadcrumbs to improve navigation.
Sticky add-to-cart: Enable Show quantity selector and choose a style.

STEP 5: Click “Save” when done.

🤔 How to show multiple images for each product variant?

To set up the feature, please go to this guide.

🤔 How to set up a block in the Product information section?

The section contains over 20 blocks. Here are the simple steps to set them up:

STEP 1: In the Product page, tap on the Product information section (this section is enabled by default).

STEP 2: Add the blocks to show the information you want — Click on “Add”. Here’s how to set up each of the blocks:

⚠️Note: Some blocks might need a more complicated setup process. Therefore, they will be explained in a separate article.

Block name	How to set it up?
Product title	Adjust Heading size (Small, Medium, Large).
Price	Show tax/shipping info, adjust text size. Configure sale label with dynamic codes like `sale`, `sale_amount`, `qty`, or `price`.
Vendor name	Link vendor to collection or select a page to open in a popup Paste a custom link and choose to open in a new window.
Product rating	Install a product rating app to display ratings.
Inventory status	Automatically displays stock status (no settings).
SKU/Barcode	Automatically displays the product’s SKU or barcode (no settings).
Labels and badges	Set label position (inline or on product media).
Gift wrap	Add gift wrapping label and set light/dark color icons.
Variant picker	Choose Type (Dropdown, Button). Enable color swatches to display color swatches for color variants. Customize size chart with an option to link to a page.
Buy buttons	Toggle quantity selector, dynamic checkout, pickup availability. Customize pre-order labels/messages and button style.
Description	Choose tab or inline layout; add product description; Customize icon and expandable text labels.
Text	Enter text; use [brackets] for highlights. Set text transform, default content height, and “Read more” labels.
Separator	Inserts a dividing line (no settings).
Space	Adjust spacing.
Custom HTML	Insert custom code for advanced features.
Back in stock alert	Set heading, text, button label, and success message. Toggle shows only when product is unavailable.
Customizable options	Add text field, dropdown, file upload, date, etc. Set customizable options according to the chosen option type.
Featured icon	Add up to 5 feature points with icon, heading, and text. Configure display rules, sizes, borders, color schemes, and alignment. Each feature can include custom icons, headings with optional links, and descriptive text.
Text with icon	Choose icon, set icon size, enter text (with highlight options). Customize colors for light/dark modes.
Payment methods	Add heading and descriptive text. Enter payment method codes (e.g., `apple_pay`, `google_pay`) to custom payment icons.
Sibling products	See “How to set up the *Sibling products* block?”
Complementary products	See “How to set up the *Complementary products?"*
Collapsible tab	Show a tab with custom contents. Can include icons/headings Can enable Show in tab to be always opened.
Pop-up link	Show a clickable text that opens a pop-up with custom contents or linked page contents. Choose a style between Primary, Secondary and Text link.
Image	Upload/select Image or connect via Link; can include an Image Title.
Newsletter signup	Add heading and descriptive text.
Table of information	See “How to set up the *Table of information* block?"
Video	Upload a video in Video with an option to Show sound control. Embed a video by providing URL (only shown if there is no uploaded video). Set the video to autoplay and mute by enabling Enable video autoplay. Can include Video alt text, Heading and Caption.
Collection link	Add label; customize light/dark mode in Color.
Estimated delivery time	See “How to set up the *Estimated delivery time* block?”
Quantity selector	Display a quantity selector.

STEP 3: Click “Save” when done.

Need help? Contact our support team at Omni Themes Support.