Fuji is a great choice for a bike store.
There are four sections (apart from the header and footer) in the homepage of the Fuji template. Follow the steps below to edit each of them.
- Header
- First Section – Banner
- Second Section – Product Section
- Third Section – Basic
- Fourth Section – Blog Feed
- Footer
Header
The header contains the menu (1), logo/site title (2), social icons (3), and a menu button (4).
- To change the header layout, go to Header in the Design section. See how
- To add/change the logo or site title, go to Site Title & Logo in the Design section. See how
- To add/remove an item to/from the menu, go to the Website menu. See how
- To add/remove/edit social media links, go to Social Links from the Website section. See how
- To add/remove/edit the menu button, go to Header in the Design section. See how
Now that you’ve started with this beautiful template, you’d have its demo pages in your menu.
To view or edit any of the pages, just click on it. Let’s begin with the ‘Home’ page.
- Go to the Site Menu.
- Click on Home (as shown in the image).
- This will bring you to the page editor for the ‘Home’ page.
First section – Banner
The first section contains a banner. To replace the demo images with your own and explore banner styles, click on the Manage Banner button.
- To add a new image slide, click on the Add Slides (1) button.
- To replace an image, set its focal point or edit the text and buttons on the slide, click on the edit icon (2).
- To delete a slide, click on the delete icon (3).
- To explore style options, click on the Style (4) tab.
- To change the layout, click on the Layout (5) tab.
- To edit the text on the banner, edit the Master Text (6).
See how to edit a Banner section.
Second section – Products
The second section displays store products. To replace the demo products with your own and manage them, click on the Manage Products button.
- From the Settings (1) tab, choose which products should be displayed in this section, the number of columns for the product display, and few other settings.
- From the Layout (2) tab, change the products section layout.
Third section – Basic
The third section contains a basic image, text, and button. Here, you can click on the image/text to replace/edit it.
See how to edit a Basic section.
Fourth section – Blog Feed
The fourth section contains a blog feed. To replace the demo blogs with your own and manage them, click on the Manage Blog Feed button.
- From the Settings (1) tab, choose which blog should be displayed in this section, the number of posts, and few other settings.
- From the Layout (2) tab, change the blog feed section layout.
Footer
The footer contains the credits for your websites. You can add social icons (1), copyright text (2), and important links here.
See how to edit the footer.