How To Customize Shopify Theme (Setting & Configurations)

In this post, you will learn how to Download Shopify Theme. Themes can be downloaded to your computer. If you want to use an editor to make some changes to your theme.

Make sure you create a duplicate of your theme, but if you have reached the limit of 20 for your available number of themes, you can delete one and create a duplicate copy.

Download Shopify Themes

Downloading a Theme

From your dashboard on the Shopify admin, click on the “Online Store” then go to “Themes.” click on the “Actions” button, a “Download theme file” will bar will be seen, you click on it to access and download the theme you want. The downloaded theme will be downloaded in a “zip file” into an email folder that is linked to your Shopify store account.

Download Shopify Themes

After downloading your desired theme, you can delete it from your Shopify admin page. To use this same theme in the future, all you need to do is to re-upload it again. Also read  How To Set Up Shopify Store Without Guru’s Help

Download Shopify Themes

How To Remove a Theme From your Online store

As much as you can upload a theme on your online store, you can also remove any unwanted theme from your archive. Removing a theme can be done on your “Theme” page on the Shopify admin.

You should understand that when you remove a theme, you have permanently deleted the theme and you cannot recover them for future use. But if you still want to access a removed theme, you can re-download it following the steps highlighted previously.

Download Shopify Themes

Removing of themes can be done when you have already reached the maximum of 20 themes, and you want to create space for more themes.

How to remove a theme

To create space for a new theme or to delete an unwanted theme,
From your dashboard, on your Shopify admin page, click on the “Online Store” then go to “Themes,” in the section of “More Themes” search on all available themes and select the theme you want to remove, click on “Actions” and select “Remove.” the theme will then be removed.

When a theme is currently displaying and published on the homepage of your online store, but you want to remove the theme, either because you want to publish another theme or because you want to replace it.

All you need to do is to create another theme first or have another theme in mind to be chosen you can now discard the unwanted theme from the home page of your store.

How to update your themes

One of the beauties of technology is that sometimes more advanced research leads to the release of newer versions of a system or application, thereby improving some aspects of the system. This makes the designers release a new and updated version of the system.

An updated version of themes are presented periodically thereby improving certain features of the theme sometimes if you haven’t altered the codes on your theme or installed applications that have altered the settings and codes of your theme, then such theme can automatically update itself if new versions of the theme are released.

But if any code of your theme has been altered, then your theme won’t update automatically.

This occurs because when a theme is updated automatically code changes will be automatically effected.

If your theme code has been altered either because you installed an application that has altered the code or because you altered it manually and you want to update your theme all you need to do is to update your theme manually to improve the homepage of your online store.

You can also have access to the most updated version of all the themes in your store. This can be found in the “Theme Store.” An advantage of purchasing a theme from the “Theme Store” unlike buying a theme from a third party theme store, the theme you purchased from the Shopify theme store will be updated for free.

Meanwhile, you will need to contact your designer for an updated theme if you purchase from a third party.

How to add an updated version of your theme to your Shopify Store

One of the attributes of the updating of theme versions on Shopify is that, when you manually add an updated version of a theme, automatically a second version of the theme will be added to your online store, and this will make the new version to be in a state of default without any of your modifications or customizations.

The updating process does not affect the old version of your theme, all your codes and settings will remain intact.
To add an updated version of your theme on your Shopify store, firstly create a duplicate of your existing theme.

Go to the Shopify Theme Store and Shopify login to the interface. Before you can buy a theme, you will create an account with the Shopify theme store; this account details will then be used to log in.

After logging in, check the top bar search box to search for your desired theme, a list of themes will be shown on your search results, you can then select your desired theme. Then click on the “Add latest theme version or Add a theme.”

After adding an updated version of your theme to your Shopify store, you can then decide to do the following tweaking ;

  •  You can use the “Theme Editor” to customize your theme.
  • Launch and publish your theme
  • If there is an application that adds code to your theme, Uninstall that application and then re-install it from the Shopify App Store.
  • You can also contact your app developer for support should in case you don’t know whether your app needs to be reinstalled or not.

To contact your application developer, find the application on the “Application page” of your Shopify admin, then click on the “View details” to get the contact of your app support, click on “Get Support.”

How to customize your theme

Sometimes after selecting your desired theme, you might desire to re-modify the theme to customize the basic layout of your store. Your theme can be customized to meet your needs and suits your brand. Your theme settings can be customized from the Shopify admin using the “Theme editor.”

The tools present in the theme editor includes a theme preview, and add and remove tool for adding and removing contents from your themes. You can learn more about the settings available for use in your theme custom, see your theme’s documentation for more details.

If the theme you are using on Shopify is free, then all you need to do is to go to “Free Themes From Shopify” and click on the name of your theme.

Moreover, if you use a theme you are paying for from the Shopify store, then follow the steps above on how to “find support for your theme ” to see how you can get your theme’s “documentation.”

Meanwhile, if your theme does not have your required settings for the modifications you want, and you know how to alter HTML, CSS, and Liquid, then you can go ahead and edit the “theme code.”

How to Download Shopify Themes

One of the qualities that set the Shopify platform apart is its ability to add, modify and manage a theme that can be added to the Shopify admin. So let me show you how to Publish A Theme On Shopify store

You can decide to choose a specific theme to be displayed live on your e-commerce store; you can make a backup copy of the theme you want to customize. You already read How To Set Up Shopify Store Without Guru’s Help

You can delete an obsolete or unwanted theme or download a theme and save it for future use as well as update an expired version of a theme to a newer version of the theme.

How To Publish A Theme On Shopify store

A published theme: – This is the theme that displays on the homepage of your online store. It is the one seen by your customers whenever they visit your Shopify store.

On your Shopify store, you can add about 20 different themes to your online store although you could only publish and display a theme at a time. You can also read How to Start a Successful Dropshipping Business

Multiple themes cannot be published simultaneously on your admin dashboard; a published theme can be found in the “current theme” section of the “theme page.” while the themes that are yet to be published can be found on the “More Themes” section of your Admin page.

To check for an old theme, after publishing a new theme, the theme you published recently will be automatically moved to the “More Theme” section. All you recently published theme are saved there automatically for future use. None is lost. You can also check out  What is Print On-demand?

How to publish a new theme

To create and make a new theme to be displayed on your homepage, you can publish this theme from your admin page. This can be done by following the below steps:-

Go to your Shopify admin page, from your admin page, click on the “Online Store” icon, then go to the “Themes” section.

Publish A Theme On Shopify store

Scroll down, you will find a “More Themes” section, Find your favorite theme that you will want as a displayed theme to your customers then click on the “Actions” you can preview this theme to see how it displays, if you are satisfied with it, then click on the “Publish” icon for the theme to be added successfully.

While you are on the “Publish Page” and after you published a new theme, your previous theme will automatically be moved to the “More Theme” section of your “The Theme” pages.

How to publish a theme using the “Theme Editor” button

The steps below will guide you on how to publish a Shopify theme using the “Theme Editor” button.

On the dashboard, go to your Shopify admin on the left-hand side, go to the “Online Store” then go to the “Themes” button. Scroll down; you will find a “More Themes” icon, search for your favorite theme and click on it to publish the theme.

You can then click the “Customize” button to modify your theme according to your taste.

On the “Theme Editor” page, there is a bar at the top where you can find the “Publish” button, click on “Publish” to publish the customized theme.

Publish A Theme On Shopify store

Just as stated previously, once you publish your customized theme, your previous theme will automatically appear on the “More Theme” page of your online store.

How to duplicate a theme on your Shopify store

Duplicating a theme means to make a copy of your original theme so that after customization and modification, you will still have a copy of the previous theme unaltered.

So before you customize a theme, it is advisable to create a backup copy of the theme so that if you do not like your customized design, you can delete it and still have a copy of the previous theme. You can also start the customization again if you so desire.

Publish A Theme On Shopify store

It should be noted that; if you already have 20 themes on your Shopify store, and you wish to make a duplicate copy of the previous theme, it cannot be duplicated unless you delete one of these themes to enable you to have a duplicate copy of your desired theme.

How To Manage Shopify Themes

If you make the right decision, you can choose a Shopify theme for your Shopify store that its setup will be so, great that your customers will think the site was specially designed by a professional. Meanwhile, the themes were for free, except that a little modification and tweak were made.

Although there are also themes that could be purchased, that depends on your theme of choice and your budget.

Now let’s get started, scroll through the left-hand side of your dashboard menu bar, click on the Online store, there will be a drop-down of the sub-menu, where you will see Themes, click on it to open the Theme page.

Yes, there you can check through the available themes that could be applied, the theme could also be customized and modified if you wish.

There are a lot of themes that could be browsed through; you can also find paid themes which are very nice and attractive, you could decide to buy one and install it on your Shopify store. Check the available themes, preview them and make a decision.

It’s common that when you register your Shopify store, it comes in a default state with all its functions as clean as a slate, with the necessary functions, bars and navigation icon available.

So it’s the choice of the Shopify store owner to design his store, just like when you just own a shop, you log in to your store, make the necessary tweaking, just like you choose a preferred color, your preferred logo or store’s logo, the kind of navigation menu you desire etc.

An advantage of Shopify over all platforms is that all these can be easily set up.

So, right on the Theme bar which you’ve previously selected, a theme page is automatically opened, you scroll down the page, you will find the available free themes.

The next thing is to ask yourself the kind of theme you want your store to use because you want to maintain integrity, you wouldn’t want to set up a store that looks exactly like an existing store.

I’ll advise you to use the Supply Themes, or you choose the one that best suits the kind of impressions you want to have on your customers.

You click on the theme you want, when you click on it, you will have the features list, this is built in a group of catalogs such as a sideshow image, a collection menu, sidebar, etc.

Sometimes in a theme, you could find about two or more styles in a Theme, you can choose the style you want in the available ones, that is what will look be displayed in the display of sales or special deals available on your store.

So I’m going to go ahead, and I’m going to click on add supply theme. Now what’s happening here is Shopify is adding that theme to my account. Literally one click, boom, and I have that theme on my account, so very, very cool.

Now when I scroll down, you’ll see that it says more themes, theme name, and then right here we have the supply theme, right? So, let me just go back.

Capture 2

I want to do this again because I like to repeat myself when I’m teaching my students because I believe the more you hear it, the more likely it is to sink in. Repetition is key to learning.

So, right now this is what we have. We have The Bark Shop; we have this basic theme that Shopify gives you out of the gate and what we are going to do now is we are going to change the theme to the supply theme.

This one that we just said we would rather use. All we have to do is come over here and click on actions. Do you see that? And then we are going to publish this theme.

Now, when we publish a theme, it means that it goes live, like online, this is what our store is going to look like, it’s going to use this theme.

What’s important to take note of here is that you could have 10 different themes on your store or more and you can kind of interchange and switch them out throughout the year if you would like to by publishing one at a time, right?

So I’m going to hit publish, and it’s going to say, are you sure you want to publish the supply theme? Now, the reason I ask that is frequently when you choose a new theme, you want to go in and customize it first before you publish it, but we have a new store, and there’s nothing on it. So it’s all good. We’re going to hit publish it.

Takes it a couple of seconds here and boom. Now you’re going to notice this preview up here, analysis supply, and we have a different looking theme. Now check this out.

When I come over here to the live store, and I click refresh, everything looks different, right? So we have a different looking store now. We’ve got this colored bar.

I like this navigation bar at the top because we can customize this to have the color of our brand on it and it’s just, it’s very, simply clean and it converts.

Okay, so now what we want to do is we want to go in, and we want to explore the customization process of the Shopify theme. Listen, I am not a technical person. I am not good at building websites.

I am not an engineer. I’m not a programmer. I don’t know Html. I’m just a really good marketer, all right?

So, I was able to go in and do this myself and get through it with zero experience, and that’s another reason.

I always tell my students why I love Shopify is because I could come in and design an amazing looking, high converting store using their free theme and their simple drag and drop, click here, click their tools with zero technical know-how of coding and HTML and all that stuff.

So now that we’ve clicked the customize button, we now have full control to make this our own, right? So we could go in, and we can change the header, we could change the slideshow right here, that’s this big piece, this is a big old banner right here.

We have featured collections. So, if you have like featured sweatshirts or you have featured pillows or T-shirts or whatever it may be, you can feature those on your homepage.

You also can edit your slideshow, and then you can add some text down here at the bottom to tell a little bit about your store. Now what we’re gonna do is we’re going to make this bad boy look completely different than what you see right now, okay?

You also have general settings. Now, see up here, you have sections and general settings, sections, and general settings. In the general settings, you’re able to start customizing the colors of your store, the fonts that are being used, what your favorite con is, that’s the little logo that shows up in the tabs on Google Chrome or Firefox, Safari, Internet Explorer.

You can customize your shopping cart process, social media, pricing format, and the checkout process. It’s all here.

So let’s start first by choosing the colors. I’m going, being honest, I’m not fond of this like, I don’t know what color this is. So I change it. I love blues, and I like greens.

So I’m going to come up here to the primary content, and they’ve got a great little color picker right here, and I can just start choosing my color.

So the shop that we’re customizing right now is called The Bark Shop. I’m going to come over here, and I’m going to choose a nice color for it. So let’s just choose this like a greenish color.

And now our primary content, which is our text, links, primary buttons, is going to be a bluish color. So that’s going to be down here.

You could see everything now is this bluish, tealish color right here. All right. I like that because it really sticks out. And we’re going to match this navigation menu up here with that as well.

Our accents, our cart quantity, body background, all that stuff is customizable or review star colors. Now, down here is where we start playing around with the header.

So we’ve got our background, our text links, or cart button and our main menu background. So let’s go ahead and change the main menu background, okay. So I told you I wanted to match it to this color right here. I just think it looks good.

So, I’m going to come back up here to our color picker and see this little code here; I’m just going to copy that. So you can right-click and copy. Now we’re going to come down here to the main menu, and I’m going to paste it. Boom. All right, just like that.

Now if I come up here, now I’ve got this set up ready to go. It’s the color I want it to be, and it looks good. It sticks out much more. Then you can choose a style for your footer as well.

You could change all of that good stuff down here but I usually just leave that be in terms of what color the footer as and the text is. It’s not that big of a deal.

The main things I like to pay attention to are the link, so people can see that these are clickable. And of course my header. All right. So I’m going to go ahead and hit save, and now we’ve saved our changes.

Now, I’m going to be able to scroll backward and we can go over typography. Now with typography, we can choose what fonts we want to use.

By default it’s Roboto or Roboto, I don’t know how it’s pronounced. But we could just click on anything, and we can change these fonts. I’m not going to do this too much because I think it’s pretty basic.

You could change the size of the fonts, the navigation menu button styles, all of that is the stuff that you could change. Okay? You can capitalize on buttons; you can make them lower case, whatever you want.

So that being said, oh, by the way, look up here at the top right. You see where it says cart, so it’s in caps. If you don’t want it all in caps, then you click this button, and it’s not. But I would leave it in caps.

So this all looks good, there’s not much to do right there. Your favorite con, you just drag and drop an image that you would like and that image is going to display on the tabs in someone’s browser.

So if you have a logo or something, you can put that there. Your shopping cart also, you have a couple of options.

You have a drawer, and you have a modal, and you’ve got a page. So everyone has a different preference. I use a modal window, that’s like a little pop up that comes up when they click add to cart. And you’ll see that later on once we get products on here.

Right now we’re just kind of going through, and we’re messing with the basic settings.

You got your social media. So if you have social media accounts, all you have to do is type them in right here where it says Twitter, Facebook, Pinterest, Google Plus, Instagram. If you don’t have those set up yet, it’s totally fine.

You can come back and do this later. But I do want to show you kind of how it works.

So, I’ll just make something up, all right? So, you could come over here to Facebook, and they give you an example of what you’re looking for, what they’re looking for here.

So you type in your web address to your Facebook account, don’t put Shopify’s in there, anything like that.

They are going to make sure that on your website, on your store, it’s going to link to your Facebook page everywhere possible, right? And you can do Pinterest and Google and Instagram, so on and so forth.

So you just want to go fill in the ones that make sense for you. And of course, then you would want to add those with your, not with Shopify but with your actual social media and then click Save.

So once this is done, everywhere on your theme where it shares social media, it will put those links for you. So it’s very nice that that’s built-in because when you get followers on social media, it’s going to help your branding.

Pricing format, I just leave that alone. And then check out, you can go in, and you can add a custom logo to your checkout process. That’s when people start putting in their credit card number and their information.

So when we get a logo, we will come, and we will put our logo in, so as people are checking out, they see our logo. That always works out very nicely.

Coming down over here, let’s go back to sections and once we come over here to sections, you can kind of drag and drop the stuff, and you can reorder it.

You see how I’m dragging and dropping this and Shopify is basically zooming out and then showing me where I’m placing it. You don’t have to use all of the stuff right here.

So for instance, you might not have a slideshow as soon as you open up your store. You might not have some massive banner for sale or anything like that.

That’s fine. If you don’t, you just click on the slideshow, and you can delete the section, right?

Otherwise, you can add in multiple images, and you can upload those images, and it will slide through like a carousel-like this, and it will display all of your top deals and all of your options.

So in the future, once you have a bunch of stuff on sale, you may want to come back here and add in the slideshow, but for now, we’re going to delete that section, and you’ll see how it is gone, there is no slideshow.

What we have is our featured items right here. So our featured items and we have our featured collections down here.

So, you’ve got your collections; this could be our dog lover T-shirts, this could be our dog lovers sweaters, this could be our dog lover pillow covers. Yes, pillow covers, you’ll see that pretty soon. It’s crazy the print-on-demand stuff that you can sell is nuts.

If you’re not going to use all of these, you can make your homepage very simple, very basic. You can get rid of this stuff. Check this out. All you have to do is hit the delete section. You can delete this other slideshow.

I love just making mine mega-basic and just having a couple of things on the home page.

So you’ll notice now we’ve just got these two big images here which will kind of be featured products and then we’ve got one collection right here and then we have our footer down here.

And we can, of course, drag and drop, rearrange. We can add sections. So if we want to have another collection list or a featured collection, a slideshow, a video, it all can be added literally by just clicking this button right here. Then we can go ahead, and we can click save.

What we’ve done in this video is we’ve gotten rid of a lot of the stuff that we’re not going to use to make a very simple basic looking homepage.

And we can come back and edit this later if we please. The second thing we did is we changed up the main primary colors of our header.

Well, our navigation bar and then all of our links. Now we’re gonna come back to this, and as we add products to the store, you’re going to see that this is going to turn into a beautiful shop that looks very professional.

And if somebody lands on this store, they would have zero clues that I’m just some guy at my house that built this with a couple of clicks.

It’s going to look like, you know, it is a big brand. That’s what’s so cool about their platform; the Shopify platform makes it very simple.

It’s very simple. Go ahead, click around, set up your theme, choose your colors, choose your layout and get ready to go to the next video because we’re going to be building our logo.

How to undo and redo changes on Shopify

The “Undo” button can be used when you want to reverse an action you carried out, while the “redo” button is used to “Redo” an action you carried out, it used to add back a change that you undid. Can one Make Changes On Shopify Theme?

Just like when you are using a Microsoft package, click on the “Undo” button several times will continue to “Undo” your work. At the bottom of the “theme editor,” you can find the “Redo” and “Undo” icon.

You can click on the “Undo” icon to reverse the changes you have made, changes such as mistakenly deleting a section, reordering, adding, applying the wrong color, fonts and other settings can be reversed using the Undo button.

How to Choose a social media picture

Shopify allows you to share a link of your online store and any of your social media platform, a platform such as Pinterest, Facebook, Instagram, etc. a thumbnail image of your Shopify store can be displayed in your post.

How to show a featured product image

When you post your online store link to your social media, the feature product images for the page you shared will be shown on your social media; this occurs for all the free themes you use on Shopify.

For example, if you post a link of a product on your Shopify store to your social media, the link of that product and it’s image will be shown on your social media.

Although some page links on your Shopify store does not have a featured image such as your home page, your “About Us” page where only the image shared on the social media is shown.

How to do the settings of your social media image

for you to choose the product image to be linked to your social media.Go to your dashboard and click on the Shopify admin, then go to your “Online Store” then “Themes” scroll down to find the theme you wish to edit and click on the “Customize” button. Click on the “Theme settings” button and go to the “social media” bar.

Capture 20

A “Social Sharing Image” area will be seen; then you can select the product image you want to display on your social media platform and then click “Save.”

How to Update your images

You should know that on the Shopify platform when you use a free theme, Open Graph tags are the avenue used to link your online store information to your social media platform. Open Graph is used by social media such as Facebook, pinter estate, Twitter, LinkedIn, and others.

The information on Open Graph is managed by Facebook and stored for a specific number of days before you could check for any Updates. In case you change the product image of your social media, you can use the Facebook Sharing Debugger to refresh all pieces of information that are saved for your Shopify page links.

How to edit Theme code on your Shopify store

To make some informative and detailed changes to your Shopify store, you can edit your theme store to make it look better. Liquid (a Shopify template language) is usually the style that is made up of a theme Theme files can also be written in the HTML, Javascript and CSS codes.

Do not edit these codes except you have an understanding of the HTML or CSS code, and you also have a basic understanding of Liquid.

Before you customize your theme on your Shopify store, make sure you carry out the following steps :

Create a duplicate copy of your theme and have a backup copy. This allows you to discard any modifications made and start all over again in case you got the designs all wrong.

As discussed earlier, make sure you know the level of support made available to you.

Know the best practices and requirements before you upload your product images.

How to edit your theme code

You can edit the code of your theme if you have basic knowledge of coding. The following steps can assist you.

From the admin of your Shopify store, click on the “Online Store” and go to “Themes” then click on “Actions” where you will see the “Edit Code.”

In the “Code editor,” you will see the directory of theme files and a bar to view the theme and edit the file that can be found on the right. The code editor can be maximized to fit your device screen by clicking on the “expand” icon.

When you click on the “minimize” button or the “Collapse” button, you will return the page to normal.

When you click any file of the theme in the directory which is on the left, the code editor will be opened. Multiple files can be opened and edited at a go. Any file you have customized will show a purple dot next to the name of the file. This will help you know the files you have worked on.

If after you have clicked “Save” you still want to revert any changes you have made to a file, you can do that by opening the file and click on the “Older version” to open the older file.

Also, there is a drop-down menu, which will show you the date and time for each modification you have done and saved. Just select the version you wish to revert to, and click on the “Save” button.

Besides, when you maximize the screen of your code editor, you can modify the editor color and toggle between “Light” and “Dark” by clicking on the button below the page.

How to Get help with Customizations

In case you are stuck, and you need support in making changes to your theme, then you can contact your theme’s developer for support.

To see other available resources and materials that can assist you with theme customizations, you can visit the Additional resources for theme support.

How To Edit Your Theme Settings

Your themes can be edited to customize and modify your Shopify store to suit your needs and style, your stores content, layout, colors, and display can be altered.

Each of the available themes has its settings which are provided for it to allow you to change the outlook and style of your online store without the knowledge of coding.

Before you customize your theme, the following steps can assist you greatly.

  • Make sure you have a duplicate of your theme to have a backup copy. This will allow you to easily delete your modifications and start again if there is a need for that.
  • Make sure you understand your available level of support service provided for you.
  • Make sure you know the practices and requirements for uploading your images.

How to edit your theme settings

To edit your theme settings, go to your Shopify admin, go to Online Store, click on the “themes.”
You then select the theme you want to edit and click the “customize” button.

When you open the theme editor, you will notice that there are different types of pages with each having different theme sections, on the theme editor, settings of the homepage are displayed.

To access the settings of other pages other than the homepage, select the required page number from the drop-down menu from the bar at the top.

The theme editor tool is divided into two, the “sections” bar and the “theme settings.”

The “section” can be used to customize the themes’ layout, topography, the content of different pages on your Shopify store while the “theme settings” can be used to modify the fonts of your store, its colors, check out the bar, and even your links to your social media.

Capture 18

On the “sections” and “theme settings” you can learn more about how to edit sections and themes setting.

You can also find a detailed description of the “sections” and “settings themes” by checking out “free themes from Shopify and selecting the name of your theme if you are using a free theme from Shopify.

You can also get help on how to customize your theme by contacting your theme’s developer for support and visit the” additional resources for theme support ” to check other content available for you to assist you with the customization of your theme.

How to customize the ” Sections” and “theme settings.”

In the “theme editor” toolbar, you can find two icons; they are the “section” and the “Theme Settings” icon.

The “sections” are used to modify and change the layout and content of the different pages on your Shopify store. The “Theme Settings” can be used to change or modify the fonts and colors of your Shopify store, it can also be used to make changes to the links of your social media and the display of your “Checkout settings.”

Capture 19

Note, if you are using a free theme from Shopify, more explanations of the sections and settings can be found out by going to “free themes from Shopify and selecting the name of your themes.
Modify” Section ”

A section is the block of content that is designed in such a way that it determines the layout of your Shopify store, it can be customized. On each theme, there are two types:

  • The static sections and
  • The dynamic section

The static section

A static section is a particular location on your online Shopify store, this section can be edited, but it can neither be rearranged nor removed on each type of page you have on your online store, there is a different static section.

The dynamic sections

In this icon, dynamic sections that can be used to customize the layout of your page can be modified; it can be added, re-arranged, and removed. There is a distinct set of dynamic sections by each theme.

Capture 20

How to edit “static Sections.”

The content of the static sections can be edited by following the below steps ;

  • On your dashboard, go to your Shopify admin icon, click and go to your “online store” from there, you can then click on “themes.” scroll through to find the theme you want to modify and then click on “Customize.”
  • You will see a drop-down at the top bar; here you can select the page you wish to modify. Using this as an example, let’s assume you wish to edit the “product pages” on your store, all you need is to select the “product pages” from the drop-down menu.

Editing these sections can be carried out regardless of the page type you choose, this is because both the “Header and Footer” sections appear on every page chosen.

  • You can then click on the section that contains the icons you want to edit, then make modifications that suit your needs.
  • Then click on “Save.”

How to add dynamic sections to your home page

Shopify grants you the opportunity of having up to 25 dynamic sections on your homepage. If you want to add a dynamic section to your homepage,

It should be noted that when an image is added to the “section,” the image automatically goes to the “Files section” of the admin. An uploaded image can then be re-added in other sections or other pages of your Shopify store.

How to rearrange dynamic sections

The following steps will guide you through the process of rearranging dynamic sections:

• From the admin of your Shopify dashboard, go to “online” and then the “themes.”
• Search through the theme you want to edit and click on the “Customize” button
• Placing your cursor on the section that you want to move, right-click and drag the section to your desired place.

How to hide dynamic sections

Sometimes you might not want a section to display on the homepage of your online store; these sections can be hidden, especially sections that are unfinished or ready to be published.

For example, you might have created a slideshow for a new product, but you are not yet ready to start selling the product, this type of product can be hidden till you are ready to start selling.

Also, you might have created a section that advertises a product discount according to the season, if the season has passed or it’s not yet time, you can hide this section until the season comes by and the discount becomes active.

How to hide a dynamic section :

On the admin page of your Shopify dashboard, from the Shopify admin, go to your “Online Store” then go to “Theme.”
Search through the theme that you want to edit and then click on the “Customize” button

To hide the dynamic section, in the theme editor toolbar, an “eye” icon is presented, click on the “eye” icon to hide, when the section becomes hidden, a slash line shows on the eye.

To show an already hidden section click on the slashed eye again .

How to remove dynamic sections

Content can be removed from the “dynamic section,” or you can delete a “dynamic section” from the homepage. When you remove content, the section content will be completely deleted, but nothing will be removed from your content.

Also note that if you remove a product or collection of a block from a section, that collection of the product will still be saved in your Shopify admin.

For example, if you delete the image of a product from your section, such an image can still be re-added.

How to remove content from your dynamic section

To delete content from your dynamic section, follow the simple steps below;
From the admin of your Shopify store, click on the “online store” and go to “themes.”
Scroll down and find the theme that you wish to edit and click on the “Customize” button.
Click on the “section” which has the content you want to delete.

In the “Content” section, click on the content that you want to delete from the can click on the “Delete content” button, where you have a content type like (collection logo or image).

How to delete a dynamic section

To delete a dynamic section from your Shopify store,
Right on the Shopify admin, after going to the “Online Store” and clicking on “Themes.”

You find the theme you wish to edit and click on the “Customize” button.

While on the “theme editor” toolbar, you can click on the “Section” that you want to delete and click on the “Delete Section” below the toolbar.

It’s my belief you learn something about Shopify Theme Settings? Share this post to help someone who was wondering how to configure Shopify Theme Settings.