Customize Inside theme: Home page sections
With ShopBase Themes, you can customize home page sections to create a glamorous website in just a few steps. In this article, we will guide you on how to adjust your home page for Inside theme.
A. Header
B. Slideshow
C. Rich text
D. Image with text
E. Featured collection
F. Customer testimonial
G. Collection list
H. Newsletter
I. Banner
J. Video slider
To customize all of the features of Inside theme for home page sections, please follow these steps before you start:
From your ShopBase admin site, go to Online Store > Themes > Customize.
Choose Home section in the dropdown menu.
Please refer to this article on how to customize your Header sections.
In Slideshow section:
Layout: Choose between Single or Box for your slideshow's layout.
Full width on desktop: Select this option to display your slideshow in full width on desktop.
Ratio: Change the ratio of your images.
Change slides every: Set the time for changing slides.
Opacity: Adjust the opacity of images.
Enable parallax scrolling: Select this option to enable the parallax scrolling effect.
You can add different Slide blocks into the Slideshow section. Each Slide block allows you to add background image, alt text, headline, text, or adjust text alignment and text position. You can also enable text background or insert links for first/primary button label.
The Rich Text section is where to share introduction or announcements to impress your customers. In Rich text section, you can edit the heading position and text alignment.
This section is divided into different blocks for further customization:
In Heading block, you can change the content of the heading.
In Text block, you can change the content of the text.
In Button block, you can select the button type, change the button label and link to a targeted page.
This section will show off any big or important images you have along with any applicable text and a call to action button. In this section, you can:
Choose layout.
Text alignment: Left or Center.
Full width section: Set the section to be full width
You can add different Image with Text blocks into this section. The Image with Text block allows you to configure each image with text by adding images, alt text, headline, text, button labels/links/buttons. You can enable a maximum of 12 blocks on your homepage.
You can feature the products from one of your collections on your home page.
Layout: Set the layout to your featured collection like Grid, Slider or Mix.
Heading: Change to another heading instead of the default featured collection.
Collection: Choose one of yours to show.
Alignment: Select the alignment for the heading and button.
Product per row on desktop: Decide how many products to display on desktop. Choose from 2 to 5.
Limit products: Decide the number of products showing. Choose from 1 to 60.
Button label: Choose to display the button as a text link and change its name.
The Inside theme include a Testimonials homepage section which is a quick and easy way to add customer feedback and reviews to your site. You can add image, alt text, testimonial, customer information.
Heading section: Enter title for your testimonial.
Show next/back icon: Show the next/back icon for easy navigation.
Show indicator: Show the page indicator.
Number of testimonials per slide: Change the number of testimonials per slide. Choose from 1 to 3.
Text alignment: Left, Center or Right.
Change slides every: Adjust the number of seconds it takes to change slides within your testimonials. Choose from 4 - 12 seconds.
You can add different Customer name blocks into this section. These block allows you to configure each customer testimonial by adding images, alt texts, editing the testimonial content and customer's name.
You can add heading to your collection list. For Inside theme, there are more settings for you to customize such as heading, button type and label, product tab position, image style, item per row, title position, title alignment.
You can add different Collection blocks into this section. These block allows you to create collection, add image and alt text for your collection.
Newsletter section helps to encourage your customers to stay in the loop with your company, adding the signup as a whole homepage section may better suit your design and is just a great alternative to have. By default, after a customer signs up for your newsletter, their email address are stored in your customer database. You can add image, adjust heading and subheading. For Inside theme, there are more settings such as text alignment, background image and alt text.
Heading, Text, and Button are also divided into different blocks for further customization.
In Heading block, you can change the content of the heading.
In Text block, you can change the content of the text.
This feature can be used to introduce your store promotion codes. You can freely customize the banner's background image, alt text, ratio (in Roller theme), opacity, heading, text position and alignment, image link (in Roller theme), along with button links and labels.
For Inside theme, Heading, Text, and Button are also divided into different blocks for further customization in the new Theme editor.
In Heading block, you can change the content of the heading.
In Text block, you can change the content of the text.
In Button block, you can select the button type, change the button label and link to a targeted page.
The Video section can be very helpful for customers to see how your product appears and works in real life. It includes many features for setting up the presence of videos on your site such as image, alt text, preheading, heading, subheading, etc...
Autoplay video: If this option is selected, your video will play automatically. However, most of browsers have added some limitations on videos to prevent them from autoplaying. In addition, when you choose this option, all of the content settings including image/thumbnail, heading, preheading, subheading, buttons, button links will not be displayed.
Full width video: Select this option to display your video in full width.
You can add different Video blocks into this section in the new Theme editor.
These block allows you to configure each video by adding video links, thumbnails, alt texts, heading, subheading, text position and alignment.
For Bassy theme, please refer to this article for more information.
For Roller theme, please refer to this article for more information.
All steps in this article uses the updated Theme Editor version 2.0, which have been updated to boost versatility and make it easier to tailor your storefront with sections and blocks. Please refer to this article for more information on Theme Editor version 2.0 and how to update.
Overview of Themes
In this article
A. Header
B. Slideshow
C. Rich text
D. Image with text
E. Featured collection
F. Customer testimonial
G. Collection list
H. Newsletter
I. Banner
J. Video slider
To customize all of the features of Inside theme for home page sections, please follow these steps before you start:
From your ShopBase admin site, go to Online Store > Themes > Customize.
Choose Home section in the dropdown menu.
A. Header
Please refer to this article on how to customize your Header sections.
B. Slideshow
In Slideshow section:
Layout: Choose between Single or Box for your slideshow's layout.
Full width on desktop: Select this option to display your slideshow in full width on desktop.
Ratio: Change the ratio of your images.
Change slides every: Set the time for changing slides.
Opacity: Adjust the opacity of images.
Enable parallax scrolling: Select this option to enable the parallax scrolling effect.
You can add different Slide blocks into the Slideshow section. Each Slide block allows you to add background image, alt text, headline, text, or adjust text alignment and text position. You can also enable text background or insert links for first/primary button label.
C. Rich text
The Rich Text section is where to share introduction or announcements to impress your customers. In Rich text section, you can edit the heading position and text alignment.
This section is divided into different blocks for further customization:
In Heading block, you can change the content of the heading.
In Text block, you can change the content of the text.
In Button block, you can select the button type, change the button label and link to a targeted page.
D. Image with Text
This section will show off any big or important images you have along with any applicable text and a call to action button. In this section, you can:
Choose layout.
Text alignment: Left or Center.
Full width section: Set the section to be full width
You can add different Image with Text blocks into this section. The Image with Text block allows you to configure each image with text by adding images, alt text, headline, text, button labels/links/buttons. You can enable a maximum of 12 blocks on your homepage.
E. Featured collection
You can feature the products from one of your collections on your home page.
Layout: Set the layout to your featured collection like Grid, Slider or Mix.
Heading: Change to another heading instead of the default featured collection.
Collection: Choose one of yours to show.
Alignment: Select the alignment for the heading and button.
Product per row on desktop: Decide how many products to display on desktop. Choose from 2 to 5.
Limit products: Decide the number of products showing. Choose from 1 to 60.
Button label: Choose to display the button as a text link and change its name.
F. Customer testimonial
The Inside theme include a Testimonials homepage section which is a quick and easy way to add customer feedback and reviews to your site. You can add image, alt text, testimonial, customer information.
Heading section: Enter title for your testimonial.
Show next/back icon: Show the next/back icon for easy navigation.
Show indicator: Show the page indicator.
Number of testimonials per slide: Change the number of testimonials per slide. Choose from 1 to 3.
Text alignment: Left, Center or Right.
Change slides every: Adjust the number of seconds it takes to change slides within your testimonials. Choose from 4 - 12 seconds.
You can add different Customer name blocks into this section. These block allows you to configure each customer testimonial by adding images, alt texts, editing the testimonial content and customer's name.
G. Collection list
You can add heading to your collection list. For Inside theme, there are more settings for you to customize such as heading, button type and label, product tab position, image style, item per row, title position, title alignment.
You can add different Collection blocks into this section. These block allows you to create collection, add image and alt text for your collection.
H. Newsletter
Newsletter section helps to encourage your customers to stay in the loop with your company, adding the signup as a whole homepage section may better suit your design and is just a great alternative to have. By default, after a customer signs up for your newsletter, their email address are stored in your customer database. You can add image, adjust heading and subheading. For Inside theme, there are more settings such as text alignment, background image and alt text.
Heading, Text, and Button are also divided into different blocks for further customization.
In Heading block, you can change the content of the heading.
In Text block, you can change the content of the text.
I. Banner
This feature can be used to introduce your store promotion codes. You can freely customize the banner's background image, alt text, ratio (in Roller theme), opacity, heading, text position and alignment, image link (in Roller theme), along with button links and labels.
For Inside theme, Heading, Text, and Button are also divided into different blocks for further customization in the new Theme editor.
In Heading block, you can change the content of the heading.
In Text block, you can change the content of the text.
In Button block, you can select the button type, change the button label and link to a targeted page.
J. Video slider
The Video section can be very helpful for customers to see how your product appears and works in real life. It includes many features for setting up the presence of videos on your site such as image, alt text, preheading, heading, subheading, etc...
Autoplay video: If this option is selected, your video will play automatically. However, most of browsers have added some limitations on videos to prevent them from autoplaying. In addition, when you choose this option, all of the content settings including image/thumbnail, heading, preheading, subheading, buttons, button links will not be displayed.
Full width video: Select this option to display your video in full width.
You can add different Video blocks into this section in the new Theme editor.
These block allows you to configure each video by adding video links, thumbnails, alt texts, heading, subheading, text position and alignment.
For Bassy theme, please refer to this article for more information.
For Roller theme, please refer to this article for more information.
All steps in this article uses the updated Theme Editor version 2.0, which have been updated to boost versatility and make it easier to tailor your storefront with sections and blocks. Please refer to this article for more information on Theme Editor version 2.0 and how to update.
Related articles
Overview of Themes
Updated on: 24/08/2022
Thank you!