East is a classy minimalistic theme for an online store.
There are four sections (apart from the announcement bar, header, prefooter and footer) in the demo homepage of the East theme. Follow the steps below to edit each of them.
- Announcement Bar
- Header
- First section – Basic
- Second section – Product List
- Third section – Basic
- Fourth section – Blog feed
- Prefooter
- Footer
Announcement Bar
An announcement bar is displayed above the header which has a link to the store and coupon code.
See how to edit the announcement bar.
Header
The header contains the logo/site title (1), menu (2), social icons (3) and a cart icon (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. See how
- To add/remove/edit the cart icon, go to Design in the Store section. See how
Now that you’ve started with this beautiful theme, 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 – Basic
The first section contains a basic image, text and button. Here, you can click on the image/text to replace/edit it.
Click here to see how to edit a Basic section.
Second section – Product List
The second section displays a list of products from your store. Click on the Manage Products button to customize this section.
See how to edit a product list section.
Third section – Basic
The third section contains a basic image and text. Here, you can click on the image/text to replace/edit it.
Click here to see how to edit a Basic section.
Fourth section – Blog Feed
The fourth section displays your blog feed. Click on the Manage Blog Feed button to customize this section.
See how to edit a blog feed section.
See how to create a blog.
Prefooter
To display a certain section (e.g. Instagram feed) at the bottom of all the pages or selected pages in your website, you can use a prefooter.
To edit the prefooter, go back to the Site Menu and click on Options (1). Then, click on Prefooter (2).
In this theme, there is newsletter section and an Instagram section in the prefooter.
Newsletter section
To change the appearance of the newsletter section, click on the Manage Fields button.
See how to edit a newsletter section.
Instagram Feed section
To manage how the feed is displayed, click on the Manage Instagram button.
Click here to see how to edit a social section and display your own Instagram feed.
Click here to see how to edit the prefooter.
Footer
The footer contains the credits for your websites. You can add social icons (1), a copyright text (2) and important links here.
Click here to see how to edit the footer.