We are Underground support

Homepage Setup

Last Updated: Jun 03, 2016 09:53AM EDT

Looking to access your theme's code or language options with Shopify's new theme editor layout?

In your Shopify admin click on Online store > Themes
Next to the theme that you want to edit click on the Menu button which is a small square with 3 blue dots
This will open a submenu of options which includes: Edit HTMl / CSS and Edit Language

Sections covered within this article:

Homepage Slideshow & Content
Homepage Products
Homepage Collections
Homepage Page Content

Homepage Slideshow

This area allows you to choose between 2 different slideshows holding up to 5 images.
The 2 choices are:

This will create a height based slideshow which is useful if you want to show a single image on the Home page from the top to the bottom of the Screen. Images within the Background Slideshow can not be linked or clicked to other content.

This will create a more traditional home Page Slideshow which is based on the width of the browser in use.
This slideshow can be linked to additional content and can also include text and Calls to Action.

Recommended image size: 1920px wide x 1080px tall
If you are working with large files upload one at a time to avoid issues with saving your theme settings.

Background Slideshow
Once you have selected some images you can choose a page within your site. The content from this page will sit in front of the background images. This gives you freedom to show anything that you would like... Video, Images or text.
Using Shopify's Rich Text Editor you can align your text to the left, right or center, use different text colors and control layout + spacing.

To assist with the layout we also added an option for you to control the height of the homepage content area from 500px to 1000px.

Content Slideshow
For Each image you may add a caption, title and a button which can be linked to any section within your store.
Positioning of the content that appears on each slide can be adjusted to ensure you are in full control over what is displayed and where

Homepage Products ( optional )

Simply choose a collection from your Shopify store and choose how many products from that collection you would like to have displayed.
You can also control the Title, color and background.

Homepage Collections ( optional )

You can show Multiple collections on your homepage.
Choosing Collections and deciding on which order they are shown is simple using Linklists to control the order.

1. In your Main Shopify admin click on Navigation and Choose: Add a New Linklist
2. In the new linklist add some links that point to Collections ( Must be Collections only!! )
3. Once done drag the links into your preferred order - this will decide their order on the homepage.
4. Save the page and go back to the Homepage Setup area of the Theme Settings.
5. Under Show Collections on the homepage you will see a dropdown stating: 
    Choose Linklist of Collections to display
Here choose the link list you have just created.
6. Take a look at the homepage to see the results.

Each collection added will be shown within a Carousel allowing customers to slide between products on all devices.

Homepage Content

This section allows you to show content from 2 pages within your store ( each being optional )
You may add background images which will show in a parallax scrolling view or if you prefer a simple solid color.
These images will show behind the content of the pages that you choose creating a classy effect when scrolled.

You can upload a background image with Parallax scrolling effects that will be visible as the user scrolls down.
For Best results use a 1920px wide x 1080px Tall background image.

Instagram User Gallery
This Gallery will show the 12 most recent images from your Instagram Account. 
Setup requires a 0Auth Token with permission from your instagram account, follow these steps for installation...

Instagram feed
This Gallery will show the 12 most recent images from your Instagram Account. 
Setup requires a 0Auth Token with permission from your instagram account, follow these steps for installation...

1. Click on This Link And login to your Instagram account. This will take you to our website. 
2. Follow the instructions and copy the Access token provided.
3. In your Shopify Account click on Themes > customise theme > Home page - Instagram Feed
4. In the box marked Instagram Access Token paste the long Access Token
5. In the Box marked Instagram user ID number paste the 9 digit UserID
6. Click Save

Get help

Note We can not offer individual theme modifications, however are happy to advise on the best Shopify resources and finding developers to work on your theme.
Want to customize your theme?
Have questions not covered in our docs?
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
Invalid characters found