Home Pages
Block: Main Carousel
Recommended Banner Size: 1920x560px.
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: Custom Shipping 1
Recommended Icon Size (Special Logo): 37x30px.
Please notice that you will need to upload the correct size like our recommended size for this icon to show the perfect icons like our Demo theme.
Setting Custom Shipping 1 Navigate to: Storefront → My Themes → Customize.
In Theme Editor, navigate to Home Page / Shipping Block 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**.
Block: Custom Block Five Images
Recommended Banner Size: 430x300px & 665x500px.
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 Five 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 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: Custom Block Full Width
Recommended Banner Size: 1903x403px & 550x435px.
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 Full Width 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: Products With Right Image
Recommended Banner Size (Special Logo): 540x500px.
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 With Right Image Navigate to: Storefront → My Themes → Customize.
In Theme Editor, navigate to Home Page / Products With Right Image
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 Shipping 2
Recommended Icon Size (Special Logo): 65x52px.
Please notice that you will need to upload the correct size like our recommended size for this icon to show the perfect icons like our Demo theme.
Setting Custom Shipping 2 Navigate to: Storefront → My Themes → Customize.
In Theme Editor, navigate to Home Page / Shipping 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. Images must be successfully upload to the **Image
Manager**.
Block: Products By Category 1
Recommended Banner Size (Special Logo): 670x330px.
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): 1370x360px.
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): 1370x360px.
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 Block
Setting Products Block Navigate to: Storefront → My Themes → Customize.
In Theme Editor, navigate to Home Page / Product Block
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: Shop By Brands
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 Brands on homepage, In the Page Builder → Go to Home Page → Featured Brands and input to image, link for these banners brand.
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.
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: 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 to image, alt text, title for these image and content.
Last updated