{"id":4475,"date":"2018-07-10T11:16:11","date_gmt":"2018-07-10T05:46:11","guid":{"rendered":"https:\/\/www.hiddentechies.com\/blog\/?p=4475"},"modified":"2020-03-13T16:01:00","modified_gmt":"2020-03-13T10:31:00","slug":"how-to-setup-theme-in-shopify","status":"publish","type":"post","link":"https:\/\/www.hiddentechies.com\/blog\/shopify\/how-to-setup-theme-in-shopify\/","title":{"rendered":"How to Setup Theme in Shopify"},"content":{"rendered":"

Here\u2019s a step-by-step guide on how to setup your own theme with Shopify<\/a>.<\/p>\n

I\u2019ll cover all the basics and a bit more, so you could get your online store up and running ASAP.<\/p>\n

Shopify is the most popular choice among the customers to set up their online store. Here\u2019s a few steps to set your theme with Shopify. Our articles has everything you need to start building amazing things with Shopify.<\/p>\n

Shopify Theme Setup Guide<\/p>\n

    \n
  1. Upload Theme<\/li>\n
  2. Theme Action<\/li>\n
  3. Customize your Theme<\/li>\n
  4. Add Sections to your Theme<\/li>\n
  5. Customize by Theme Settings<\/li>\n
  6. Make your Shopify store Live<\/li>\n<\/ol>\n

    Get Started Setup your Theme in Shopify.<\/p>\n

    Here\u2019s you learn how to setup your theme in Shopify. It\u2019s easy to setup your theme in Shopify. Follow below steps\u2026<\/p>\n

    Step One: Upload Theme.<\/p>\n

    To setup your theme in Shopify you must complete the Admin Login in Shopify. Here\u2019s a Login panel of Shopify.<\/p>\n

    \"Shopify<\/p>\n

    After the successfully complete Login process, you are now able to setup your theme in Shopify.<\/p>\n

    Now you see the Dashboard of Shopify Admin Panel<\/p>\n

    \"Shopify<\/p>\n

    At left side<\/strong> you see the channels that allow to edit your theme. At Middle Section<\/strong> you get the Information of your live <\/strong> store. Such as Total Sales, Total Orders, Sessions of your live store.<\/p>\n

    Go to Left side Bar and Click on Online Store<\/strong> to setup your theme. Here we take example of default Shopify Theme (Debut).<\/strong><\/p>\n

    When you click on Online Store<\/strong> button you get options panel to modify your store.<\/p>\n

    \"Shopify<\/p>\n

    Now Click on Themes<\/strong> menu to manage your theme.<\/p>\n

    \"Shopify<\/p>\n

    Just little scroll-down and select Upload Theme<\/strong> to upload your theme. When you click on Upload Theme one pop-up is open. You need to browse your theme from your computer here and then click on upload button and wait for it. Here\u2019s the first step was successfully completed.<\/p>\n

    \"Shopify<\/p>\n

    \n

    Step Two: Theme Action.<\/p>\n

    After uploading your theme, you can see new theme in theme list area.<\/strong><\/p>\n

    \"Shopify<\/p>\n

    Now you can see here your theme. Just example my theme is Debut.<\/strong> So now I click on Actions <\/strong>button and Publish<\/strong> my theme.<\/p>\n

    \"Shopify<\/p>\n

    \n

    Step Three: Customize Your Theme.<\/p>\n

    Now you can see your theme set as a current theme.<\/strong> In order to customize this theme you click on Customize<\/strong> button.<\/p>\n

    \"Shopify<\/p>\n

    Now you able to see the below screen. Here you can customize the things with the live preview.<\/p>\n

    \"Shopify<\/p>\n

    \n

    Step Four: Add Section To Your Theme.<\/p>\n

    This page shows the different sections of customizations. We understand by following explore view.<\/strong><\/p>\n

    \"Shopify<\/p>\n

    The explore view shows here because you better understand this customization process. These would lead to basic understanding of customization of your theme.<\/p>\n

    \n

    Step Five: Customize by Theme Settings.<\/p>\n

    \"Shopify<\/p>\n

    Now we take deep understanding of the Detailed Customization Section.<\/strong><\/p>\n

    \"Shopify<\/p>\n

    The below section gives you Basic Understanding of How Shopify Theme Setting Works. <\/strong><\/p>\n

    \"Shopify<\/p>\n

    The Basic Understanding of How Shopify Theme Action Works.<\/strong><\/p>\n

    \"Shopify<\/p>\n

    Here\u2019s you can take action over theme like\u2026<\/p>\n

    Preview Theme:<\/strong> By clicking on preview theme you can see your theme preview.<\/p>\n

    Edit Code:<\/strong> Shopify has amazing feature that you can edit code (Liquid File code) at a time with this feature.<\/p>\n

    Edit Languages:<\/strong> You can change language of the theme whenever you want.<\/p>\n

    – Add the Product to your Shopify Theme:<\/p>\n

    The product add to your Shopify store is very easy task to perform. There are two ways to add your product<\/strong> to your theme.<\/p>\n

    1. Manually add the product.<\/p>\n

    2. Import the product (With the help of CSV file).<\/p>\n

    First we understood how Manually Product<\/strong> added to the store.<\/p>\n

    \"Shopify<\/p>\n

    Select PRODUCT<\/strong> from the menu. Here\u2019s you see the ADD PRODUCT<\/strong> button. By clicking this button we can add manually product. Let\u2019s learn how to add product manually.<\/p>\n

    Click ADD PRODUCT<\/strong> button, and one window open like below.<\/p>\n

    \"Shopify<\/p>\n

    The following things to be add to the Add Product page.<\/p>\n