The product page is where customers explore a product — browse images and videos, select options, read details, and add items to their cart. It is built from a Product section with a media gallery on the left and a stack of customizable content blocks on the right.
In your Shopify admin, go to Online Store > Themes and click Customize on the Atlas theme.
Use the page selector in the top bar to switch to Products > Default product. Select a specific product to use as a preview while editing.
In the left sidebar, click the Product section to access the section-level settings (gallery layout, video behavior, sticky add to cart, colors, and spacing). Click any of its blocks to configure individual content areas like the title, price, variant picker, or description.
Click Add block inside the Product section to insert new blocks. Drag blocks to reorder them, or click the Remove option to delete a block.
The media gallery displays your product images, videos, and 3D models. Two layout modes are available under the Gallery settings in the Product section.
Displays one image at a time with a thumbnail strip for navigation.
Displays all images in a grid layout. Three grid types are available:
Customers can click a zoom icon on any image to open a full-screen lightbox with the original high-resolution image. Navigation within the lightbox stays in sync with the gallery.
Four settings control video behavior in the gallery:
The product information column is built from blocks that you can add, remove, and reorder. Several blocks include a Show under product gallery setting — when enabled, the block moves from the product info column to a full-width area below the media gallery, which is useful for longer content like descriptions or specifications. The following blocks are available:
Displays the product title. You can adjust the Heading size, override the text Color, and set the SEO tag (the HTML heading level used for search engines, e.g., h1).
Shows the product vendor and/or SKU. Each can be toggled independently with Show vendor and Show SKU.
Displays the product price, including compare-at prices for items on sale. Enable Show taxes notice to display a tax-inclusion message below the price.
Lets customers choose product options like size and color. Two base styles are available:
Two additional display modes override the base style for specific options:
The variant picker also includes a Size chart page setting. See Size chart for details.
Enable Hide sold out variants to hide unavailable option values from the picker.
Displays stock status messages and an optional progress bar.
Displays the Add to cart button and optional extras:
You can customize the colors of both the Add to cart and Buy it now buttons independently.
Displays the product description. By default, it shows as a collapsible accordion — you can turn this off with Show as collapsible content. When collapsible, use Open by default to control whether it starts expanded or collapsed.
Displays a list of short highlights (e.g., "Free shipping", "Handmade", "Eco-friendly"). Enter your highlights as a bullet list in the Content field.
Displays a star rating for the product. This block requires a product rating app to be installed — once active, ratings appear automatically.
Displays product specifications in a table format. See Specifications for detailed setup instructions.
Highlights up to three important product attributes. See Key features for setup instructions.
Displays related products that pair well with the current item. See Complementary products for setup instructions.
Shows store pickup availability for the current product. This block uses Shopify's built-in pickup availability data and has no additional settings.
A flexible block for adding custom text with an optional icon. Useful for trust badges, delivery information, or other short messages.
Adds a collapsible accordion section with a custom heading and rich text content. You can add multiple collapsible content blocks to create an FAQ-style layout, or use the Content from page setting to pull content from a Shopify page.
Allows you to add custom Liquid code to the product page.
Inserts vertical spacing between blocks, with separate values for desktop and mobile.
When Enable sticky add to cart is turned on in the section settings, a compact bar appears at the bottom of the screen as the customer scrolls past the main add-to-cart button. This bar includes the product title, a simplified variant picker, and an Add to cart button, so customers can add the product from anywhere on the page. You can optionally show the product vendor with Show vendor.
The product page template includes a Related products section below the main product section. This section automatically displays related products based on Shopify's product recommendation engine.
The section heading defaults to "You may also like" and can be customized via the section header block.
The Product section has its own color settings:
Enable Custom spacing to control the top and bottom padding of the product section independently.