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
