State is one of the popular templates with an online store. You would have a banner/slider that fills up the web page and can showcase your portfolio or products in the sections below.
There are few sections (apart from the header and footer) in the demo homepage of the State template. Follow the steps below to edit each of them.
- Header
- First section – Banner
- Second section – Headline
- Third section – Image List
- Fourth section – Banner
- Fifth section – Products
- Sixth section – Blog feed
- Footer
Header
The header contains the logo/site title (1), menu (2), social icons (3), cart icon (4), and menu button (5).
- 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.
- The Home, About, and Contact menu items are pages.
- The Blog menu item is a blog listing page.
- To add/remove/edit social media links, go to Social Links from the Website section. See how.
- To add/remove the cart icon, go to the Design page in the Store section. See how.
- To add/remove/edit the menu button, go to Header in the Design section. See how.
Visit the Homepage
- To view or edit any of the pages, visit the Website section.
- You will now reach the Menu tab where you can edit your site menu.
- Click on the Home menu item to edit it(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 banner layout, click on the Layout (5) tab.
See how to edit a Banner section.
See how to change the banner layout.
Second section – Headline
The second section contains a headline. A headline can be used to add information about your business. Click on any text in this section to edit it. Learn more.
To change the background color, hover over the section and click on the content icon from the editing toolbar present in the top right corner of the section. See how to change the background color.
- See how to edit a Headline section.
Third section – Image List
The third section contains an image list. You can add a list of the services you offer or a list of galleries.
To edit the links, change the layout or replace the demo images, click on the Manage Image List button.
- To add a new item to your image list, click on the Add Item (1) button.
- To replace an image or edit an item. click on it (2).
- To duplicate an item, click on the copy icon (3).
- To delete an item from your image list, click on the delete icon (4).
- To change the layout or explore different layouts, click on the Layout tab (5).
- To edit the style and increase/decrease the number of columns, click on the Style tab (6).
- To edit/delete the headline, go to the Section Headline field (7).
See how to edit an Image List section.
Fourth section – Banner
The fourth 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 banner layout, click on the Layout (5) tab.
See how to edit a Banner section.
Fifth section – Products
The fifth section contains 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.
See how to edit a products section.
See how to add products to your store.
Sixth section – Blog feed
The sixth 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.
See how to edit a blog feed section.
See how to add a blog to your website.
Footer
The footer contains the credits for your websites. You can add social icons (1), copyright text (2), and important links here.
Also Check: Social Sharing options.
See how to edit the footer. Also Check: Footer style options.
Note: You would see our branding ‘Built on Pixpa’ (3) in the footer while you are on the trial period. Once you’ve subscribed, you can choose to have it removed.