Working with Page Blocks

Page blocks control the layout and content of specific elements on the product page. While sections structure broader areas of the page, page blocks arrange the individual components within a product template.

How Page Blocks Work

When you select a product page from your Shopify admin, the page is made up of individual page blocks. Each block corresponds to a product feature or piece of information you want to display. These blocks can be reordered, hidden, or customized to create a unique product layout.

Available Page Blocks

The following page blocks are available on the product template:

Title

Displays the product title. This block can be positioned at the top of the page or moved to any position in the block order.

Price

Shows the product price, including compare-at pricing when applicable. Position this near the title or add-to-cart button for best conversion.

Form

The add-to-cart form block includes the quantity selector, variant picker, and add-to-cart button. This is the core purchasing block on the product page.

Description

Displays the product description. Rich text formatting, images, and embedded content are supported within product descriptions.

Share

Social sharing buttons that let customers share the product on platforms like Facebook, Twitter, and Pinterest.

Email Link

Provides an “Email to a friend” link that opens the default email client with a pre-populated product link.

SKU

Displays the product’s SKU (Stock Keeping Unit). Useful for inventory tracking and wholesale customers.

Vendor

Shows the product vendor or brand name. Links to the vendor’s collection page if one exists.

Text

A custom text block that lets you add additional content anywhere on the product page, such as shipping information, sizing notes, or promotional messages.

Fitting Guide

Links to a fitting guide or sizing chart page. Choose from Shirt, Ruler, or Info icon styles. Learn more about linking products to a fitting guide →

Product Rating

Displays star ratings from a product review app. Requires a compatible Shopify review app to be installed.

Customizing Page Blocks

  1. In your Shopify admin, go to Online Store > Themes.
  2. Click Customize on your Safa theme.
  3. Navigate to a Product page template.
  4. Click the Product pages section in the sidebar to open general settings.
  5. Under Page blocks, you’ll see the list of available blocks.
  6. Drag and drop to reorder blocks. Click the toggle to show or hide individual blocks.
  7. Some blocks have additional settings that appear when selected — configure text, links, or icons as needed.