Setting Up Home Page 2
Block: Main Carousel
Recommended Banner Size: 740x510px.
Please notice that you will need to upload the correct size like our recommended size for slider banner to show the perfect banners like our Demo theme.
In the Admin Panel → Go to Storefront -› Home Page Carousel
Also, here is an article of BigCommerce for your reference: https://support.bigcommerce.com/articles/Public/Using-the-Carousel-Builder/
Setting Home Page Carousel Navigate to: Storefront → My Themes → Customize.
In Theme Editor, navigate to Home Page / Home Page Carousel
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**.
Block: Left Categories
Setting Left Categories Navigate to: Storefront → My Themes → Customize.
In Theme Editor, navigate to Home Page / Left Categories
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.
How do I get Category ID of a product?
Please follow this instruction image:
Block: Right Banners
Recommended Banner Size: 251x251px.
Please notice that you will need to upload the correct size like our recommended size for slider banner to show the perfect banners like our Demo theme.
Setting Right Banners Navigate to: Storefront → My Themes → Customize.
In Theme Editor, navigate to Home Page / Right Banners
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**.
Block: Custom Block One Image
Recommended Banner Size: 1170x141px.
Please notice that you will need to upload the correct size like our recommended size for this banner to show the perfect banners like our Demo theme.
To show Custom Block One Image on homepage, In the Page Builder → Go to Home Page → Banner Full Width and input to image, alt text, link for this banner.
Block: Shop By Categories
Recommended Banner Size: 170x170px.
Please notice that you will need to upload the correct size like our recommended size for this banner to show the perfect banners like our Demo theme.
To show Shop By Categories on homepage, In the Page Builder → Go to Home Page → Shop By Categories and input to image, name, link for these categories banners.
Block: Product Two Blocks
Setting Product Two Blocks Navigate to: Storefront → My Themes → Customize.
In Theme Editor, navigate to Home Page → Product Block 1 / Product Block 2
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.
How do I get Category ID of a product? - Please follow this instruction image:
How do I get Product ID of a product? - Please follow this instruction image:
Block: Products Flash Deals
Setting Products Flash Deals Navigate to: Storefront → My Themes → Customize.
In Theme Editor, navigate to Home Page / Products Flash Deals
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 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.
How do I get Category ID of a product? - Please follow this instruction image:
How do I get Product ID of a product? - Please follow this instruction image:
Block: Shop By Brands
Recommended Banner Size: 245x79px.
Please notice that you will need to upload the correct size like our recommended size for this banner to show the perfect banners like our Demo theme.
To show Shop By Brands on homepage, In the Page Builder → Go to Home Page → Featured Brands and input to image, link for these banners brand.
Block: Product One Block
Setting Product One Block Navigate to: Storefront → My Themes → Customize.
In Theme Editor, navigate to Home Page / Product Block 3
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.
How do I get Category ID of a product? - Please follow this instruction image:
How do I get Product ID of a product? - Please follow this instruction image:
Block: Custom Block Two Images
Recommended Banner Size: 755x195px.
Please notice that you will need to upload the correct size like our recommended size for this banner to show the perfect banners like our Demo theme.
To show Custom Block Two Images on homepage, In the Page Builder → Go to Home Page → Banner Multi Columns and input to image, alt text, link for these banners.
Block: Products By Category 1
Recommended Banner Size (Special Logo): 298x496px and 503x187px.
Please notice that you will need to upload the correct size like our recommended size for this banner to show the perfect banners like our Demo theme.
Setting Products By Category 1 Navigate to: Storefront → My Themes → Customize.
In Theme Editor, navigate to Home Page / Products By Category 1
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. How do I get Category ID of a product? - Please follow this instruction image:
How do I get Product ID of a product? - Please follow this instruction image:
Block: Products By Category 2
Recommended Banner Size (Special Logo): 298x496px and 503x187px.
Please notice that you will need to upload the correct size like our recommended size for this banner to show the perfect banners like our Demo theme.
Setting Products By Category 2 Navigate to: Storefront → My Themes → Customize.
In Theme Editor, navigate to Home Page / Products By Category 2
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. How do I get Category ID of a product? - Please follow this instruction image:
How do I get Product ID of a product? - Please follow this instruction image:
Block: Products By Category 3
Recommended Banner Size (Special Logo): 298x496px and 503x187px.
Please notice that you will need to upload the correct size like our recommended size for this banner to show the perfect banners like our Demo theme.
Setting Products By Category 3 Navigate to: Storefront → My Themes → Customize.
In Theme Editor, navigate to Home Page / Products By Category 3
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. How do I get Category ID of a product? - Please follow this instruction image:
How do I get Product ID of a product? - Please follow this instruction image:
Block: Products By Category 4
Recommended Banner Size (Special Logo): 298x496px and 503x187px.
Please notice that you will need to upload the correct size like our recommended size for this banner to show the perfect banners like our Demo theme.
Setting Products By Category 4 Navigate to: Storefront → My Themes → Customize.
In Theme Editor, navigate to Home Page / Products By Category 4
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. How do I get Category ID of a product? - Please follow this instruction image:
How do I get Product ID of a product? - Please follow this instruction image:
Block: Product Block Recommended
Setting Product Block Recommended Navigate to: Storefront → My Themes → Customize.
In Theme Editor, navigate to Home Page / Product Block Recommended
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. How do I get Category ID of a product? - Please follow this instruction image:
How do I get Product ID of a product? - Please follow this instruction image:
Block: Custom Text Block
To show Custom Custom Text Block on homepage, In the Page Builder → Go to Home Page → Show CMS Block and input the webpage you was setup for show content.
Webpage setup 
In field HTML block:
Block: Why Shop With Us?
Recommended Banner Size: 1920x400px and 77x77px.
Please notice that you will need to upload the correct size like our recommended size for this banner to show the perfect banners like our Demo theme.
To show Why Shop With Us? on homepage, in the Page Builder → go to Home Page → Shipping Custom Block 3 and input images, alt text, title and content.
Last updated