Section #1: 3 Images + Text
Go to Layout > scroll down to the "Home: 3 Images (Left)" widget area. Replace the image in each widget with your own.
To add text, open the HTML/JavaScript widget from the "Home: Text (Right)" widget area. Replace the title & text with your own and replace LINK with the link to the page you want the "learn more" button to lead to.
The HTML in the "Home: Text (Right)" widget area:
<h3 class="title highlight-1">add your title here</h3>
<p>Add your text here.</p>
<div class="home-button"><a href="LINK">learn more</a></div>Section #2: Featured Boxes
Before you start! The Image widgets in "Home 2 (Grid)" have been altered for customization. If you remove them and then re-add them, they will not look the same. If you want to hide them for now, open each widget > uncheck "Show this widget" at the top and save the changes.
Go to Layout > scroll down to "Home 2 (Grid)" > open each Image widget and add your information.
- Title - replace the text in the "Title" field with your own title
- Image - check "Upload image from computer" below Select image by: and upload an image
- Link - add your link to the "Link" field
Section #3: Profile
Before you start! The "Profile Image" and "Profile Text" widgets have been altered for customization. If you remove them and then re-add them, they will not look the same. If you want to hide them for now, open each widget > uncheck "Show this widget" at the top and save the changes.
Go to Layout > scroll down to "Home 3".
Add an image - open the "Profile Image" widget > check "Upload image from computer" below Select image by: and upload an image (don't add any text, just save the widget after you upload your image).
To add a title, text and a link to the button, open the "Profile Text" widget. Replace the text with your own.
Here's the HTML in the "Profile Text" widget:
<h5>Introducing</h5>
<h3 class="title highlight-1">add your title here</h3>
<div class="profile-content">
<div class="profile-image"></div><!-- DO NOT DELETE OR EDIT THIS! UPLOAD YOUR IMAGE TO THE "Profile Image" WIDGET -->
<div class="profile-text">
<p>Add your text here.</p>
<p>Add your text here.</p>
<a class="profile-button" href="LINK">get to know me!</a>
</div>
</div>Section #4: Newsletter
Click here for instructions on how to connect MailChimp to the subscribe form.
Section #5: Shop My Favorites
Go to Layout and scroll down to the "Home 7 (Slider)" widget area. Open each "Slide" widget and replace the LINK, Product Title and image URL with your own. You can add more than 5 slides. To add more, add another HTML/JavaScript widget to the "Home 7 (Slider)" widget area and paste this inside:
<a href="LINK" class="item-wrap">
<div class="item-title">Product Title</div>
<div class="item-image">
<img src="IMAGEURL"/>
</div>
</a>