mountains - Shopify Theme Documentation
Theme Installation Steps
Useful Manuals
Prepare For Installation
Step 01: With the theme package, you can get Two folders like dummy-data, theme-main.
To upload that particular chosen theme layout-file, Please follow the below steps:
Step 01: Go to Online Store -> Themes and Click to Upload Theme
Step 02: And Browse chosen theme-layout package to upload it (like theme-main.zip)
first of all you have Extract the sp-mountains.zip and then upload mountains-main.zip
Step 03: Click to Publish.
2. Store Configuration
Please follow the below-required settings to configure your store like a theme demo
Enable Customer Accounts
Go to Store Admin -> Settings -> Customer accounts
Find Customer accounts Select Classic customer accounts and click Show login link in the header of online store and at checkout then Save
Currency Settings
Go to Store Admin -> Settings -> General
Then Scroll down to Store currency block and click on the Change formatting link.
Update these two fields:
1. HTML with currency to
2. HTML with currency to
3. Language Translation Settings
To change RTL layout CSS-style, you just need to regenerate the RTL file to get changes.
Go to Online Store -> Settings -> languages -> Change default language
To choose your Default Translation Language
4. Navigation Menu
Refer to some articles to get a clear idea about how to setup menu-navigation.
How to create a new menu
You can create a link, list of collections, products, pages, or blogs with the menu.
Go to Online Store -> Navigation -> Add Menu button
TT Megamenu Settings
Add mountains Product Menu Presets
To add Submenu category page links and Banner. In this add title, select menu, and also set menu width in customizer.
Add page Menu
To add Submenu category page links and Banner. In this add title, select menu, and also set menu width in customizer.
5. Set Store Pages
Refer to some articles to get a clear idea about how to setup menu-navigation.
How to Create Pages
Step 01: Go to Online Store -> Pages
Step 02: Click on the Add page
Templates for other pages,
- Contact Us - contact
- About Us - aboutus
- FAQ's - faq
- Wishlist - wishlist
- And for other Pages - Default page
Create a Contact us page
Step 01: Go to Online Store -> Pages -> Add page
Step 02: Set Title & Template suffix as contact
Step 02: OR, To add additional contact page details.
Go to Online Store -> Customize -> Select Contact Page from top Navigation -> Section -> Contact Page
Create About us page
Step 01: Go to Online Store -> Pages -> Add page
Step 02: Set Title & Template suffix as aboutus
Step 03: OR, To add additional content on the about page.
Go to Online Store -> Customize -> Select About Page from top Navigation -> Section -> About Page
Create Faq's page
Step 01: Go to Online Store -> Pages -> Add page
Step 02: Set Title & Template suffix as faq
Step 03: OR, To add additional content on the faq's page.
Go to Online Store -> Customize -> Select Faq's Page from top Navigation -> Section -> Faq's Page
Create Wishlist page
Step 01: Go to Online Store -> Pages -> Add page
Step 02: Set Title & Template suffix as wishlist
Create Compare page
Step 01: Go to Online Store -> Pages -> Add page
Step 02: Set Title & Template suffix as compare
Create Other pages
Step 01: Go to Online Store -> Pages -> Add page
Step 02: Set Title & Template suffix as Default page
Theme Customize
Step 01: Go to Admin -> Online Store -> Themes -> Customize
Step 02: If in case of change code files.
Go to : Admin -> Online Store -> Themes -> Edit Code
Theme Settings
With the theme, there are too many options available to quickly set up your store.
Theme Color Settings
Go to Theme Settings -> Color
To easy to set custom-color to the body, link, title, header, footer, primary button, secondary button, product hover button, etc...
MailChimp Newsletter
Just have to add MailChimp Form URL.
-
Just have to register the MailChimp account & get an action URL for the newsletter form.
-
Read the official source at How to get a newsletter action URL
Newsletter Popup
To Add a Newsletter Popup.
Collection Page
There are multiple options available to look good on your collections page.
To Display the collection page.
Collection List Page
Product Page mountains
To set page styles for the Product page.
Social Media
Add social media accounts.
Checkout Page
To set checkout page settings.
7. Header settings
Go to Online Store -> Customize -> Section -> Header design
8. Footer settings
Go to Online Store -> Customize -> Section -> Footer design
9. Blog Post
To Add/Manage Blog Posts
To customize Blog inner pages.
10. Cookie Popup
To enable a Cookie message-bar on store Front.
11. Product Metafields
"Metafields" is adding Products custom fields like product label 'New', countdown, descripition.
step 01, 02:Go To Settings, Visit the Metafields
step 03: Click The products
step 04: Click The add definition button
step 05: To Add countdown with specific date
step 06: To Add Custom Label
step 07: To Description of product
step 08: To set added Metafields Countdown, Custom label, Description values to the Product
step 09: Checkout Front-end with the Metafields values
12. Homepage Section Setting
To Create a Home page section
To add a Section, Create a new one.
13. Homepages Sections & Customization
Layout - Home
Theme Layouts Common CMS Sections
- With the theme, There are many sections for the homepage builder. You can discover a list of sections in the customized control panel
List of Banner Styles
Home Slider
Go to Go to Section -> Slideshow
In this section, you can add slider background image then, in the slide you can add subtitle, title, text, button & button URL and image. Here in the every slide tooltip option are given wiith this you can select an image and content, after it you can set it with the bottom and left range as per your choice.
- You can get images from, Theme-package -> mountains-dummy-data-> slide1, slide2.
About Product
Go to Section -> About Product
-
In this section, you can select three products as per your choice. As well as there is one image setting available for the icon.
- You can get images from, Theme-package -> mountains-dummy-data-> slider-inner-line-right
our partner
Go to Section -> our partner
-
In this section, you can add partner logo in the slider.
- You can get images from, Theme-package -> mountains-dummy-data -> client-logo
Custom banner
Go to Go to Section -> Custom banner
- In this section, There are three parts left-content, mid-content and right-content.
- In the left and right content you can add images. And in the mid content you can add subtitle, title, text, button and Butoon URL.
- You can get images from, Theme-package -> mountains-dummy-data-> place-left-one, place-left-two, place-right-one, place-right-two, place-right-three
Category Feature
Go to Section -> Category Feature
- In this section for the heading, you can add subtitle, title, button and button URL.
- In the category-block, you can add category image, subtitle, title, button and button URL.
- You can get images from, Theme-package -> mountains-dummy-data-> category -> cate1, cate2, cate3.
topseller Product
Go to Section -> topseller Product
- In this section, you can select collection for product slider and add main title, sub title and content.
Image-with-product
Go to Section -> Image-with-product
- In this section, you can add background image and also add main title, content, button, button URL and select collection for the slider.
Testimonials
Go to Section -> Testimonials
- In this section, you can title,author name, designation and also add main title, description and image.
- You can get images from, Theme-package -> mountain-dummy-data-> testimonials-main-image, review.
Best-seller
Go to Section -> Best-seller
- In this section, you can select collection and add title, button and button URL.
CMS - Email
Go to Section -> CMS - Email
- This section is also has three part left , mid and rigth content. in the left and right content you can add iamges. and in the mid content you can add title ,sun-title and text.
- You can get images from, Theme-package -> mountains-dummy-data-> place-left-one, place-left-two, place-right-one, place-right-two, place-right-three
Blog Posts
Go to Section -> Blog Posts
- You can get images from, Theme-package -> mountains-dummy-data-> blog-images
