Setting Up Product Detail Page
Frequently Bought Together Function (Bundle Products)
There are 2 options for you to choose which products are used in the Frequently Bought Together:
Using Related
Product.
Using Product ID. 01. Using Related Product To show Frequently Bought Together on Product Detail, In the Admin panel -
Go to Products → View → click button Choose a product you want to apply Frequently Bought Together → **Custom
Fields**.
To pull products from your Related Products, create the following custom field: Custom Field Name:__bundle Custom Field value:related products
Note:
The first product will always be the Product of the page you are on.
The next products will be pulled from this product's first Related Products.
You can either let BigCommerce select a Product's Related
Products randomly or you can manually choose which products to display.
Refer this link: https://support.bigcommerce.com/s/article/Setting-Up-Related-Products for your reference about Related Products. 02. Using Product ID
To pull products from Product ID, create the following custom field: Custom Field Name:__bundleid Custom Field value:the number of your product id.
Example: 100,101,102 (they are Product ID), use the comma to separate them
How do I get Product ID of a product? - Please follow this instruction image:
When you are happy with your changes, don't forget click the Save button and Publish to repackage the edited theme.
Countdown
There are 2 options for you to setup:
Using different products for each product.
Using same for all products. 01. Using different products for each product
In Admin panel, navigate to Products → View. Then, click a product you want In the Product Details, please find tab: Custom Fields. Custom Field Name must be: __countdown. Custom Field Value please enter Time (ex: Oct 11, 2022 18:04:00)
When you are happy with your changes, don't forget click the Save button. > 📝 Notes: - Input in Theme Editor limit 64 characters.
2. Using same for all products. Navigate to: Storefront → My Themes → Customize.
In Theme Editor, navigate to Product Detail Page / CountDown
When you are happy with your changes, don't forget click the Save button.
Please use the same this below structure/rule to insert countdown for your product.
Example: Oct 11, 2022 18:04:00
dec (mm): This is abbreviation of
December and you must use the abbreviation of months in this countdown structure.
Please use 1 white space among mm dd yyyy
Sold In Last Function
Navigate to: Storefront → My Themes → Customize.
In Theme Editor, navigate to Product Detail Page / Sold In Last
When you are happy with your changes, don't forget click the Save button and Publish to repackage the edited theme. > 📝 Notes: - Input in Theme Editor limit 64 characters.
Customers View Products Function
Navigate to: Storefront → My Themes → Customize.
In Theme Editor, navigate to Product Detail Page / Viewing By Customers
When you are happy with your changes, don't forget click the Save button and Publish to repackage the edited theme.
Previous / Next Products Function
Navigate to: Storefront → My Themes → Customize.
In Theme Editor, navigate to Product Detail Page → Choose Enable Previous / Next Products
When you are happy with your changes, don't forget click the Save button and Publish to repackage the edited theme.
Secure Images
Navigate to: Storefront → My Themes → Customize.
In Theme Editor, navigate to Product Detail Page / Secure Images
When you are happy with your changes, don't forget click the Save button and Publish to repackage the edited theme. > 📝 Notes: - Input in Theme Editor limit 64 characters. Images must be successfully upload to the **Image
Manager**.
Sticky Add To Cart Function
Navigate to: Storefront → My Themes → Customize.
In Theme Editor, navigate to Product Detail Page / Choose Sticky Add To Cart
When you are happy with your changes, don't forget click the Save button and Publish to repackage the edited theme.
Products Tabs
Navigate to: Storefront → My Themes → Customize.
In Theme Editor, navigate to Product Detail Page → Product Tabs
When you are happy with your changes, don't forget click the Save button and Publish to repackage the edited theme. > 📝 Notes: - Input in Theme Editor limit 64 characters. **** Sample Content of Product Description**
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati del cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.
Et harum quidem rerum facilis est et expedita distinctio.
Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus.
Lorem ipsum dolor sit amet, consectetur delos adipiscing elit.
Duis risus leo milance elementum in malesuada an darius ut augue.
Cras sit amet lectus et justo feugiat euismod...
Sample Unordered List
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Duis risus leo milance elementum in malesuada an darius ut augue.
Cras sit amet lectus et justo feugiat euismod sed non erat nulla non felis id metus.
Comodous in tempor ullamcorper miaculis.
Lorem ipsum dolor sit ameto.
Duis risus leo elementum darius.
Pellentesque vitae neque mollis urna mattis.
Divamus sit amet purus justo.
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animie.
Sample Unordered List
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Duis risus leo milance elementum in malesuada an darius ut augue.
Cras sit amet lectus et justo feugiat euismod sed non erat nulla non felis id metus.</p
Comodous in tempor ullamcorper miaculis.
Lorem ipsum dolor sit ameto.
Duis risus leo elementum darius.
Pellentesque vitae neque mollis urna mattis.
Divamus sit amet purus justo.
Last updated