1. About Us
  2. Demo
  3. Installation
  4. Step
  5. Recommendation

HOW TO ACCESS ADMIN TO EDIT HTML/CSS IN SHOPIFY.

The following tutorial is going to show how to access admin to edit html/css in shopify theme

First of all, we would like the thank you for using our work.

Apollotheme - a website where you can find the best shopify theme and Extensions as well. We are proud of our professional themes, extensions. With years of experience working on Opensource, we have created number of great extensions for Shopify like: Apollo Shopify Framework, Apollo Shopify Megamenu Module ...

Apollotheme is also famous for custom work, if you have trouble or help with your website, coding, .... you can find us on Apollotheme.com then we will support you or give you suggestions.

The Edit HTML/CSS page

You use the Edit HTML/CSS page to make changes to the HTML, CSS, javascript, and liquid code in your theme files, and to add new images and other files to your theme.

Download and Install

Download

Currently, the module will only be included in the pretashop theme that support the module by default. So you have to download the theme package then the module will be there for you to use.

Install

You can install the module as any other pretashop module. If you are new to prestashop, you can check How To Install Shopify Theme Video Tutorial

In last week, I introduce about How to change theme colors in Shopify, now I will tutorial you about how to add navigation link at menu bar in Shopify as an example. You can easily add, change or remove navigation links in your store.

In mega menu position , users will add product link name, video and special product. By this way,in this tutorial I give about to way to add :

  • navigation name link
  • video

How to access admin to Edit HTML /CSS.

Some of tutorials at Apollo Theme require you to edit the CSS for your Shopify Theme . If you are not a web developer, you may not be sure how to edit this, so this tutorial post will simply show you where to go to find it.

Step 1: Log into your Shopify Admin panel

Step 2: From your Shopify admin, click on “Online Store ” >> “Themes”.

Step3:Click the … button the click ”Edit HTML/CSS”

You use the Edit HTML/CSS page to edit these files and add others. You can see at below

In the Edit HTML/CSS page, you will see all the theme files listed on the left side. You can easily find files which you want edit with “search files" section.

There are 6 categories of file :

  • Layouts: These control the overall layout of your theme.
  • Template: These control layouts of specific parts of your theme such as product pages or your blog.
  • Snippets: These are code extracts used by other files.
  • Assets:Images, plugins and css files are stored here.
  • Configs:These contain settings and configuration files.
  • Locales:Contains a set of translations for the text strings used in a theme template file.

Remember to click Save whenever you make changes to a file.

Recommendation

Hope this tutorial is much of help for you while developing your e-Commerce Shopify site. Forum or send us email through the Contact Form or send directly to the following email. We will try to answer and solve problems for you as soon as possible (within 2 days)