{"id":17286,"date":"2023-07-11T04:34:14","date_gmt":"2023-07-11T08:34:14","guid":{"rendered":"https:\/\/onecommerce.io\/blog\/?p=17286"},"modified":"2023-08-28T11:47:31","modified_gmt":"2023-08-28T15:47:31","slug":"custom-shopify-themes","status":"publish","type":"post","link":"https:\/\/onecommerce.io\/blog\/2023\/07\/11\/custom-shopify-themes\/","title":{"rendered":"Custom Shopify Themes: A Comprehensive No-Coding Guide (2023)"},"content":{"rendered":"<p>If you constantly pay attention to the theme of your Shopify storefront, chances are you want to customize it yourself or even build it from scratch.<\/p>\n<p>In this blog, we\u2019ll walk you through the fundamentals of<strong>\u00a0custom Shopify themes<\/strong> to do just that.\u00a0 And you don\u2019t need any coding experience for this. Interesting?<\/p>\n<p>Let\u2019s dive in!<\/p>\n<table style=\"width: 100%; border-collapse: collapse; background-color: #f5f5f5;\">\n<tbody>\n<tr>\n<td style=\"width: 743.785px;\"><strong>\ud83d\udca1 Recommend reading:<\/strong><\/p>\n<ul>\n<li><a href=\"https:\/\/onecommerce.io\/blog\/how-to-add-video-to-shopify-homepage\/\" target=\"_blank\" rel=\"noopener\" data-schema-attribute=\"\">How to Add Video to Shopify Homepage \u2013 Easy Guide<\/a><\/li>\n<li><a href=\"https:\/\/onecommerce.io\/blog\/shopify-landing-page\/\" target=\"_blank\" rel=\"noopener\" data-schema-attribute=\"\">How To Build Shopify Landing Page That Convert?<\/a><\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>Shopify Theme Overview<\/h2>\n<h3>1. What is a Shopify theme?<\/h3>\n<blockquote><p><em><strong>A Shopify theme is a pre-made framework that defines the look and feel of your Shopify store.<\/strong><\/em><\/p><\/blockquote>\n<p>At its core, <strong>a well-chosen theme will make the great appearance and soul of your storefront<\/strong>. It manifests your brand\u2019s nuance and affects the user experience of your online store as well.<\/p>\n<p>Not to mention, it is one of the most <strong>essential factors in <a href=\"https:\/\/onecommerce.io\/blog\/how-to-set-up-shopify-store\/\" target=\"_blank\" rel=\"noopener\" data-schema-attribute=\"\">setting up your Shopify store<\/a>!<\/strong><\/p>\n<div class=\"penci_video_shortcode video-align-center\" style=\"max-width: 1200px\">\n<div class=\"yt-video-place embed-responsive embed-responsive-4by3\" data-yt-url=\"https:\/\/www.youtube.com\/embed\/ap6dzKItia8?rel=0&#038;showinfo=0\"><img src=\"data:image\/svg+xml,%3Csvg%20xmlns=&#039;http:\/\/www.w3.org\/2000\/svg&#039;%20viewBox=&#039;0%200%201170%20658&#039;%3E%3C\/svg%3E\" data-src=\"https:\/\/i.ytimg.com\/vi\/ap6dzKItia8\/maxresdefault.jpg\" class=\" penci-lazy play-yt-video\" async alt=\"\" title=\"\"><a class=\"start-video\"><img width=\"68\" height=\"48\" src=\"data:image\/svg+xml,%3Csvg%20xmlns=&#039;http:\/\/www.w3.org\/2000\/svg&#039;%20viewBox=&#039;0%200%2068%2048&#039;%3E%3C\/svg%3E\" data-src=\"https:\/\/onecommerce.io\/blog\/wp-content\/plugins\/penci-shortcodes\/pagespeed\/assets\/play-btn.png\" class=\" penci-lazy \" alt=\"\" title=\"\"><\/a><\/div>\n<\/div>\n<p>There are thousands of Shopify themes with different styles, layouts, and functionality for every industry today. Scrolling through <a href=\"https:\/\/themes.shopify.com\/\" target=\"_blank\" rel=\"nofollow noopener\" data-schema-attribute=\"\">Shopify Theme Store<\/a> might even inspire you for your custom Shopify themes!<\/p>\n<p>Whether you\u2019re looking for a new theme or want to tweak your existing one, it\u2019s all within the Shopify ecosystem.<\/p>\n<h3>2. &#8220;Can I create my own custom Shopify themes?&#8221;<\/h3>\n<p><strong>Yes, you surely can!<\/strong><\/p>\n<p>Creating your own Shopify theme might require significant time and effort. But once you\u2019ve done it right, it will pay off, thanks to these three benefits:<\/p>\n<ul class=\"penci_list_shortcode penci_list-starlist\">\n<li><strong>Complete control:<\/strong>\u00a0You can choose your colors, fonts, and layout. You\u2019re in charge of the overall look and feel of your theme.<\/li>\n<li><strong>Scalability:<\/strong>\u00a0You can scale your theme to fit your store regardless of size. It\u2019s also a bonus point when you need to grow the store without changing the theme.<\/li>\n<li><strong>Uniqueness:<\/strong>\u00a0Your theme will be one-of-a-kind under your design work. That helps you stand out from the competition and bears a strong branding image in the minds of your customers.<\/li>\n<\/ul>\n<p>To create your theme, note that <strong>Shopify themes are built using <a href=\"https:\/\/onecommerce.io\/blog\/what-is-shopify-liquid\/\" target=\"_blank\" rel=\"noopener\" data-schema-attribute=\"\">Shopify Liquid<\/a><\/strong>, a templating language designed for Shopify only. It\u2019s the foundation of Shopify themes, for which heavy content can be loaded on this large-scale eCommerce platform.<\/p>\n<p>But as a non-coder, you might not be familiar with Liquid or web development. Rest assured. Shopify has tons of resources available to help with your learning.<\/p>\n<p>Take your theme development skills to the next level with\u00a0<a href=\"https:\/\/www.shopify.com\/partners\/guides\/learning-liquid\" target=\"_blank\" rel=\"noopener\" data-schema-attribute=\"\">Shopify\u2019s Liquid Learning Guide<\/a>. Otherwise, getting help from a Shopify theme developer is a good idea.<\/p>\n<p>However, the good news is \u2014 <strong>learning Liquid isn\u2019t the only way!<\/strong><\/p>\n<p>You can create and edit custom Shopify themes differently without HTML\/CSS know-how. At the bottom of this page, we\u2019ll guide you to do that with Shopify Theme Editor and other third-party tools. Stay tuned!<\/p>\n<p><a href=\"https:\/\/go.onecommerce.io\/3XMff\" target=\"_blank\" rel=\"noopener\" data-schema-attribute=\"\"><img class=\"aligncenter wp-image-16599\" src=\"https:\/\/onecommerce.io\/blog\/wp-content\/uploads\/2023\/05\/shopify-free-trial-3-months-e1685608546575.png\" alt=\"shopify free trial\" width=\"500\" height=\"250\" title=\"\"><\/a><\/p>\n<h3>3. &#8220;Can I switch from my existing theme?&#8221;<\/h3>\n<p><strong>The short answer is yes!<\/strong><\/p>\n<p>Switching themes can give your store a whole new vibe. It\u2019s usually essential when the store needs to be expanded or optimized.<\/p>\n<p>Here\u2019s how you switch your existing theme in Shopify.<\/p>\n<ol>\n<li>Go to\u00a0<strong>Online Store<\/strong> &gt; <strong>Themes<\/strong>\u00a0in your Shopify Admin.<\/li>\n<li>Click\u00a0<strong>Add Theme<\/strong>\u00a0to add a new theme to your theme library. You can skip this step if there\u2019s already a theme you want to switch to.<\/li>\n<li>Click\u00a0<strong>Publish<\/strong>\u00a0to switch.<\/li>\n<\/ol>\n<div id=\"attachment_17292\" style=\"width: 1210px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-17292\" class=\"wp-image-17292 size-full\" src=\"https:\/\/onecommerce.io\/blog\/wp-content\/uploads\/2023\/07\/switch-Shopify-themes.png\" alt=\"Steps to switch themes in Shopify to design custom Shopify themes\" width=\"1200\" height=\"558\" title=\"\"><p id=\"caption-attachment-17292\" class=\"wp-caption-text\">Steps to switch themes in Shopify<\/p><\/div>\n<p>Usually, merchants have built multiple options in their theme library before even thinking of switching from their current theme. They might also do their previewing and testing many times before launching the theme.<\/p>\n<table style=\"width: 100%; border-collapse: collapse; background-color: #f5f5f5; height: 131px;\">\n<tbody>\n<tr style=\"height: 131px;\">\n<td style=\"width: 743.785px; height: 131px;\"><strong>\ud83d\udca1 Important note: <\/strong><\/p>\n<p>Once you\u2019ve replaced your current Shopify theme with the new one,<strong> it will instantly go live and appear on the storefront. <\/strong>Your customers will be able to view the new theme right away.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>For this reason, we suggest that you have good preparation beforehand. This will prevent you from making any unwanted mistakes. Remember to customize and check your new theme thoroughly until it\u2019s ready to be switched.<\/p>\n<p>Suppose you want to switch to an original theme with zero customization. Research and thoroughly test it before publishing it.<\/p>\n<p>Specifically, read the theme\u2019s documentation, look at its demos, test it on a staging environment, and get feedback from others.<\/p>\n<p>On a side note,\u00a0keep these things in mind\u00a0when switching custom Shopify themes:<\/p>\n<ul>\n<li>You <strong>can not transfer any customizations you have made<\/strong> on your previous theme to the new one.<\/li>\n<li>Have a<strong> backup of your previous theme<\/strong> before switching in case you want to revert to it later.<\/li>\n<li><strong>Update any custom code<\/strong> to work with the new theme.<\/li>\n<li>Again,<strong> test it before deploying it<\/strong> to your store. Ensure your products, pages, and other content blocks are displayed correctly.<\/li>\n<li><strong>Theme switching can take some time<\/strong>, so your store may be down for some time.<\/li>\n<\/ul>\n<h2>The Basics to Know Before Creating Custom Shopify Themes<\/h2>\n<p>Making custom Shopify themes yourself could be daunting if you\u2019re unfamiliar with the need-to-know basics.<\/p>\n<p>In the previous section, we talked about Liquid. But understanding just that is unfortunately not enough.<\/p>\n<p>Knowing these three essential web-based tools will simplify your work on a custom Shopify theme. They are:<\/p>\n<ul>\n<li><strong>Shopify CLI<\/strong> (Command Line Interface)<\/li>\n<li><strong>Dawn<\/strong> (Shopify\u2019s reference theme)<\/li>\n<li><strong>Shopify GitHub Integration<\/strong><\/li>\n<\/ul>\n<p>Let\u2019s dig into their details.<\/p>\n<h3>1. Shopify CLI<\/h3>\n<blockquote><p><em><strong>Shopify CLI is a command-line tool used to create, deploy, and manage Shopify themes<\/strong><\/em>. Simply put, it tells Shopify what to do.<\/p><\/blockquote>\n<p>Shopify CLI is important for non-coders because it enables them to create themes without looking at eye-hurting codes.<\/p>\n<p>With CLI, you\u2019ll see <strong>commands in the form of text<\/strong>. That means you can ask Shopify to change your theme more quickly and easily.<\/p>\n<p>CLI accelerates your Shopify theme development process by:<\/p>\n<ul>\n<li><strong>Allowing a preview of your theme changes:<\/strong> this helps you to view the changes in a safe environment before the theme goes to your live store. With previews, you will be able to identify and fix any problems right away;<\/li>\n<li><strong>Providing hot reload CSS and section changes:<\/strong> that\u2019s for when you want to see the changes you make to your theme files in real time;<\/li>\n<li><strong>Initializing a new theme with Dawn:<\/strong> a reference theme made easy to customize. (<em>We\u2019ll dive more into this later on<\/em>)<\/li>\n<li><strong>Publishing themes from the command line;<\/strong><\/li>\n<li><strong>Running on multiple themes in different environments:<\/strong> CLI keeps your custom Shopify themes organized and out of conflicts between them;<\/li>\n<li><strong>Enabling a set of checks on your theme:<\/strong> this ensures it\u2019s compliant with Shopify\u2019s theme guidelines.<\/li>\n<\/ul>\n<p>Shopify CLI saves you a lot of time and effort when creating a custom Shopify theme. Install it on your machine, and no complexity will be left in your theme-building process.<\/p>\n<h3>2. Dawn theme<\/h3>\n<p>Let\u2019s get back to Dawn. <strong>This is a reference theme on Shopify<\/strong>, meaning it\u2019s the starting theme on the platform. And <strong>it\u2019s free<\/strong>.<\/p>\n<p>You can start with the Dawn theme when crafting your custom Shopify themes. It\u2019s a great starting point for creating a striking and functional theme for your store.<\/p>\n<p>Dawn has a flexible layout, responsive design on all devices, modern flair, and a well-documented codebase. Believe it or not, those features speak volumes of a Shopify store that rocks.<\/p>\n<div id=\"attachment_17339\" style=\"width: 1210px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-17339\" class=\"wp-image-17339 size-full\" src=\"https:\/\/onecommerce.io\/blog\/wp-content\/uploads\/2023\/07\/shopify-themes-reference-Dawn.jpg\" alt=\"Dawn - Shopify&#039;s reference theme\" width=\"1200\" height=\"822\" title=\"\"><p id=\"caption-attachment-17339\" class=\"wp-caption-text\">Dawn &#8211; Shopify&#8217;s reference theme<\/p><\/div>\n<p>All you need to do is<strong> make a copy of Dawn into your version<\/strong> and start making changes using Shopify CLI. Remember to rename your version of Dawn to distinguish it from the original one.<\/p>\n<p>At this point, the change you\u2019ve made will automatically go into a library file called GitHub repository.<\/p>\n<h3>3. GitHub integration<\/h3>\n<p>GitHub allows you to <strong>host your theme files<\/strong> and<strong> track changes<\/strong> to your custom Shopify themes.<\/p>\n<p>With Shopify GitHub integration, you can deploy the newly created theme (or repository) to your Shopify store. But first, you have to connect your GitHub account to your Shopify store.<\/p>\n<h3>4. Theme development workflow<\/h3>\n<p>Many choose the GitHub workflow instead of the Shopify admin panel when customizing their theme because the former offers better version control.<\/p>\n<p>GitHub helps you <strong>track changes over time with a sufficient backup and history<\/strong>.<\/p>\n<p>However, since every tweak you make in your GitHub repository will go live, you might want to be more careful. Make sure to preview your custom Shopify themes before entering the GitHub integration stage.<\/p>\n<h2>How to Build Custom Shopify Themes From Scratch<\/h2>\n<p>Now you\u2019ve known the essentials of creating custom Shopify themes. It\u2019s time to make a real effort and create your unique piece from scratch.<\/p>\n<p>We will show you how to do it with just two simple methods. Once again, <strong>no coding is required<\/strong>. Scroll on!<\/p>\n<h3>1. Use Shopify Theme Editor<\/h3>\n<p>Suppose you start with Dawn as it manifests your brand&#8217;s basic look and feel. Then, head to the <strong>Theme Editor<\/strong> in your Shopify admin to make your desired customizations.<\/p>\n<blockquote><p><em><strong>A Shopify Theme Editor <\/strong>is a <strong>web-based tool<\/strong> that lets you<strong> make changes to your theme settings<\/strong>.<\/em> You can edit, rearrange content, and preview your theme. Every tweak will happen in real-time.<\/p><\/blockquote>\n<p>Recognize the modular sections and blocks of your theme functionality to make your custom Shopify themes more seamless and practical. These layout factors can decide how your storefront will impress visitors and increase conversion rates.<\/p>\n<p>While redesigning your theme, considering these factors can also spark creativity and speed up your theme-editing work.<\/p>\n<p>Next, here\u2019s how to leverage the Shopify theme editor for your custom Shopify themes building:<\/p>\n<h4>1.1. Access the Shopify Theme Editor<\/h4>\n<p>Here\u2019s how to enter the theme editor and begin your customization:<\/p>\n<ul>\n<li>Go to<strong>\u00a0Online Store<\/strong>\u00a0&gt;<strong>\u00a0Themes<\/strong>\u00a0from the Shopify Admin.<\/li>\n<li>Find the theme and click\u00a0<strong>Customize<\/strong>\u00a0to kick-start your editing.<\/li>\n<\/ul>\n<div id=\"attachment_17287\" style=\"width: 1210px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-17287\" class=\"wp-image-17287 size-full\" src=\"https:\/\/onecommerce.io\/blog\/wp-content\/uploads\/2023\/07\/access-Shopify-theme-editor.png\" alt=\"Steps to access Shopify Theme editor to design custom Shopify themes\" width=\"1200\" height=\"653\" title=\"\"><p id=\"caption-attachment-17287\" class=\"wp-caption-text\">Steps to access the Shopify Theme editor<\/p><\/div>\n<p>In the theme editor, you\u2019ll immediately detect a tree view on the left sidebar. It includes three main parts of a Shopify storefront: <strong>Header, Template,<\/strong> and <strong>Footer<\/strong>.<\/p>\n<div id=\"attachment_17289\" style=\"width: 1210px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-17289\" class=\"wp-image-17289 size-full\" src=\"https:\/\/onecommerce.io\/blog\/wp-content\/uploads\/2023\/07\/shopify-navigation-sidebar.png\" alt=\"Header, Template, and Footer on the Shopify navigation sidebar\" width=\"1200\" height=\"558\" title=\"\"><p id=\"caption-attachment-17289\" class=\"wp-caption-text\">Header, Template, and Footer on the Shopify navigation sidebar<\/p><\/div>\n<p>This sidebar is where to view your settings and navigation. It displays outlined elements, blocks, and sections you\u2019ve added to the page. This will give you a more comprehensive picture of what\u2019s currently on your theme.<\/p>\n<h4>1.2. Activate Preview Inspector<\/h4>\n<p><strong>Preview Inspector<\/strong> is a new feature on Shopify that will save you hundreds of hours of theme-creating. It allows you to make any possible tweaks to your online store in the preview window.<\/p>\n<p>That means you can\u00a0navigate, add, remove, and edit blocks, sections, and other elements while ensuring your live store looks as expected.<\/p>\n<div id=\"attachment_17309\" style=\"width: 1210px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-17309\" class=\"wp-image-17309 size-full\" src=\"https:\/\/onecommerce.io\/blog\/wp-content\/uploads\/2023\/07\/preview-inspector-button.png\" alt=\"Preview inspector button in Shopify Theme Editor\" width=\"1200\" height=\"597\" title=\"\"><p id=\"caption-attachment-17309\" class=\"wp-caption-text\">How to activate the Preview mode in the Shopify Theme Editor<\/p><\/div>\n<p>It\u2019s even more convenient that every section or block clicked will load its corresponding settings on the right sidebar.<\/p>\n<p>One noteworthy piece of information: besides the left sidebar, the right sidebar is another mode to help merchants use their screen space.<\/p>\n<ul>\n<li>If you have a <strong>wider-than-1600-pixel screen<\/strong> that supports an expanded browser window, you\u2019ll have the <strong>setting panel on the right side<\/strong> of your screen.<\/li>\n<li>If you prefer the <strong>single sidebar mode, narrow your browser window<\/strong> until the setting panel is no longer on the right. Instead, it moves over the top of the navigation sidebar on the left.<\/li>\n<\/ul>\n<h4>1.3. Make use of the theme editor\u2019s editing features<\/h4>\n<p>Theme Editor has the most basic features to help you edit their custom Shopify themes more effortlessly. Though, we would say \u201cpractice makes perfect\u201d. Therefore, to help you familiarize yourself with the process, here is a brief introduction to its features to warm you up:<\/p>\n<ul>\n<li><strong>Adding\/removing sections and blocks:<\/strong> Spot the\u00a0<strong>Add section\u00a0<\/strong>button at the top or bottom of the selected section. Likewise, hover over a block to see the\u00a0<strong>Add block<\/strong>\u00a0button. To delete a section or block, click the\u00a0<strong>Remove<\/strong> button\u00a0in the section settings.<\/li>\n<li><strong>Other preview inspector tools:<\/strong> They include moving to the next\/previous position, duplicating, and hiding sections or blocks.<\/li>\n<li><strong>Templates:<\/strong> There are a variety of templates available from your current theme. All of them are accessible from the\u00a0page selector\u00a0in the theme editor\u2019s top bar. If you want to make a new template from scratch, click\u00a0<strong>New template<\/strong>\u00a0and make sure you&#8217;re using an\u00a0<a href=\"https:\/\/onecommerce.io\/blog\/shopify-online-store-2-0\/\" target=\"_blank\" rel=\"noopener\" data-schema-attribute=\"\">Online Store 2.0 theme<\/a>.<\/li>\n<li><strong>Previewing templates:<\/strong> Now you can preview any template with specific resources in your store. For example, you can test a product template with any product in the store. That means no longer going back and forth between tabs on the browser.<\/li>\n<\/ul>\n<p>That\u2019s how you use the prime editing features from the theme editor to make custom Shopify themes.<\/p>\n<p>It\u2019s best to jot down the necessary changes previously and how each can benefit your\u00a0<a href=\"https:\/\/onecommerce.io\/blog\/how-to-increase-sales-on-shopify\/\" target=\"_blank\" rel=\"noopener\" data-schema-attribute=\"\">Shopify sales strategies<\/a>. Pre-planning is key!<\/p>\n<h3>2. Use third-party page builder apps<\/h3>\n<blockquote><p><em><strong>A drag-and-drop page builder<\/strong><\/em> enables you to design websites from a pre-made template by simply <em><strong>dragging and dropping elements onto the page<\/strong><\/em>.<\/p><\/blockquote>\n<p>This is another hassle-free way to build a custom Shopify theme. However, most of these third-party apps are built more advanced than the basic theme editor in Shopify.<\/p>\n<p>That\u2019s why you\u2019ll need one to reskin your online business into a sophisticated store with endless flexibility and powerful elements.<\/p>\n<p>For years, the\u00a0<a href=\"https:\/\/onecommerce.io\/blog\/shopify-page-builder\/\" target=\"_blank\" rel=\"noopener\" data-schema-attribute=\"\">best page builders<\/a>\u00a0like GemPages, PageFLy, and Shogun have stepped into the game and eased the job of thousands of merchants worldwide.<\/p>\n<p>Once you&#8217;ve installed these apps, you can go in immediately and build custom Shopify themes from scratch. Based on what you\u2019ve outlined for your storefront\u2019s UX and UI, you can create new sections and blocks, add and shift elements, adjust colors and text size, update content, etc.<\/p>\n<p>Different page builders might come with different user interfaces, but the navigation to use them for all is mostly the same.<\/p>\n<p>Overall, the benefits of using a Shopify page builder include:<\/p>\n<ul>\n<li>No longer stick to default themes that don\u2019t fit with your brand vision or aesthetic taste;<\/li>\n<li>Store\u2019s landing pages can go live faster than your competition;<\/li>\n<li>Most third-party page builders come with trendy elements of diverse functions;<\/li>\n<li>It\u2019s a cost-effective option since you don\u2019t need to hire web developers to help you with every store update;<\/li>\n<li>Straightforward drag-and-drop features that are tailored to your specific needs;<\/li>\n<\/ul>\n<p>Don&#8217;t hesitate! It\u2019s time to upgrade your eCommerce business to the next level with your custom Shopify themes.<\/p>\n<p><a href=\"https:\/\/go.onecommerce.io\/3XMff\" target=\"_blank\" rel=\"noopener\" data-schema-attribute=\"\"><img class=\"aligncenter wp-image-16599\" src=\"https:\/\/onecommerce.io\/blog\/wp-content\/uploads\/2023\/05\/shopify-free-trial-3-months-e1685608546575.png\" alt=\"shopify free trial\" width=\"500\" height=\"250\" title=\"\"><\/a><\/p>\n<h2>Final Words<\/h2>\n<p>It\u2019s all possible for you to create <strong>custom Shopify themes\u00a0<\/strong>with no prior coding experience. We\u2019ve shown you how to do it fabulously with the Shopify theme editor and third-party page builders. And no need to learn Liquid or any coding knowledge!<\/p>\n<p>With that said, take a look at what Shopify CLI, the Dawn theme, and GitHub integration are. They are free tools and the foundation of Shopify themes. Understanding their basics might spark ideas about what\u2019s better for your theme-building.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you constantly pay attention to the theme of your Shopify storefront, chances are you&hellip;<\/p>\n","protected":false},"author":29,"featured_media":17338,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[843,3],"tags":[717,93,653],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/onecommerce.io\/blog\/wp-json\/wp\/v2\/posts\/17286"}],"collection":[{"href":"https:\/\/onecommerce.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/onecommerce.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/onecommerce.io\/blog\/wp-json\/wp\/v2\/users\/29"}],"replies":[{"embeddable":true,"href":"https:\/\/onecommerce.io\/blog\/wp-json\/wp\/v2\/comments?post=17286"}],"version-history":[{"count":41,"href":"https:\/\/onecommerce.io\/blog\/wp-json\/wp\/v2\/posts\/17286\/revisions"}],"predecessor-version":[{"id":19244,"href":"https:\/\/onecommerce.io\/blog\/wp-json\/wp\/v2\/posts\/17286\/revisions\/19244"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/onecommerce.io\/blog\/wp-json\/wp\/v2\/media\/17338"}],"wp:attachment":[{"href":"https:\/\/onecommerce.io\/blog\/wp-json\/wp\/v2\/media?parent=17286"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/onecommerce.io\/blog\/wp-json\/wp\/v2\/categories?post=17286"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/onecommerce.io\/blog\/wp-json\/wp\/v2\/tags?post=17286"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}