By default, a product's full description renders in one block, usually alongside the product images. This method lets you split a product's description into two parts: the first stays in its usual spot, and the second renders in a separate section that spans the full width of the product page — useful for a longer specs table, a size guide, or supplementary content you don't want squeezed into the narrow description column.
This works by adding a marker inside the product's description HTML, then adding a Custom Liquid section to the product template that pulls out everything after that marker.
Step 1: Add the split marker to the product description
- In your Shopify admin, go to Products and open the product you want to edit.
- In the Description field, click Show HTML to switch to the HTML editor.
- Place your cursor where you want the description to break, and insert:
<!-- split -->
- Save the product.
Everything before the marker stays in the normal description block. Everything after it becomes available to the full-width section you'll add next.
Note: This only works on the Default product page template. If the product uses a custom template, either switch it to Default or duplicate the Default template (including the section you add in Step 2) and assign that duplicate to the product.
Step 2: Add a Custom Liquid section to pull in the split content
- From your Shopify admin, go to Online Store → Themes, and click Edit theme on your live or draft theme.
- In the template selector, choose Products → Default product.
- Click Add section, then select Custom Liquid.
- In the section's settings panel, paste
{{ product.description | split: '<!-- split -->' | last }}- Drag the section to where you want the full-width content to appear on the page (for example, below the product media gallery).
- Click Save.
Before you publish: avoid duplicate content
Because this section is added at the template level, it applies to every product using the Default template — not just the one you edited.
If a product's description contains <!-- split -->, the section correctly shows only the content after the marker.
If a product's description doesn't contain the marker, split has nothing to split on, so last returns the entire description — meaning that product will show its full description twice on the page.
To avoid this, either:
Only use this approach on stores where every product using the Default template includes the split marker, or
Duplicate the Default template (Step 1's note above) and assign the split section only to that duplicate, applying it just to the products that use the marker.
Preview the change on a product with the marker and one without it before publishing, to confirm the layout looks right in both cases.
Removing the split
To revert a single product to a single, unified description block, delete the <!-- split --> line from its description HTML. To remove the feature entirely, also delete the Custom Liquid section from the template in the theme editor.