Overview
Default product template controls the features, layout, and settings for the product page. Merchants use the product page (also known as a PDP or product details page) to highlight the features and benefits of each product. Customers use the features on the product page to learn about the product and add their preferred options to the cart.
Guidelines
Customize section
Steps:
- From your Shopify admin, go to Online Store > Themes.
- Find Banjo theme that you want to edit, and then click Customize.
- You need to open up any product, from inside the theme editor area, or select the product page from the dropdown at the top.
Note:All settings here will be applied to all products, not just the one you are on. If you are looking to have different sections on different products.
Section settings
By default, product pages have
a Page header section,
a Product information section,
an Icon boxes section section,
two Image with text section section,
a Product recommendations section and a Recently viewed products section.
Page header section
Setting |
Value |
Section width |
Full width
|
Product information section
Setting |
Value |
Section width |
Full with
|
MEDIA |
|
Image ratio |
Adapt to image
|
Image fit container |
Checked |
Enable zoom |
Checked |
Show thumbnails |
Checked |
Media centered |
Checked |
Media width |
100% |
Padding on desktop |
16px |
Padding with on mobile |
8px |
Image background color |
#F0F2E9 |
REVIEWS |
|
Enable |
unChecked |
Open reviews tab |
Unchecked |
Blocks
Product rating block
Price block
Setting |
Value |
PRICE |
|
Size |
Small
|
Variant picker block
Setting |
Value |
Picker type |
Color image swatch and button
|
Quantity selector block
Setting |
Value |
Show inventory quantity |
Checked |
Inventory quantity threshold |
18 |
Buy buttons block
Setting |
Value |
Show dynamic checkout buttons |
Checked |
Show local pickup availability |
Checked |
Share block
Setting |
Description |
Text |
Share |
Description drawer block
This block displays description.
Setting |
Value |
Heading |
Description |
Shipping and Payment - Drawer tab block
Setting |
Value |
Heading |
Shipping and Payment |
Drawer content from page |
Select a page |
Short description
Setting |
Value |
Short description position |
Right |
Content |
Choose a metafeild |
Icon boxes section
Setting |
Value |
Section width |
Grid
|
Section spacing |
Medium
|
Grid |
|
Number of columns on desktop |
4
|
Number of columns on mobile |
2
|
Card |
|
Image position |
Left
|
Image width |
50px
|
Image with text section