Product content

What it does

Product content organizes longer product information below Product. It can show descriptions, features, care instructions, expandable text, a scale, a table, a two-product comparison, an image, sharing links, and a real event countdown.

An optional desktop purchase card and mobile purchase bar use the main product’s selected variant, quantity, and personalization. They appear only while the shopper is within this content section and the main purchase area has scrolled far enough away.

Add it to a page

1. In Shopify admin, open Online Store → Themes and open the theme editor for the theme you want to change.
2. Choose a product template and select Add section → Product content if the section is not already present.
3. Place it directly after Product.
4. The section is added with four content blocks already in place — Description, Product features, Product notes, and Care instructions. Edit or remove those before adding new blocks, and save.

This section is for product templates. It is different from the reusable Product details section that annotates a photo with numbered markers.

Choose a style

Choose Dividers for information separated by lines, or Cards for grouped content cards. Background tint sets the soft pastel color; None (white) removes the pastel treatment.

Set it up: quick start

1. Choose Dividers and keep Background tint at None (white).
2. Work through the four starting blocks instead of adding new ones: open Product features and Care instructions and replace their sample items with your real information, replace the sample text in Product notes, and remove any starting block you don’t need with Remove block. Keep Description (it has no settings) — adding a second one would duplicate the product’s description on the page.
3. Turn on Show desktop purchase card and Show mobile purchase bar.
4. Leave Show when main product remaining height is at most (%) at 10.
5. Save, scroll from Product into this section, and test the purchase control with the intended variant and any required personalization.

Settings

Setting	Default	Options	What it does
Layout	Dividers	Dividers; Cards	Choose line-separated content or cards.
Background tint	None (white)	None (white); Cream; Lilac; Mint; Apricot	Choose the section’s soft pastel background treatment.
Show desktop purchase card	On	On / Off	Allow the secondary purchase card on wider screens, within this section.
Show mobile purchase bar	On	On / Off	Allow the purchase bar on phones while this section is in view.
Show when main product remaining height is at most (%)	10 %	0–20 %; step 1	At 10, the purchase control can appear when the bottom of Product extends at most roughly 10% of that section’s height below the top of the screen. Zero waits for it to leave completely. Place this section directly after Product.

You can add up to 30 content blocks. Each type can be repeated within that total.

Blocks

Use Add block inside the section to add content, then drag content blocks to change their order.

Block	Limit	What it adds
Description	Multiple; within the section limit	The current product’s description from Shopify.
Product features	Multiple; within the section limit	Up to six feature items with text and an icon.
Product notes	Multiple; within the section limit	Merchant-written information, optionally expandable.
Product scale	Multiple; within the section limit	A 0–100 scale with up to four labels.
Care instructions	Multiple; within the section limit	Up to six care-information items.
Countdown timer	Multiple; within the section limit	A countdown to a real date and time, with a chosen expiry behavior.
Table	Multiple; within the section limit	A table with headings and rows you supply.
Product comparison	Multiple; within the section limit	Compare two products in Highlighted columns, Comparison rows, or Text and comparison.
Image with checklist	Multiple; within the section limit	An image beside a heading and formatted text.
Collapsible content	Multiple; within the section limit	An expandable information row.
Social sharing	Multiple; within the section limit	Links for sharing the current product on Facebook, Pinterest, and X.
Custom Liquid	Multiple; within the section limit	Custom content entered by the merchant; use only if you understand and support that content.

Description

This content block has no additional settings.

Product features

Setting	Default	Options	What it does
Heading	Product features	Text	Enter the heading for this content block.
Title 1	Feature one	Text	Enter the title for item 1. The item is hidden when both its title and text are empty.
Text 1	Empty	Formatted text	Enter the explanation for item 1. An icon alone does not make an empty item appear.
Icon 1	check	None; paw; check; check circle; heart; leaf; truck; star; clock; tag	Choose the built-in icon for item 1. A custom icon replaces it.
Custom icon 1	Not selected	Image	Upload a custom icon for item 1; it replaces the built-in icon. Use a transparent 160 × 160 px image.
Title 2	Feature two	Text	Enter the title for item 2. The item is hidden when both its title and text are empty.
Text 2	Empty	Formatted text	Enter the explanation for item 2. An icon alone does not make an empty item appear.
Icon 2	check	None; paw; check; check circle; heart; leaf; truck; star; clock; tag	Choose the built-in icon for item 2. A custom icon replaces it.
Custom icon 2	Not selected	Image	Upload a custom icon for item 2; it replaces the built-in icon. Use a transparent 160 × 160 px image.
Title 3	Feature three	Text	Enter the title for item 3. The item is hidden when both its title and text are empty.
Text 3	Empty	Formatted text	Enter the explanation for item 3. An icon alone does not make an empty item appear.
Icon 3	check	None; paw; check; check circle; heart; leaf; truck; star; clock; tag	Choose the built-in icon for item 3. A custom icon replaces it.
Custom icon 3	Not selected	Image	Upload a custom icon for item 3; it replaces the built-in icon. Use a transparent 160 × 160 px image.
Title 4	Empty	Text	Enter the title for item 4. The item is hidden when both its title and text are empty.
Text 4	Empty	Formatted text	Enter the explanation for item 4. An icon alone does not make an empty item appear.
Icon 4	check	None; paw; check; check circle; heart; leaf; truck; star; clock; tag	Choose the built-in icon for item 4. A custom icon replaces it.
Custom icon 4	Not selected	Image	Upload a custom icon for item 4; it replaces the built-in icon. Use a transparent 160 × 160 px image.
Title 5	Empty	Text	Enter the title for item 5. The item is hidden when both its title and text are empty.
Text 5	Empty	Formatted text	Enter the explanation for item 5. An icon alone does not make an empty item appear.
Icon 5	check	None; paw; check; check circle; heart; leaf; truck; star; clock; tag	Choose the built-in icon for item 5. A custom icon replaces it.
Custom icon 5	Not selected	Image	Upload a custom icon for item 5; it replaces the built-in icon. Use a transparent 160 × 160 px image.
Title 6	Empty	Text	Enter the title for item 6. The item is hidden when both its title and text are empty.
Text 6	Empty	Formatted text	Enter the explanation for item 6. An icon alone does not make an empty item appear.
Icon 6	check	None; paw; check; check circle; heart; leaf; truck; star; clock; tag	Choose the built-in icon for item 6. A custom icon replaces it.
Custom icon 6	Not selected	Image	Upload a custom icon for item 6; it replaces the built-in icon. Use a transparent 160 × 160 px image.

Product notes

Setting	Default	Options	What it does
Heading	Product notes	Text	Enter the heading for this content block.
Text	Additional product information.	Formatted text	Add your own accurate content. Remove sample text that does not describe your store.
Content from page	Not selected	Store page	Add content from a Shopify page. When Text or Content is also filled in, both appear, with your typed content first.
Show as accordion	On	On / Off	For Product notes, display the content as an expandable row. Collapsible content always stays expandable regardless of this switch.
Open by default	Off	On / Off	Open the expandable row when the page first loads.

Product scale

Setting	Default	Options	What it does
Heading	Product scale	Text	Enter the heading for this content block.
Text	Empty	Formatted text	Add your own accurate content. Remove sample text that does not describe your store.
Scale value	50	Text	Enter a real number from 0 to 100, or connect compatible product data. Empty hides the scale. Out-of-range numbers are limited to 0–100.
Step label 1	Low	Text	Enter label 1 below the scale. Empty labels are omitted.
Step label 2	Empty	Text	Enter label 2 below the scale. Empty labels are omitted.
Step label 3	Empty	Text	Enter label 3 below the scale. Empty labels are omitted.
Step label 4	High	Text	Enter label 4 below the scale. Empty labels are omitted.

Care instructions

Setting	Default	Options	What it does
Heading	Care instructions	Text	Enter the heading for this content block.
Title 1	Product care	Text	Enter the title for item 1. The item is hidden when both its title and text are empty.
Text 1	Care information.	Formatted text	Enter the explanation for item 1. An icon alone does not make an empty item appear.
Icon 1	check	None; paw; check; check circle; heart; leaf; truck; star; clock; tag	Choose the built-in icon for item 1. A custom icon replaces it.
Custom icon 1	Not selected	Image	Upload a custom icon for item 1; it replaces the built-in icon. Use a transparent 160 × 160 px image.
Title 2	Empty	Text	Enter the title for item 2. The item is hidden when both its title and text are empty.
Text 2	Empty	Formatted text	Enter the explanation for item 2. An icon alone does not make an empty item appear.
Icon 2	check	None; paw; check; check circle; heart; leaf; truck; star; clock; tag	Choose the built-in icon for item 2. A custom icon replaces it.
Custom icon 2	Not selected	Image	Upload a custom icon for item 2; it replaces the built-in icon. Use a transparent 160 × 160 px image.
Title 3	Empty	Text	Enter the title for item 3. The item is hidden when both its title and text are empty.
Text 3	Empty	Formatted text	Enter the explanation for item 3. An icon alone does not make an empty item appear.
Icon 3	check	None; paw; check; check circle; heart; leaf; truck; star; clock; tag	Choose the built-in icon for item 3. A custom icon replaces it.
Custom icon 3	Not selected	Image	Upload a custom icon for item 3; it replaces the built-in icon. Use a transparent 160 × 160 px image.
Title 4	Empty	Text	Enter the title for item 4. The item is hidden when both its title and text are empty.
Text 4	Empty	Formatted text	Enter the explanation for item 4. An icon alone does not make an empty item appear.
Icon 4	check	None; paw; check; check circle; heart; leaf; truck; star; clock; tag	Choose the built-in icon for item 4. A custom icon replaces it.
Custom icon 4	Not selected	Image	Upload a custom icon for item 4; it replaces the built-in icon. Use a transparent 160 × 160 px image.
Title 5	Empty	Text	Enter the title for item 5. The item is hidden when both its title and text are empty.
Text 5	Empty	Formatted text	Enter the explanation for item 5. An icon alone does not make an empty item appear.
Icon 5	check	None; paw; check; check circle; heart; leaf; truck; star; clock; tag	Choose the built-in icon for item 5. A custom icon replaces it.
Custom icon 5	Not selected	Image	Upload a custom icon for item 5; it replaces the built-in icon. Use a transparent 160 × 160 px image.
Title 6	Empty	Text	Enter the title for item 6. The item is hidden when both its title and text are empty.
Text 6	Empty	Formatted text	Enter the explanation for item 6. An icon alone does not make an empty item appear.
Icon 6	check	None; paw; check; check circle; heart; leaf; truck; star; clock; tag	Choose the built-in icon for item 6. A custom icon replaces it.
Custom icon 6	Not selected	Image	Upload a custom icon for item 6; it replaces the built-in icon. Use a transparent 160 × 160 px image.

Countdown timer

Setting	Default	Options	What it does
Heading	Countdown timer	Text	Enter the heading for this content block.
End date and time	Empty	Text	Enter a real deadline with a time zone, such as 2026-12-31T23:59:00+08:00. Empty uses the product Date and time metafield custom.pawly_countdown_end.
When the timer expires	Hide	Hide; Show zeros; Show message	Hide the timer, keep zeros, or show Expired message when the real deadline passes. The timer does not restart on refresh.
Expired message	This event has ended.	Text	Write the message used only when When the timer expires is Show message.

Table

Setting	Default	Options	What it does
Heading	Product table	Text	Name the data; empty uses the current product title.
Column headings	Column 1	Column 2	Text
Table rows	Two paragraphs, each —	—	Formatted text input
First column is a row heading	On	On / Off	Treat the first cell as a row heading.
Note	Empty	Text	Add the actual source, unit, or method.
Table style	Plain table	Plain table / Striped table / Cards	Choose presentation; Cards retain all column labels and values.
Background tint	None	None / Cream / Lilac / Mint / Apricot	Use the theme’s existing tints.
Row icon	None	None / Paw / Leaf / Check / Heart	Optional decorative icon repeated in the first column.

The original five setting IDs and saved content remain. For the shared input rules, mobile behavior, examples, empty states, and independent section or theme-block entry, see Data table.

To configure this block, select Product content → Add block → Table, enter the column names, replace the example dash rows with your actual data, and choose Table style. For cards, choose Table style → Cards inside Table. The standalone Data table section uses the same three styles.

The section’s Layout and Background tint control the surrounding Product content area; the Table block’s Table style and Background tint control this table. Introduction, Full width, Top spacing, and Bottom spacing belong to the independent Data table section and are not Table block settings. For product-specific materials, connect Table rows to one compatible product metafield containing the complete rows, then check two products and one missing-value product. Static text is shared by products using this template; settings in a separate Data table instance are not synchronized.

Product comparison

Select Add block → Product comparison, then choose Layout → Highlighted columns, Comparison rows, or Text and comparison. This is separate from the ordinary Table block.

The block has the same 20 content settings as the independent Product comparison section. Full width, Top spacing, and Bottom spacing belong only to that independent section; Product content controls this block’s outer layout. See the complete Product comparison guide for all settings, defaults, data rules, and examples.

Choose the two products or enter titles and images manually. An empty First product uses the page’s current product; Second product has no automatic fallback. In Comparison rows, enter one paragraph per feature, with exactly three cells: Feature|First value|Second value. New instances include three neutral example rows; replace them with accurate product information. Clearing every row hides the component. A row with too few or too many cells is hidden, unlike the ordinary Table’s missing/extra-cell handling.

Highlighting is chosen by you. Only explicit ✓, ✕, or — prefixes create status icons. Switching layouts keeps the data; switching highlights does not swap the products. The independent section and this block do not synchronize content automatically.

The comparison adapts to its available content-column width. Text and comparison may stack even on desktop when the purchase column is enabled. Cards does not add a second card around it. The optional detail button navigates to its configured link or highlighted store product; this section’s purchase controls continue to use the page’s main product.

Image with checklist

Setting	Default	Options	What it does
Heading	Product details	Text	Enter the heading for this content block.
Text	Additional product information.	Formatted text	Add your own accurate content. Remove sample text that does not describe your store.
Image	Not selected	Image	Use an accurate product image of at least 1000 × 1000 px. Missing images leave the text available.
Image ratio	Square (1:1)	Square (1:1); Landscape (4:3); Portrait (4:5)	Choose the image shape and check the crop.

Collapsible content

Setting	Default	Options	What it does
Heading	Product information	Text	Enter the heading for this content block.
Text	Additional product information.	Formatted text	Add your own accurate content. Remove sample text that does not describe your store.
Content from page	Not selected	Store page	Add content from a Shopify page. When Text or Content is also filled in, both appear, with your typed content first.
Show as accordion	On	On / Off	For Product notes, display the content as an expandable row. Collapsible content always stays expandable regardless of this switch.
Open by default	Off	On / Off	Open the expandable row when the page first loads.

Social sharing

This content block has no additional settings.

Custom Liquid

Setting	Default	Options	What it does
Custom Liquid	Product information	Custom content	Add your own custom content. Empty content is hidden. Third-party customizations need their own support and compatibility checks.

Images and content tips

Feature and care items each have six sets of Title, Text, Icon, and Custom icon settings. Custom icons replace built-in icons; use transparent 160 × 160 px images. An item with neither a title nor text stays hidden.

For a table, set Column headings to Size|Chest|Length and enter one measured size per row. Use your product’s real measurements; the starting dashes are layout examples, not sizing advice. Tables can scroll horizontally on narrow screens.

For different content per product, create suitable product metafields and use the dynamic-source button beside a compatible setting. Use text for headings, formatted text for explanations, images for custom icons, and a page reference for Content from page when Shopify offers that connection. Not every field accepts every data type.

For product-specific countdowns, define custom.pawly_countdown_end as Date and time, enter each product’s actual deadline, and leave End date and time empty. A manually entered date takes priority. Do not use a countdown for an offer that has no real deadline.

Good to know

• Description reads the same product description as the Product section’s Description block. Avoid showing both unintentionally.
• Product notes and Collapsible content display typed text followed by selected page content. They are not shopper-entered personalization.
• Empty content is hidden in both the storefront and the editor. A missing or invalid countdown does not create a sample running timer. Without browser scripting, a configured countdown shows its deadline as text.
• The purchase controls submit the main form’s gift card recipient fields too. Choose a valid recipient email and date before adding the gift card.
• The secondary purchase controls need the main Product section and meaningful content here. They do not remain visible after leaving this section.
• Edit product options returns to the main product form. Missing required personalization returns the shopper to the relevant input. The secondary control does not create another set of file or text fields.
• While the mobile purchase bar is visible, Pawglade’s mobile bottom navigation and floating tools are hidden to avoid overlap. Opening a menu or cart hides the purchase bar temporarily.
• With browser scripting disabled, information remains readable, while the secondary purchase controls are hidden.
• Custom Liquid is an advanced input, not a promise that third-party content will work with every app. Duplicate your theme before adding custom code and ask a Shopify Partner for help when needed. Support for third-party customization should be confirmed with its provider.

Example setups

Care-focused page: choose Dividers, Background tint → Mint, and add Product features, Care instructions, and Collapsible content headed “Materials.” Keep both purchase controls on and the threshold at 10.

Technical product: choose Cards, add Table with Column headings “Size|Chest|Length,” and add Product scale using your documented 0–100 measure. Set the threshold to 0 if the purchase controls should wait until Product has completely left the top of the screen.

Two-product choice: add Product comparison, choose the two products and a highlighted product, then enter accurate three-cell comparison rows. Use Note for comparison conditions or a source. This is independent of the page’s main purchase form.

Common questions

Why is the purchase card missing? Check its switch, place this section directly after Product, add real content, and scroll far enough. It is not intended to float throughout the whole page.

Why does my information appear on several products? The template is shared. Use separate templates or compatible product data for differences.

Why did my table disappear? Both Column headings and Table rows need content. Clear example rows only after entering the real ones.

Why is Product comparison hidden? Comparison rows needs at least one row with exactly three cells, a non-empty feature name, and at least one product value. New blocks include neutral examples, but explicitly saved empty or invalid content stays hidden. It does not use the ordinary Table’s Column headings setting.

Can Product notes collect a customer message? No. Use Product note or Custom option for shopper input.