Product Page – Crafton
The Product Page in Crafton is thoughtfully designed to provide a seamless shopping experience that converts visitors into customers.
With engaging and multiple product media layouts, and built-in features to highlight your brand’s quality, this page ensures your products get the attention they deserve.
What Makes Crafton’s Product Page Stand Out?
-
Flexible Media Layouts – Choose from multiple media layouts
like thumbnails on the left, right or bottom.
- Choose from a stacked or slider layout.
- Rich Product Media Support – Showcase your items with images, videos, and even 3D models.
-
Built-In Conversion Boosters:
- Sticky Add to Cart bar (optional)
- Dynamic checkout button (Buy it Now) for faster purchases
- Stock indicators (Hurry! Only 3 left) to create urgency
- Trust badges and estimated delivery messages for reassurance - Interactive Features – Image lightbox, variant swatches (color, size), and quantity pickers for an intuitive experience.
Product Content Blocks:
-
Crafton’s product page uses blocks, so you can add, reorder,
and remove content easily in Shopify’s theme editor.
Available Product Page Blocks:
Variant picker
- Show color/size options as clickable swatches or dropdowns
Complimentary products block
- The Complementary Products block in Crafton lets you showcase related or recommended items directly on the product page.
- This is an excellent way to increase your average order value by suggesting add-ons, frequently bought together items, or matching accessories.
- Shopify’s Search & Discovery app to let you assign these complementary products easily.
How to Add Complementary Products Using Search & Discovery
1. Install the App (if not already installed):
- Go to the Shopify App Store and install the Search & Discovery app.
2. Assign Complementary Products:
Open the Search & Discovery app in your Shopify admin.
- Go to the Product Recommendations section.
- Select the product you want to add recommendations for.
- Under Complementary Products, click Add Products.
- Use the search bar to find and select the items you’d like to recommend.
- Click Save.
3. Enable Complementary Products in Theme:
- Go to Online Store → Themes → Customize.
- Open the Product Page template. Add the Complementary Products block if it’s not already there.
- Customize the block heading (e.g., Pairs Well With This, You May Also Like).
- Preview and Test: Check your product page to ensure the recommendations display correctly.
- Go to the Shopify App Store and install the Search & Discovery app.
2. Assign Complementary Products:
Open the Search & Discovery app in your Shopify admin.
- Go to the Product Recommendations section.
- Select the product you want to add recommendations for.
- Under Complementary Products, click Add Products.
- Use the search bar to find and select the items you’d like to recommend.
- Click Save.
3. Enable Complementary Products in Theme:
- Go to Online Store → Themes → Customize.
- Open the Product Page template. Add the Complementary Products block if it’s not already there.
- Customize the block heading (e.g., Pairs Well With This, You May Also Like).
- Preview and Test: Check your product page to ensure the recommendations display correctly.
Collapsible Content Block
- The Collapsible Content block in product page lets you organize additional information into an accordion-style layout
- This keeps your product pages clean and user-friendly while allowing customers to expand and view more details as needed.
- It’s perfect for adding sections like Product Details, Size Guides, Shipping & Returns, or FAQs without cluttering the page.
How to Customize the Product Page:
- Go to Online Store → Themes → Customize.
- From the top page dropdown, select Products → Default Product.
- Add or remove blocks as needed.
- Use the Crafton theme editor to adjust settings and add extra sections.
- Save your changes.
