Shipping accordion

Product page block

In the Product template, you can add a Shipping accordion block to display shipping information and a Estimate shipping button to let customers estimate their shipping costs.

Shopify | The Shipping estimator will appear only if shipping rates are enabled in your Shopify admin. Shipping rates are a Shopify feature: see their Shipping rates guide ↗

Set up shipping block

Follow the steps to add a shipping widget block and customize the layout, headings, and add ab optional image.

Editing a template changes all pages that use that template. To edit specific pages, you can create and assign new templates or insert dynamic content using metafields.

STEPS

In your theme editor (Customize):

Click on the Shipping block to open the settings.
Choose to display the accordion in the Left or Right Column.
The Left column sits below your product media. The Right column sits below your product form.
Set the Style of the accordion to be Open or Closed when customers first visit your product page.
(Optional.) Change the Icon next to the title of your accordion or set it to None.
Change the Title text to display as the heading that will reveal the content when clicked on.
For the Payment or Shipping accordions, choose to Show payment options or Show shipping estimator
Add a Title.
We recommended a short title of just a few words.
To show different titles on different product pages, you can create new templates or insert dynamic content with metafields..
Change the Text content to tell customers more about your product or store.
Use the formatting buttons to add bold, italics, or links.
To show different text on different product pages, you can create new templates or insert dynamic content with metafields..
(Optional.) Click and hold the drag handles ⋮⋮ to rearrange the blocks:
Click Remove block in the block settings to delete a block.
Click the Eye icon to hide or unhide a block.
Click Save.

Related links
Product template

Last updated 8 months ago