Shopify Theme Documentation

Let's Talk

Shopify Theme - Documentation

Need help documenting your Shopify theme? We are here to assist

With the help of this guide, you will be able to develop an understanding of Shopify theme documentation and any customizations that you would like to make in your Shopify theme.

If you are looking for further consultation, or theme development and customization for your online store, reach out to our Shopify experts right away Click Here to reach out to us.

How To Use This Document?

Our detailed guide below will help you to learn how theme documentation can be useful to understand theme settings and features and resolve all your potential challenges related to Shopify theme documentation.

Header:

  • Admin > Online Store > Customize Theme, Header > select the logo image and customize the logo width as per desktop and mobile view.
  • For logo, you can upload the image from the Library, from the local machine or can search for free images.
The logo image can be changed or removed and can be connected to the dynamic source.

HEADER > MENU:

  • Main menu > navigate to the online store from where all the menu items are accessible and can be edited or deleted
  • Main menu > online store > Add menu item: for adding new item you need to provide an item name and respective link of the page.
  • Main menu: The whole menu can be changed and removed. Go to change menu > create menu it will navigate to the ‘online store’ navigation section. In this section new menu items can be added and the whole menu can be created from scratch.
  • There is an option to show the contact link, enable country & language selector that can help you change the theme settings.
  • 1- Mark checkbox as checked and provide the link which needs to be displayed in the contact link section.
  • 2- By enabling the country and language selector we can add the dropdown in header which will display the list of countries and languages.

HEADER > MENU > LANGUAGE SETTINGS:

  • Go to header > menu > language settings: It will redirect you to the screen where we have options to add a language, change the default language to any other as per requirements and edit the existing language.

MAIN SLIDER:

  • Admin > Online Store > Customize Theme, Main slider. You can view existing sliders in this section, hover over the slider and click: We can edit the existing sliders, change the image, heading, it’s details and can remove the entire slider by clicking on the remove button.
  • In order to add a new slider go to the Main slider section and click on ‘Add’ button the below section will be displayed. From this, a new slider can be uploaded by selecting the image and adding all the necessary details required. We can delete this slider by clicking on the remove button provided at the bottom of section.

COLLECTION GRID:

  • Admin > Online Store > Customize Theme > Collection Grid. We can add grids on the sliders as per our requirement. The existing collection grids can be viewed by hovering over the grid row present in the collection grid section.
  • By pressing the ‘eye-icon’, the collection slide will hide : We can apply this to ANY item in the theme.

ADD BLOCK:

Tap on Add Block option, it will provide a dropdown option to select ‘collections slide’, once it is added then we can customize the slide as per requirements.
Collection slider > click on it: It will make the grid editable and we can customize the entire slide as per need.
Images can be selected from Free Images available or we can upload the custom image, link, title and subtitles can be edited.
In order to edit the colors of text, tap on Collections Grid section and it will take you to the next step from where all headings present can be edited and their font color can be changed.
For removing the section, we can click on the ‘remove section’ option at the bottom of the section.

COLLECTION SLIDER:

  • Admin > Online Store > Customize Theme > Collection Slider. The existing collection sliders can be viewed by hovering over the slider row present in the collection slider section.

ADD Collection Slider

Click on Add Collection slider option, it will add a collection slider. Tap on new created slider and it will give an option to select the collection and select an image for the collection slider.
select collection > will redirect to the section where all pre-made collections are visible and we can also create a new collection as per need.

HANDPICKED PRODUCTS:

  • Admin > Online Store > Customize Theme > Handpicked product. The existing Handpicked products can be viewed by hovering over the slider row present in the Handpicked product section.

Add Handpicked Products:

Tap on Add Handpicked products option, it will add a handpicked products section. Tap on new created product, it will redirect to the next step and will give an option to select the product from existing products. We can upload an image of the product.

Edit Handpicked Products:

  • Tap on any product in handpicked product section, it will make the product editable from there we can assign / select new product to the ‘new created product’

TRENDING:

Admin > Online Store > Customize Theme > Trending. The existing trending products can be viewed by hovering over the slider row present in the trending product section.

Add Trending Products:

Tap on Add trending products option, it will add a trending products section. Tap on new created product, it will redirect to the next step and will give an option to select the product from existing products. We can upload an image of the product.

Edit Trending Products:

  • Tap on any product in trending product section, it will make the product editable from there we can assign / select new product and can change the image.

TESTIMONIAL:

Admin > Online Store > Customize Theme > Testimonial. The existing testimonials can be viewed by hovering over the slider row present in the testimonial section.

Add TESTIMONIAL:

Tap on Add testimonial option, it will add a new testimonial section. Tap on new created testimonial, it will redirect to the next step and will give an option to add an image, heading, text line and form field.

Edit:

  • Tap on any existing record in the testimonial section, it will make the product editable. We can then change the image, edit heading, text line and form field.
If we need to add a new section to our website, we can go to the bottom of the main menu and tap on ‘add section’ it will give a list of sections present within the theme to select. After selecting any section a new section will get added to the web.

FOOTER:

Admin > Online Store > Customize Theme > Footer. The footer on web can be viewed by hovering over the slider row present in the footer section.

ADD BLOCK:

Tap on add block it will give the following options to select from the existing theme blocks.

Select Explore Menu:

It will redirect to the new section screen and will have an option to add the heading and menu. The menu can be changed and removed as well.

Select Footer, Logo, Text & Links:

It will redirect to the new section screen and will have an option to select the footer logo, place a link on logo to add the copyright text. There is also an option to add links near the footer logo.

Announcement Bar:

The announcement bar will be displayed at the top of the header and is mainly used if attention of the users is needed over some specific events. In order to customize go to Admin > Online Store > customize Theme > Announcement Bar.
The existing entity can be edited and we can add new bar as well. Tap on existing announcement bar:
it will redirect to a new section and we can edit the text line and link on it.

ADD ANNOUNCEMENT BAR:

Tap on add announcement a new section will be created. Open a newly created announcement it will redirect to the new section and we can add a text line and link related to our need.

THEME SETTINGS:

The overall theme can be customized through the theme settings section. Go to admin > online store > customize theme > theme settings.
Inside theme settings, we have options to set the main color of theme, change style of the font, add social media links, and many more.

COLLECTIONS:

You can group your products into collections to make it easier for customers to find them based on category.
  • Log into your Shopify admin panel.
  • Navigate to Product > Collections – Add a Collection:
  • Fill in required fields
  • Add an image in the collection image section
  • Click on save button
A new category / collection will get added to the store. We can add additional settings to our collection based on needs example:
  • Collection type can be set
  • SEO Preview
  • Conditions
  • Collection availability.

PRODUCTS:

  • From your Shopify admin, go to Products.
  • From the Products page, click Add product.
  • Enter a title for your product, along with additional details.
  • Click Save.

PAGES:

Pages on Shopify are the webpages on your Shopify store. You can use these to display important information such as About Us, Contact Us etc
  • Log into your Shopify admin panel.
  • Navigate to sales channel, under online store section there is an option of ‘Pages’
  • Navigate to the Pages section.
  • Click on Add Page and go to next section
  • Fill in the required fields
  • Click on save button; page will get added.

PAGES > ADD PAGE > THEME TEMPLATE:

For About Us Page:

  • Select the Theme Template as ‘About Us’ and fill in the required fields such as Title, Content, Visibility etc.
  • Tap on save to create your about us page.

For Contact Us Page:

  • Select the Theme Template as ‘About Us’ and fill in the required fields such as Title, Content, Visibility etc.
  • Tap on save to create your contact us page.

For FAQs Page:

  • Select the Theme Template as ‘About Us’ and fill in the required fields such as Title, Content, Visibility etc
  • Tap on save to create your FAQs page.
If the pages have to be displayed in the menu then we can add them by going to: Admin > Sales Channel > Online Store > Navigation
Under the navigation section there is an option to add the menu items as per requirement from where we can add the newly created pages to the menu.

BLOG POSTS:

  • From your Shopify admin, click Settings > Apps and sales channels.
  • From the Apps and sales channels page, click Online store.
  • Open sales channel.
  • Click Blog Posts.

ADD BLOG POST:

In order to add a blog, click on Add Blog option it will redirect to the next step. To add blog page, you need to provide title, content of blog, image and all the required information. Once the blog is created successfully it will be shown in the main blog screen.
Blogs can be edited and viewed;
for viewing the blog: click on the existing blog from the blog list.
for editing the blog: click on the existing blog, it will redirect to the next step and fields will become editable.

We will help you implement your eCommerce project on time and in budget

call-icon

Call

USA 408 365 4638
email-icon

Em@il

[email protected]
visit-icon

Visit

6701 Koll Center Parkway,
#250 Pleasanton, CA 94566

Canada Office

2–105 CONSUMERS DRWHITBY ON L1N 1C4

MEXICO OFFICE

Amado Nervo #2200, Edificio Esfera 1 piso 4, Col. Jardines del Sol, CP. 45050, Zapopan, Jalisco, Mexico

Australia OFFICE

C/- Prime Partners Level 4 1 James Place, NORTH SYDNEY New South Wales 2060

US OFFICE

160 Bovet Road, Suite # 101, San Mateo, CA 94402 USA

6701 Koll Center Parkway, #250 Pleasanton, CA 94566
Tel: +1 408 365 4638

UK OFFICE

Export House, Cawsey Way, Woking, Surrey, GU21 6QX
Tel: +44 (0) 14 8339 7625

UAE OFFICE

Folio3 FZ LLC, UAE, Dubai Internet City, 1st Floor, Building Number 14, Premises 105, Dubai, UAE
Tel: +971 04 2505173

BULGARIA OFFICE

49 Bacho Kiro Street, Sofia 1000, Bulgaria

PAKISTAN OFFICE

Folio3 Pvt. Ltd, Folio3 Tower, Plot 26, Block B, SMCH Society, Main Shahrah-e-Faisal, Karachi.
Tel: +92-21-3432 3721-4

First Floor, Blue Mall 8-R, MM Alam Road Gulberg III, Lahore

Corporate 7 by Maaksons, Executive Block, Civic Center 1, Gulberg Green, Islamabad
Tel: 0333 5657425

© 2024​, Folio3 Software Inc., All Rights Reserved.
Scroll to top
.