How To Customize Shopify Theme

So you want learn how to make changes to your Shopify store? Shopify is an eCommerce platform created by smart developers in Toronto, and it helps you to create an eCommerce site that is streamlined, customized, and ready for shoppers to buy your online products.

With Shopify, what you can do if you want to change your theme is you can go to the App Store, you can go to the Theme Store, and you’ll be able to find an assortment of themes available for you ranging from little to no cost, to their more premium themes.

For what we’re doing today, we’re focusing on theme development and making changes to the theme that you already have on your current existing Shopify store. What you want to do is you want to head to your theme panel, and there you will see your currently published there. In there what you want to do is you want to click on Edit Theme.

Now, when you do that, you will see that there’s several parts to the theme that you may not have noticed,this is the backend of your store, and allows you to make changes to how the site looks. So its best to make a backup copy before changing anything.

If you have some coding experience you should generally be okay, but if you are new to all of this, we suggest following along with a specific shopify tutorial.

Now, where most of the changes that you’ve seen, the theme customizer are made in a file called settings_schema.json

What this file does is it allows you to add new setting to the theme customizer. As you scroll through that, the way you can find it is it’s in the Assets section of your little file directory. In the sidebar it will have a folder called “Assets,” and in it will have, “settings_schema.json” and “settings_data.json”

Settings_data.json is where your theme customizer settings are saved temporarily, but settings.schema is where developers create the options to for you to help customize your store. If you want more information on how you can add new options in, I’m going to include the link in this post.

With Shopify what you can do is add in new options such as a checkbox, a radio box, a slideshow. You can add in options for image uploads. You can add in options for blocks and sections, and a whole slew of other assorted options.

If you need more customized help with this. For instance, let’s say you wanted to make a add in some options for custom engraving, or adding in an option for a gift option for your site for customers, what you can do is you can add that in as a customizable option. Then the gist of this is, is that the settings-dot-schema only saves the users options or their input. For instance, a text box input.

 What you do is you take the name of that and you will go to the actual template page, say cart.liquid, and liquid is the framework that Shopify is based around. You would go to cart.liquid and you would add in the customer note or the gift cart note or the order note, for instance. Then you would use the brackets and say,

{% if settings.gift_card == true %}

// Add in customer text information here

{% endif %}

It can be something as simple as that, or something more advanced like blocks and sections where you can create a product customizer, which we will discuss later on.

If you need custom help with your Shopify store or you want some more advanced changes, feel free to contact us. We supply on-demand help with your themes, and we also can help you from any place from making changes to your store like this, to more complex changes. Just check out our shopify task list for more help.

Leave a Reply