CINXE.COM

<!DOCTYPE html><html lang="en-HK"><head><title>Shopify Theme Development | Ecommerce tips & how tos - Shopify Hong Kong SAR</title><meta charSet="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="description" content="Read posts about Shopify Theme Development on Ecommerce Marketing Blog - Ecommerce News, Online Store Tips & More. Interact with a community of savvy online store owners."/><meta property="fb:pages" content="20409006880"/><meta property="fb:app_id" content="847460188612391"/><meta property="og:type" content="website"/><meta property="og:site_name" content="Shopify"/><meta property="og:title" content="Shopify Theme Development | Ecommerce tips & how tos - Shopify Hong Kong SAR"/><meta property="og:description" content="Read posts about Shopify Theme Development on Ecommerce Marketing Blog - Ecommerce News, Online Store Tips & More. Interact with a community of savvy online store owners."/><meta property="og:image" content="https://cdn.shopify.com/shopifycloud/brochure/assets/shared/social-image-default-large-57a90e6a8ae96f7277e9664ebfede1f143995ce7663119c832f9a7d4dd51f7e1.png"/><meta property="twitter:image" content="https://cdn.shopify.com/shopifycloud/brochure/assets/shared/social-image-default-large-57a90e6a8ae96f7277e9664ebfede1f143995ce7663119c832f9a7d4dd51f7e1.png"/><meta property="og:url" content="https://www.shopify.com/hk-en/partners/blog/topics/shopify-theme-development"/><meta property="twitter:card" content="summary_large_image"/><meta property="twitter:site" content="Shopify"/><meta property="twitter:account_id" content="17136315"/><meta property="twitter:title" content="Shopify Theme Development | Ecommerce tips & how tos - Shopify Hong Kong SAR"/><meta property="twitter:description" content="Read posts about Shopify Theme Development on Ecommerce Marketing Blog - Ecommerce News, Online Store Tips & More. Interact with a community of savvy online store owners."/><link rel="stylesheet" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/brochureV2-KlAACrfS.css"/><link rel="stylesheet" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/PageLayout-D6GQZq01.css"/><link rel="preload" as="font" crossorigin="anonymous" type="font/woff2" href="https://cdn.shopify.com/b/shopify-brochure2-assets/5949cd393a8375a896fd0a9b74307666.woff2"/><link rel="stylesheet" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/blog-DokjOWai.css"/><link rel="icon" href="https://cdn.shopify.com/shopifycloud/web/assets/v1/favicon-default-6cbad9de243dbae3.ico" type="image/x-icon"/><link rel="apple-touch-icon" href="https://cdn.shopify.com/b/shopify-brochure2-assets/c97c60ca19c64a8b5378d9f9e971f7bd.png"/><link rel="apple-touch-icon" sizes="120x120" href="https://cdn.shopify.com/b/shopify-brochure2-assets/c97c60ca19c64a8b5378d9f9e971f7bd.png"/><link rel="apple-touch-icon" sizes="114x114" href="https://cdn.shopify.com/b/shopify-brochure2-assets/b13486e5693b246af63c66ab047a6b6b.png"/><link rel="apple-touch-icon" sizes="72x72" href="https://cdn.shopify.com/b/shopify-brochure2-assets/8734d76c98437c8ae8a628bbeed3750a.png"/><link rel="apple-touch-icon" sizes="57x57" href="https://cdn.shopify.com/b/shopify-brochure2-assets/193f18e4855704ef1716dc0cd750c1ee.png"/><link rel="canonical" href="https://www.shopify.com/hk-en/partners/blog/topics/shopify-theme-development"/><link href="https://cdn.shopify.com" rel="preconnect"/><link href="https://gtm.shopify.com" rel="preconnect"/><link href="https://www.googletagmanager.com" rel="preconnect"/><link href="https://www.shopify.com/au/partners/blog/topics/shopify-theme-development" hrefLang="en-AU" rel="alternate"/><link href="https://www.shopify.com/ca/partners/blog/topics/shopify-theme-development" hrefLang="en-CA" rel="alternate"/><link href="https://www.shopify.com/hk-en/partners/blog/topics/shopify-theme-development" hrefLang="en-HK" rel="alternate"/><link href="https://www.shopify.com/in/partners/blog/topics/shopify-theme-development" hrefLang="en-IN" rel="alternate"/><link href="https://www.shopify.com/id/partners/blog/topics/shopify-theme-development" hrefLang="en-ID" rel="alternate"/><link href="https://www.shopify.com/ie/partners/blog/topics/shopify-theme-development" hrefLang="en-IE" rel="alternate"/><link href="https://www.shopify.com/my/partners/blog/topics/shopify-theme-development" hrefLang="en-MY" rel="alternate"/><link href="https://www.shopify.com/nz/partners/blog/topics/shopify-theme-development" hrefLang="en-NZ" rel="alternate"/><link href="https://www.shopify.com/ng/partners/blog/topics/shopify-theme-development" hrefLang="en-NG" rel="alternate"/><link href="https://www.shopify.com/ph/partners/blog/topics/shopify-theme-development" hrefLang="en-PH" rel="alternate"/><link href="https://www.shopify.com/sg/partners/blog/topics/shopify-theme-development" hrefLang="en-SG" rel="alternate"/><link href="https://www.shopify.com/za/partners/blog/topics/shopify-theme-development" hrefLang="en-ZA" rel="alternate"/><link href="https://www.shopify.com/uk/partners/blog/topics/shopify-theme-development" hrefLang="en-GB" rel="alternate"/><link href="https://www.shopify.com/partners/blog/topics/shopify-theme-development" hrefLang="en" rel="alternate"/></head><body class="overscroll-y-none"><div class="absolute top-2 left-2 z-[100] pointer-events-none"><a href="#main" class="inline-block self-center overflow-hidden max-w-full px-button-px py-button-py ring-inset rounded-button text-button-size font-button-font font-button-weight tracking-button-tracking focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-state-focus focus-visible:outline border-2 text-button-dark-primary-text bg-button-dark-primary-bg border-button-dark-primary-border ring-button-dark-primary-border hover:text-button-dark-primary-text-hover hover:bg-button-dark-primary-bg-hover hover:border-button-dark-primary-border-hover hover:ring-button-dark-primary-border-hover focus:text-button-dark-primary-text-focus focus:bg-button-dark-primary-bg-focus focus:border-button-dark-primary-border-focus focus:ring-button-dark-primary-border-focus active:text-button-dark-primary-text-active active:bg-button-dark-primary-bg-active active:border-button-dark-primary-border-active active:ring-button-dark-primary-border-active disabled:text-button-dark-primary-text-disabled disabled:bg-button-dark-primary-bg-disabled disabled:border-button-dark-primary-border-disabled disabled:ring-button-dark-primary-border-disabled transition-transform duration-300 translate-y-[-200%] motion-reduce:transition-none focus:translate-y-0" data-component-name="button" data-mode="dark" target="">Skip to Content</a></div><div class="relative"><header class="font-sans absolute h-full w-full pointer-events-none z-50" data-component-name="global-nav" data-viewable-component="true" data-has-secondary-navigation="true"><div class="after:absolute after:top-0 after:left-0 after:will-change-[opacity] after:pointer-events-none after:h-full after:w-full after:z-10 after:transition-opacity after:duration-200 w-full z-50 after:bg-white text-black after:opacity-100 -top-global-header pointer-events-auto sticky"><div class="h-global-header px-margin xl:px-auto-xl flex items-center z-20 relative"><div class="w-[150px] sm:w-[217px] mt-0 sm:mr-12 shrink-0"><a href="/hk-en/partners" data-component-name="partners-logo" aria-label="Shopify partners logo"><svg viewBox="0 0 200 32" fill="none" xmlns="http://www.w3.org/2000/svg" class="max-w-full"><path d="M117.923 31.189H116.694L119.399 17.2375C119.699 15.6754 119.918 14.221 120.109 12.9282H121.284L120.847 15.7023H120.902C122.158 13.79 123.989 12.6319 125.929 12.6319C128.77 12.6319 129.863 14.9482 129.863 17.1567C129.863 21.7354 126.366 26.1524 122.131 26.1524C120.519 26.1524 119.59 25.8292 119.044 25.533H118.989L117.923 31.189ZM120.027 20.2271L119.262 24.321C119.918 24.8327 120.956 25.102 122.213 25.102C125.656 25.102 128.579 21.1428 128.579 17.2375C128.579 15.6754 127.869 13.6823 125.546 13.6823C123.579 13.6823 120.847 15.9178 120.027 20.2271ZM141.148 25.8562H139.945C139.918 25.0482 140.082 23.6207 140.328 22.0047H140.273C138.716 25.0482 136.803 26.1524 134.754 26.1524C132.432 26.1524 131.093 24.321 131.093 22.0316C131.093 17.426 134.727 12.6319 139.973 12.6319C141.066 12.6319 142.24 12.7935 143.033 13.009L141.721 19.7423C141.202 22.3548 141.066 24.5364 141.148 25.8562ZM140.765 18.3956L141.639 13.8978C141.311 13.79 140.738 13.6823 139.754 13.6823C135.765 13.6823 132.404 17.453 132.377 21.8162C132.35 23.3514 132.869 25.102 135.027 25.102C137.377 25.102 140.082 22.0047 140.765 18.3956ZM145.601 25.8562H144.372L146.066 17.1298C146.339 15.6215 146.557 14.194 146.721 12.9282H147.842C147.705 13.8439 147.596 14.7596 147.404 15.837H147.486C148.306 14.0324 149.672 12.6319 151.393 12.6319C151.585 12.6319 151.858 12.6588 151.995 12.6858L151.749 13.9247C151.612 13.8978 151.421 13.8708 151.148 13.8708C149.508 13.8708 147.404 16.2948 146.803 19.5807L145.601 25.8562ZM155.847 10.558L157.186 10.0732L156.639 12.9282H159.973L159.781 13.9247H156.421L155 21.3852C154.836 22.2471 154.727 22.9204 154.727 23.7284C154.727 24.5903 155.164 25.0751 156.038 25.0751C156.475 25.0751 156.831 25.0482 157.104 24.9404L157.213 25.91C156.858 26.0447 156.339 26.1255 155.792 26.1255C154.016 26.1255 153.443 24.9135 153.443 23.7823C153.443 23.0012 153.552 22.2471 153.743 21.3314L155.191 13.9247H153.197L153.388 12.9282H155.41L155.847 10.558ZM161.066 25.8562H159.836L161.639 16.4026C161.913 15.1098 162.076 13.9516 162.213 12.9282H163.361L162.951 15.7023H163.005C164.153 13.817 166.011 12.6319 168.06 12.6319C169.235 12.6319 171.339 13.2514 171.339 16.241C171.339 16.8335 171.229 17.5607 171.093 18.2879L169.645 25.8562H168.415L169.891 18.1802C169.973 17.6415 170.082 16.9951 170.082 16.4026C170.082 14.8674 169.454 13.7092 167.568 13.7092C165.71 13.7092 162.923 15.81 162.295 19.2306L161.066 25.8562ZM181.53 24.1324L181.913 25.102C181.229 25.533 179.863 26.1255 177.923 26.1255C174.59 26.1255 173.333 23.6207 173.333 21.089C173.333 17.2375 176.311 12.6319 180.219 12.6319C182.596 12.6319 183.607 14.0863 183.607 15.5946C183.607 19.042 179.344 19.7423 174.727 19.6884C174.535 20.3618 174.59 21.9778 174.891 22.8666C175.437 24.3479 176.585 25.0751 178.087 25.0751C179.727 25.0751 180.874 24.5364 181.53 24.1324ZM182.35 15.6754V15.6484C182.35 14.3556 181.366 13.6823 180 13.6823C177.623 13.6823 175.628 16.1063 174.918 18.665C178.798 18.7188 182.35 18.2071 182.35 15.6754ZM185.628 25.8562H184.399L186.093 17.1298C186.366 15.6215 186.585 14.194 186.749 12.9282H187.869C187.732 13.8439 187.623 14.7596 187.432 15.837H187.514C188.333 14.0324 189.699 12.6319 191.421 12.6319C191.612 12.6319 191.885 12.6588 192.022 12.6858L191.776 13.9247C191.639 13.8978 191.448 13.8708 191.175 13.8708C189.536 13.8708 187.432 16.2948 186.831 19.5807L185.628 25.8562ZM191.12 25.3175L191.557 24.321C192.104 24.698 193.06 25.0751 194.016 25.0751C195.792 25.0751 197.022 23.8362 197.022 22.3818C197.022 21.1428 196.53 20.3887 195.082 19.5268C193.579 18.638 192.978 17.4799 192.978 16.3218C192.978 14.3287 194.727 12.6319 197.076 12.6319C198.06 12.6319 199.016 12.9551 199.426 13.2514L198.962 14.2748C198.579 14.0324 197.814 13.6823 196.94 13.6823C195.355 13.6823 194.208 14.7866 194.208 16.1332C194.208 17.3452 194.891 17.9916 196.12 18.7458C197.596 19.6346 198.279 20.8196 198.279 22.0586C198.279 24.6172 196.229 26.1255 193.907 26.1255C192.65 26.1255 191.585 25.6946 191.12 25.3175Z" fill="#1F2124"></path><path d="M24.346 6.07805C24.3234 5.92163 24.1874 5.83224 24.074 5.83224C23.9607 5.83224 21.5351 5.65348 21.5351 5.65348C21.5351 5.65348 19.8577 3.99989 19.6536 3.82113C19.4723 3.64236 19.1096 3.68705 18.9736 3.73174C18.9509 3.73174 18.6109 3.84347 18.0215 4.02224C17.4548 2.391 16.4574 0.916176 14.7119 0.916176C14.6666 0.916176 14.6212 0.916176 14.5532 0.916176C14.0772 0.290495 13.4425 0 12.9211 0C8.84074 0 6.89124 5.0278 6.27919 7.57521C4.69239 8.06682 3.55896 8.40201 3.42295 8.4467C2.53888 8.71485 2.51621 8.73719 2.40287 9.56399C2.31219 10.1897 0 27.8428 0 27.8428L18.0215 31.1723L27.7917 29.0942C27.7917 29.0718 24.3687 6.23447 24.346 6.07805ZM17.0241 4.29039C16.5707 4.42446 16.0493 4.58088 15.5053 4.75965C15.5053 4.64792 15.5053 4.55854 15.5053 4.42446C15.5053 3.44125 15.3693 2.6368 15.1426 1.98877C16.0493 2.12285 16.6387 3.12841 17.0241 4.29039ZM14.0092 2.21223C14.2585 2.83791 14.4172 3.7094 14.4172 4.91607C14.4172 4.98311 14.4172 5.0278 14.4172 5.09483C13.4198 5.40767 12.3544 5.72052 11.2663 6.0557C11.8783 3.75409 13.0344 2.6368 14.0092 2.21223ZM12.8077 1.0726C12.9891 1.0726 13.1704 1.13963 13.3291 1.25136C12.0143 1.8547 10.6316 3.37421 10.0422 6.43558C9.18077 6.70373 8.34203 6.94953 7.54863 7.19534C8.22869 4.87138 9.88349 1.0726 12.8077 1.0726Z" fill="#95BF47"></path><path d="M24.074 5.80986C23.9607 5.80986 21.5351 5.63109 21.5351 5.63109C21.5351 5.63109 19.8577 3.97751 19.6537 3.79874C19.5857 3.7317 19.495 3.68701 19.4043 3.68701L18.0442 31.1723L27.8143 29.0941C27.8143 29.0941 24.3914 6.23443 24.3687 6.07801C24.3234 5.92159 24.1874 5.83221 24.074 5.80986Z" fill="#5E8E3E"></path><path d="M14.7119 11.1284L13.5105 14.659C13.5105 14.659 12.445 14.1003 11.1529 14.1003C9.24877 14.1003 9.1581 15.2847 9.1581 15.5752C9.1581 17.1841 13.4198 17.8097 13.4198 21.5862C13.4198 24.5582 11.5156 26.4799 8.93141 26.4799C5.82582 26.4799 4.26169 24.5805 4.26169 24.5805L5.10042 21.8767C5.10042 21.8767 6.73256 23.2621 8.09268 23.2621C8.99942 23.2621 9.36211 22.5694 9.36211 22.0554C9.36211 19.9549 5.87116 19.8655 5.87116 16.402C5.87116 13.497 7.97933 10.6814 12.2637 10.6814C13.8958 10.6591 14.7119 11.1284 14.7119 11.1284Z" fill="white"></path><path d="M39.194 17.765C38.2192 17.2511 37.7205 16.8042 37.7205 16.2008C37.7205 15.4411 38.4232 14.9495 39.5113 14.9495C40.7808 14.9495 41.9142 15.4634 41.9142 15.4634L42.7983 12.7819C42.7983 12.7819 41.9822 12.1562 39.5793 12.1562C36.2244 12.1562 33.8895 14.0556 33.8895 16.7148C33.8895 18.2343 34.9776 19.3739 36.4284 20.2007C37.6072 20.8488 38.0152 21.318 38.0152 22.0107C38.0152 22.7258 37.4258 23.3068 36.3377 23.3068C34.7283 23.3068 33.1868 22.48 33.1868 22.48L32.2347 25.1615C32.2347 25.1615 33.6402 26.1 36.0204 26.1C39.466 26.1 41.9595 24.4241 41.9595 21.4074C41.9369 19.7538 40.6901 18.6142 39.194 17.765Z" fill="#1F2124"></path><path d="M52.9311 12.1112C51.2309 12.1112 49.8935 12.9157 48.8734 14.1223L48.8281 14.1L50.3015 6.50244H46.4705L42.7302 25.8539H46.5612L47.8307 19.2395C48.3294 16.7368 49.6441 15.1949 50.8682 15.1949C51.7296 15.1949 52.0697 15.7759 52.0697 16.6027C52.0697 17.1167 52.0243 17.7647 51.911 18.2787L50.4602 25.8539H54.2912L55.7873 18.0329C55.946 17.2061 56.0593 16.2228 56.0593 15.5525C56.082 13.3849 54.9486 12.1112 52.9311 12.1112Z" fill="#1F2124"></path><path d="M64.7641 12.1113C60.1397 12.1113 57.0795 16.2229 57.0795 20.8038C57.0795 23.7311 58.9156 26.0998 62.3612 26.0998C66.895 26.0998 69.9552 22.0999 69.9552 17.4073C69.9779 14.6811 68.3684 12.1113 64.7641 12.1113ZM62.8826 23.1948C61.5678 23.1948 61.0238 22.0999 61.0238 20.7144C61.0238 18.5469 62.1572 15.0163 64.2427 15.0163C65.6028 15.0163 66.0562 16.1783 66.0562 17.2955C66.0562 19.6195 64.9001 23.1948 62.8826 23.1948Z" fill="#1F2124"></path><path d="M79.7933 12.1113C77.2091 12.1113 75.7357 14.3683 75.7357 14.3683H75.6903L75.917 12.3348H72.5167C72.358 13.6979 72.0407 15.7984 71.746 17.3626L69.0711 31.217H72.9021L73.9675 25.6082H74.0582C74.0582 25.6082 74.8516 26.0998 76.3024 26.0998C80.8134 26.0998 83.7603 21.5412 83.7603 16.938C83.7603 14.3906 82.6042 12.1113 79.7933 12.1113ZM76.121 23.2395C75.1236 23.2395 74.5342 22.6809 74.5342 22.6809L75.1689 19.1502C75.6223 16.7816 76.8691 15.2174 78.2065 15.2174C79.3853 15.2174 79.748 16.29 79.748 17.2955C79.748 19.7536 78.2745 23.2395 76.121 23.2395Z" fill="#1F2124"></path><path d="M89.2462 6.68115C88.022 6.68115 87.0473 7.64202 87.0473 8.87104C87.0473 9.98832 87.7727 10.7704 88.8608 10.7704H88.9061C90.1076 10.7704 91.1276 9.96598 91.1503 8.58054C91.1503 7.46325 90.4022 6.68115 89.2462 6.68115Z" fill="#1F2124"></path><path d="M83.8737 25.8317H87.7046L90.3115 12.4019H86.4579L83.8737 25.8317Z" fill="#1F2124"></path><path d="M100.082 12.3793H97.4068L97.5428 11.7537C97.7695 10.4576 98.5402 9.31798 99.8324 9.31798C100.512 9.31798 101.056 9.51909 101.056 9.51909L101.805 6.5471C101.805 6.5471 101.147 6.21191 99.719 6.21191C98.3589 6.21191 96.9988 6.59179 95.956 7.46328C94.6413 8.55822 94.0292 10.1448 93.7345 11.7537L93.6212 12.3793H91.8304L91.2636 15.2396H93.0545L91.0143 25.8315H94.8453L96.8854 15.2396H99.5377L100.082 12.3793Z" fill="#1F2124"></path><path d="M109.33 12.4019C109.33 12.4019 106.928 18.3682 105.862 21.6307H105.817C105.749 20.5804 104.865 12.4019 104.865 12.4019H100.83L103.142 24.7144C103.187 24.9825 103.165 25.1613 103.051 25.3401C102.598 26.1892 101.85 27.016 100.966 27.6193C100.24 28.1333 99.4243 28.4685 98.7896 28.6919L99.855 31.9097C100.626 31.7533 102.258 31.1053 103.618 29.8539C105.363 28.245 106.996 25.7423 108.65 22.3457L113.343 12.4019H109.33Z" fill="#1F2124"></path></svg></a></div><nav class="lg:flex hidden h-full" aria-label="Main" itemscope="" itemType="https://schema.org/SiteNavigationElement" data-click-outside="dismiss" data-component-name="desktop-main-navigation" data-viewable-component="true"><ul class="flex h-full"><li class="mr-8 text-base"><div class="flex h-full"><a class="flex items-center hover:underline text-black hover:text-black" href="https://help.shopify.com/en/partners" aria-label="External source: Docs">Docs</a></div></li><li class="mr-8 text-base"><div class="flex h-full"><a class="flex items-center hover:underline text-black hover:text-black" href="https://community.shopify.com/c/partners-and-developers/ct-p/appdev" aria-label="External source: Community">Community</a></div></li><li class="mr-8 text-base"><div class="flex h-full"><a class="flex items-center hover:underline text-black hover:text-black" href="https://academy.shopify.com" aria-label="External source: Shopify Academy">Shopify Academy</a></div></li></ul></nav><div class="ml-auto transition-opacity duration-200 opacity-100 delay-100"><ul class="lg:flex hidden items-center"><li class="mr-8 text-base"><a class="whitespace-nowrap hover:underline text-black" href="/hk-en" data-component-name="shopify site">shopify.com</a></li><li class="mr-8 text-base"><a class="whitespace-nowrap hover:underline text-black" href="https://partners.shopify.com/organizations" data-component-name="login" aria-label="External source: Log in">Log in</a></li><li class="leading-[0]"><a href="https://partners.shopify.com/signup" class="inline-block self-center overflow-hidden max-w-full px-button-px py-button-py ring-inset rounded-button text-button-size font-button-font font-button-weight tracking-button-tracking transition-all duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-state-focus focus-visible:outline border-2 text-button-light-primary-text bg-button-light-primary-bg border-button-light-primary-border ring-button-light-primary-border hover:text-button-light-primary-text-hover hover:bg-button-light-primary-bg-hover hover:border-button-light-primary-border-hover hover:ring-button-light-primary-border-hover focus:text-button-light-primary-text-focus focus:bg-button-light-primary-bg-focus focus:border-button-light-primary-border-focus focus:ring-button-light-primary-border-focus active:text-button-light-primary-text-active active:bg-button-light-primary-bg-active active:border-button-light-primary-border-active active:ring disabled:text-button-light-primary-text-disabled disabled:bg-button-light-primary-bg-disabled disabled:border-button-light-primary-border-disabled disabled:ring-button-light-primary-border-disabled" data-component-name="sign up" data-mode="light" target="">Join Now</a></li></ul><ul class="flex items-center lg:hidden mr-[-15px]"><li class="mr-2 sm:mr-8 text-base"><a class="whitespace-nowrap hover:underline text-black" href="https://partners.shopify.com/signup" data-component-name="shopify site" aria-label="External source: Join Now">Join Now</a></li><li><button class="flex h-12 w-12 cursor-pointer select-none flex-col items-center justify-center gap-1" aria-label="Menu" aria-expanded="false" aria-controls="MobileDrawer" aria-haspopup="true" type="button" data-component-name="navigation-toggle-open"><div class="h-0.5 w-[1.125rem] transition-all ease-out-in duration-500 motion-reduce:transition-none bg-black"></div><div class="h-0.5 w-[1.125rem] transition-all ease-out-in duration-500 motion-reduce:transition-none bg-black"></div><div class="h-0.5 w-[1.125rem] transition-all ease-out-in duration-500 motion-reduce:transition-none bg-black"></div></button></li></ul></div></div></div><div class="top-0 w-full z-20 before:absolute before:top-0 before:left-0 before:pointer-events-none before:w-full before:h-global-header-with-border before:z-20 after:absolute after:top-0 after:left-0 after:will-change-[opacity] after:pointer-events-none after:h-full after:w-full after:z-10 after:transition-opacity after:duration-200 after:bg-white text-black before:border-y before:border-black/20 after:opacity-100 pointer-events-auto before:opacity-0 sticky"><div class="h-global-header container flex items-center relative z-20"><div data-component-name="secondary-navigation" class="flex items-center gap-x-8 w-full h-14 sm:h-global-header text-black"><a class="absolute left-0 top-1/2 -translate-y-1/2 transform-opacity will-change-opacity duration-200 z-20 opacity-0 pointer-events-none" href="/hk-en" data-component-name="logo-home"><svg viewBox="0 0 32 36" role="img" aria-labelledby="ShoppingBagOnlyLogoTitle" class="w-8 h-9"><title id="ShoppingBagOnlyLogoTitle">Shopify</title><path fill="#95BF47" d="M27.1851 6.83166C27.1598 6.65519 27.0079 6.55435 26.8813 6.55435C26.7548 6.55435 24.2489 6.50393 24.2489 6.50393C24.2489 6.50393 22.148 4.48717 21.9455 4.26028C21.743 4.0586 21.338 4.10902 21.1861 4.15944C21.1861 4.15944 20.7812 4.28549 20.123 4.48717C20.0218 4.13423 19.8446 3.70567 19.6168 3.2519C18.8828 1.84016 17.769 1.08387 16.4528 1.08387C16.3516 1.08387 16.2756 1.08387 16.1744 1.10908C16.1237 1.05866 16.0984 1.00824 16.0478 0.983034C15.4656 0.378004 14.7316 0.0754894 13.8457 0.100699C12.1498 0.151118 10.4539 1.38639 9.0617 3.55441C8.09984 5.0922 7.36579 7.00813 7.13798 8.49549C5.18896 9.10052 3.82211 9.52908 3.77149 9.52908C2.78432 9.8316 2.75901 9.85681 2.63245 10.7896C2.58182 11.4954 0 31.3858 0 31.3858L21.6671 35.1168L31.0578 32.7975C31.0325 32.7975 27.2104 7.00813 27.1851 6.83166ZM19.0346 4.8401C18.5284 4.99136 17.9715 5.16783 17.364 5.3695C17.364 4.51238 17.2375 3.30232 16.8578 2.29393C18.1487 2.49561 18.7815 3.95777 19.0346 4.8401ZM16.225 5.69723C15.086 6.05016 13.8457 6.42831 12.6054 6.80645C12.9597 5.47034 13.6179 4.15944 14.4278 3.27711C14.7316 2.94938 15.1619 2.59645 15.6428 2.39477C16.1491 3.37794 16.2503 4.76447 16.225 5.69723ZM13.8963 1.23513C14.3013 1.23513 14.6303 1.31076 14.9088 1.51244C14.4532 1.73932 13.9975 2.09226 13.5925 2.54603C12.5041 3.70567 11.6688 5.49555 11.3398 7.23501C10.302 7.56274 9.2895 7.86525 8.37827 8.14256C8.98576 5.39471 11.2892 1.31076 13.8963 1.23513Z"></path><path fill="#5E8E3E" d="M26.8814 6.55452C26.7548 6.55452 24.2489 6.5041 24.2489 6.5041C24.2489 6.5041 22.148 4.48733 21.9455 4.26045C21.8696 4.18482 21.7684 4.1344 21.6671 4.1344V35.117L31.0579 32.7977C31.0579 32.7977 27.2358 7.00829 27.2104 6.83183C27.1598 6.65536 27.0079 6.55452 26.8814 6.55452Z"></path><path fill="white" d="M16.4528 11.3696L15.3644 15.4283C15.3644 15.4283 14.1494 14.8737 12.7066 14.9745C10.5804 15.1006 10.5804 16.4367 10.5804 16.7644C10.707 18.5795 15.4909 18.9828 15.7694 23.2433C15.9719 26.5961 13.9975 28.8902 11.112 29.0667C7.66952 29.2432 5.77112 27.2264 5.77112 27.2264L6.50517 24.1256C6.50517 24.1256 8.42888 25.5625 9.9476 25.4617C10.9348 25.4113 11.3144 24.5794 11.2638 24.0248C11.112 21.6551 7.2139 21.8063 6.96078 17.8988C6.75829 14.6216 8.90981 11.3191 13.6685 11.0166C15.5162 10.8906 16.4528 11.3696 16.4528 11.3696Z"></path></svg></a><nav aria-label="Secondary" class="hidden lg:block h-full transition-transform will-change-transform duration-200 translate-x-0" data-click-outside="dismiss"><ul class="flex items-center gap-x-8 h-full"><li class="relative flex flex-col items-center h-full border-black/30"><a href="/hk-en/partners/blog" class="font-bold flex items-center h-full hover:underline outline-4 outline-state-focus focus-visible:outline">Blog</a></li><li class="relative flex flex-col items-center h-full after:absolute after:w-full after:h-[3px] after:bottom-0 hover:underline after:hidden after:bg-black"><a href="/hk-en/partners/blog/topics/shopify-news" class="flex items-center h-full outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="1">Shopify News</a></li><li class="relative flex flex-col items-center h-full after:absolute after:w-full after:h-[3px] after:bottom-0 hover:underline after:hidden after:bg-black"><a href="/hk-en/partners/blog/topics/case-studies" class="flex items-center h-full outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="1">Case Studies</a></li><li class="relative flex flex-col items-center h-full after:absolute after:w-full after:h-[3px] after:bottom-0 hover:underline after:hidden after:bg-black"><a href="/hk-en/partners/blog/latest" class="flex items-center h-full outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="1">Latest</a></li><li class="relative flex flex-col items-center h-full after:absolute after:w-full after:h-[3px] after:bottom-0 hover:underline after:hidden after:bg-black"><button type="button" aria-expanded="false" aria-haspopup="true" aria-controls="id_More_3" class="h-full outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="1"><span class="flex items-center">More<svg fill="none" viewBox="0 0 16 16" aria-hidden="true" icon="chevron" height="64" width="64" class="rotate-180 shrink-0 w-5 h-7 ml-2"><path fill="currentColor" d="M12 10.4a.798.798 0 0 1-.566-.234L8 6.73l-3.434 3.435a.8.8 0 1 1-1.132-1.132l4-4a.8.8 0 0 1 1.132 0l4 4A.8.8 0 0 1 12 10.4Z"></path></svg></span></button><div id="id_More_3" class="absolute top-[80px] duration-500 left-0 rounded-lg transition-all box-content opacity-0 -translate-y-6 pointer-events-none w-[256px] bg-white text-black shadow-light"><ul class="p-4 w-[224px] box-content"><li class="py-3 px-4 rounded-lg"><a href="/hk-en/partners/blog/topics/shopify-app-development" class="hover:underline outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="2">App development</a></li><li class="py-3 px-4 rounded-lg"><a href="/hk-en/partners/blog/topics/shopify-theme-development" aria-current="page" class="hover:underline outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="2">Shopify Theme Development</a></li><li class="py-3 px-4 rounded-lg"><a href="/hk-en/partners/blog/topics/front-end-development" class="hover:underline outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="2">Front End Development</a></li><li class="py-3 px-4 rounded-lg"><a href="/hk-en/partners/blog/topics/inspiration-creativity" class="hover:underline outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="2">Inspiration & Creativity</a></li><li class="py-3 px-4 rounded-lg"><a href="/hk-en/partners/blog/topics/finding-new-clients" class="hover:underline outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="2">Finding New Clients</a></li><li class="py-3 px-4 rounded-lg"><a href="/hk-en/partners/blog/topics" class="hover:underline outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="2">See All topics</a></li></ul></div></li></ul></nav><div class="hidden lg:block ml-auto"><div class="hidden lg:flex flex-row items-center text-base cursor-pointer blog-navbar-navigation">Search<svg viewBox="0 0 20 20" class="w-4 h-4 ml-2"><path fill-rule="evenodd" d="M12.323 13.383a5.5 5.5 0 1 1 1.06-1.06l2.897 2.897a.75.75 0 1 1-1.06 1.06l-2.897-2.897Zm.677-4.383a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"></path></svg></div><div class="mb-6 lg:mb-0 lg:absolute lg:bottom-0 lg:left-0 w-full z-50 bg-white lg:hidden"><div class="lg:container lg:h-[71px] flex items-center"><div class="flex flex-row items-center text-base relative w-full border-b border-[#ccc]"><form method="get" action="/hk-en/partners/blog/topics/shopify-theme-development" class="flex lg:block w-full -mt-4 lg:mt-0" novalidate="" data-component-extra-search-value="" data-discover="true"><input class="outline-0 text-base relative z-20 bg-transparent w-full lg:placeholder:text-transparent py-2 placeholder-shade-50" type="text" name="header-search" autoComplete="off" placeholder="Search" value=""/><button class="lg:hidden p-6 -mr-6" aria-label="Search icon"><svg viewBox="0 0 20 20" class="w-4 h-4 ml-2"><path fill-rule="evenodd" d="M12.323 13.383a5.5 5.5 0 1 1 1.06-1.06l2.897 2.897a.75.75 0 1 1-1.06 1.06l-2.897-2.897Zm.677-4.383a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"></path></svg></button></form><div class="hidden lg:flex absolute z-10 top-1/2 left-0 -translate-y-1/2 flex-row items-center text-base text-shade-50">Type something you're looking for<svg viewBox="0 0 20 20" class="w-4 h-4 ml-2"><path fill-rule="evenodd" d="M12.323 13.383a5.5 5.5 0 1 1 1.06-1.06l2.897 2.897a.75.75 0 1 1-1.06 1.06l-2.897-2.897Zm.677-4.383a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"></path></svg></div><div class="hidden lg:block p-2 cursor-pointer ml-auto"><svg viewBox="0 0 20 20" class="size-5"><path d="M12.72 13.78a.75.75 0 1 0 1.06-1.06l-2.72-2.72 2.72-2.72a.75.75 0 0 0-1.06-1.06l-2.72 2.72-2.72-2.72a.75.75 0 0 0-1.06 1.06l2.72 2.72-2.72 2.72a.75.75 0 1 0 1.06 1.06l2.72-2.72 2.72 2.72Z"></path></svg></div></div></div></div></div><div class="pl-8 app-signup-links transform-opacity duration-200 relative before:h-[22px] before:bg-shade-30 before:w-[1px] before:absolute before:left-0 before:top-[1/2] before:translate-[-1/2] opacity-0 lg:hidden"><ul class="flex items-center"><li class="mr-8 text-base"><a class="whitespace-nowrap hover:underline text-black" href="/hk-en" data-component-name="shopify site">shopify.com</a></li><li class="mr-8 text-base"><a class="whitespace-nowrap hover:underline text-black" href="https://partners.shopify.com/organizations" data-component-name="login" aria-label="External source: Log in">Log in</a></li><li class="leading-[0]"><a href="https://partners.shopify.com/signup" class="inline-block self-center overflow-hidden max-w-full px-button-px py-button-py ring-inset rounded-button text-button-size font-button-font font-button-weight tracking-button-tracking transition-all duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-state-focus focus-visible:outline border-2 text-button-light-primary-text bg-button-light-primary-bg border-button-light-primary-border ring-button-light-primary-border hover:text-button-light-primary-text-hover hover:bg-button-light-primary-bg-hover hover:border-button-light-primary-border-hover hover:ring-button-light-primary-border-hover focus:text-button-light-primary-text-focus focus:bg-button-light-primary-bg-focus focus:border-button-light-primary-border-focus focus:ring-button-light-primary-border-focus active:text-button-light-primary-text-active active:bg-button-light-primary-bg-active active:border-button-light-primary-border-active active:ring disabled:text-button-light-primary-text-disabled disabled:bg-button-light-primary-bg-disabled disabled:border-button-light-primary-border-disabled disabled:ring-button-light-primary-border-disabled" data-component-name="sign up" data-mode="light" target="">Join Now</a></li></ul></div></div></div></div><svg class="sr-only" aria-hidden="true"><defs><linearGradient id="start_svg__a" x1="4" y1="2.5" x2="37.5" y2="36" gradientUnits="userSpaceOnUse"><stop stop-color="#00E392"></stop><stop offset="1" stop-color="#00B4CD"></stop></linearGradient><linearGradient id="manage_svg__a" x1="1" y1="1" x2="39" y2="39" gradientUnits="userSpaceOnUse"><stop stop-color="#1CD9D9"></stop><stop offset="1" stop-color="#70D50E"></stop></linearGradient><linearGradient id="market_svg__a" x1="1" y1="1" x2="39" y2="39" gradientUnits="userSpaceOnUse"><stop stop-color="#EA4EF2"></stop><stop offset="1" stop-color="#29C9FF"></stop></linearGradient><linearGradient id="start_svg__b" x1="4" y1="2.5" x2="37.5" y2="36" gradientUnits="userSpaceOnUse"><stop stop-color="#00E392"></stop><stop offset="1" stop-color="#00B4CD"></stop></linearGradient><linearGradient id="sell_svg__a" x1="1" y1="1" x2="39" y2="39" gradientUnits="userSpaceOnUse"><stop stop-color="#33EDE2"></stop><stop offset="1" stop-color="#6754FF"></stop></linearGradient><clipPath id="white_circle_svg__a"><path fill="#fff" d="M0 0h40v40H0z"></path></clipPath><linearGradient id="paint0_linear_1_569" x1="6.12412" y1="7.32529" x2="16.6923" y2="17.7506" gradientUnits="userSpaceOnUse"><stop offset="0.161933" stop-color="#27293B"></stop><stop offset="0.760531" stop-color="#27293B"></stop></linearGradient><linearGradient id="paint1_linear_1_569" x1="18.4621" y1="6.91041" x2="12.5203" y2="17.2518" gradientUnits="userSpaceOnUse"><stop stop-color="#27293B"></stop><stop offset="1" stop-color="#4F58AA"></stop></linearGradient><linearGradient id="paint0_linear_41_589" x1="7.59808" y1="8.96" x2="28.4853" y2="30.2112" gradientUnits="userSpaceOnUse"><stop stop-color="#A8B1EB"></stop><stop offset="1" stop-color="#32386C"></stop></linearGradient><linearGradient id="paint1_linear_41_589" x1="18.4622" y1="6.91041" x2="12.7852" y2="12.9621" gradientUnits="userSpaceOnUse"><stop stop-color="#A8B1EB"></stop><stop offset="1" stop-color="#4F58AA"></stop></linearGradient><linearGradient id="paint0_linear_1_568" x1="85.4375" y1="44" x2="-160.562" y2="-57" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="0.829504" stop-color="white" stop-opacity="0"></stop></linearGradient><radialGradient id="paint1_radial_1_568" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(73.4375 49) rotate(-96.3402) scale(54.3323 72.1138)"><stop stop-color="#3C00BB" stop-opacity="0.72"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></radialGradient><radialGradient id="paint2_radial_1_568" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(107.438 44) rotate(-15.5615) scale(82.0061 39.4114)"><stop stop-color="#423EFF" stop-opacity="0.6"></stop><stop offset="0.754349" stop-color="#12C06D" stop-opacity="0"></stop></radialGradient><linearGradient id="paint3_linear_1_568" x1="15.1241" y1="17.3253" x2="25.6923" y2="27.7506" gradientUnits="userSpaceOnUse"><stop offset="0.161933" stop-color="#27293B"></stop><stop offset="0.760531" stop-color="#27293B"></stop></linearGradient><linearGradient id="paint4_linear_1_568" x1="27.4621" y1="16.9104" x2="21.5203" y2="27.2518" gradientUnits="userSpaceOnUse"><stop stop-color="#27293B"></stop><stop offset="1" stop-color="#4F58AA"></stop></linearGradient><linearGradient id="paint0_linear_1_612" x1="85.4375" y1="44" x2="-160.562" y2="-57" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="0.829504" stop-color="white"></stop></linearGradient><radialGradient id="paint1_radial_1_612" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(73.4375 49) rotate(-99.5942) scale(44.6242 90.7846)"><stop stop-color="#3C00BB" stop-opacity="0.72"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></radialGradient><radialGradient id="paint2_radial_1_612" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(107.438 44) rotate(-47.641) scale(98.7905 47.4778)"><stop stop-color="#423EFF" stop-opacity="0.6"></stop><stop offset="0.754349" stop-color="#12C06D" stop-opacity="0"></stop></radialGradient><linearGradient id="paint3_linear_1_612" x1="15.1242" y1="17.3253" x2="25.6923" y2="27.7506" gradientUnits="userSpaceOnUse"><stop offset="0.161933" stop-color="#27293B"></stop><stop offset="0.760531" stop-color="#27293B"></stop></linearGradient><linearGradient id="paint4_linear_1_612" x1="27.4621" y1="16.9104" x2="21.5203" y2="27.2518" gradientUnits="userSpaceOnUse"><stop stop-color="#27293B"></stop><stop offset="1" stop-color="#4F58AA"></stop></linearGradient><linearGradient id="paint0_linear_1_651" x1="85.4375" y1="44" x2="-160.562" y2="-57" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="0.829504" stop-color="white"></stop></linearGradient><radialGradient id="paint1_radial_1_651" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(73.4375 49) rotate(-99.5942) scale(44.6242 90.7846)"><stop stop-color="#3C00BB" stop-opacity="0.72"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></radialGradient><radialGradient id="paint2_radial_1_651" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(107.438 44) rotate(-47.641) scale(98.7905 47.4778)"><stop stop-color="#423EFF" stop-opacity="0.6"></stop><stop offset="0.754349" stop-color="#12C06D" stop-opacity="0"></stop></radialGradient><linearGradient id="paint3_linear_1_651" x1="15.1242" y1="17.3253" x2="25.6923" y2="27.7506" gradientUnits="userSpaceOnUse"><stop offset="0.161933" stop-color="#27293B"></stop><stop offset="0.760531" stop-color="#27293B"></stop></linearGradient><linearGradient id="paint4_linear_1_651" x1="27.4621" y1="16.9104" x2="21.5203" y2="27.2518" gradientUnits="userSpaceOnUse"><stop stop-color="#27293B"></stop><stop offset="1" stop-color="#4F58AA"></stop></linearGradient><linearGradient id="paint0_linear_41_588" x1="-59.2497" y1="-1.6632e-07" x2="-32.4337" y2="99.4491" gradientUnits="userSpaceOnUse"><stop offset="0.000294443" stop-color="#15161B"></stop><stop offset="0.606057" stop-color="#1C1F31"></stop></linearGradient><radialGradient id="paint1_radial_41_588" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(146.438 64) rotate(-172.051) scale(224.154 105.307)"><stop stop-color="#333FB2"></stop><stop offset="0.75924" stop-color="#27293B" stop-opacity="0"></stop></radialGradient><linearGradient id="paint2_linear_41_588" x1="16.5981" y1="18.96" x2="37.4853" y2="40.2112" gradientUnits="userSpaceOnUse"><stop stop-color="#A8B1EB"></stop><stop offset="1" stop-color="#32386C"></stop></linearGradient><linearGradient id="paint3_linear_41_588" x1="27.4622" y1="16.9104" x2="21.7852" y2="22.9621" gradientUnits="userSpaceOnUse"><stop stop-color="#A8B1EB"></stop><stop offset="1" stop-color="#4F58AA"></stop></linearGradient><linearGradient id="paint0_linear_41_625" x1="-59.2497" y1="-1.6632e-07" x2="-32.4337" y2="99.4491" gradientUnits="userSpaceOnUse"><stop offset="0.000294443" stop-color="#15161B"></stop><stop offset="0.606057" stop-color="#1C1F31"></stop></linearGradient><radialGradient id="paint1_radial_41_625" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(146.438 64) rotate(-172.051) scale(224.154 105.307)"><stop stop-color="#333FB2"></stop><stop offset="0.75924" stop-color="#27293B" stop-opacity="0"></stop></radialGradient><linearGradient id="paint2_linear_41_625" x1="16.5981" y1="18.96" x2="37.4853" y2="40.2112" gradientUnits="userSpaceOnUse"><stop stop-color="#A8B1EB"></stop><stop offset="1" stop-color="#32386C"></stop></linearGradient><linearGradient id="paint3_linear_41_625" x1="27.4622" y1="16.9104" x2="21.7852" y2="22.9621" gradientUnits="userSpaceOnUse"><stop stop-color="#A8B1EB"></stop><stop offset="1" stop-color="#4F58AA"></stop></linearGradient><linearGradient id="paint0_linear_41_662" x1="-59.2497" y1="-1.6632e-07" x2="-32.4337" y2="99.4491" gradientUnits="userSpaceOnUse"><stop offset="0.000294443" stop-color="#15161B"></stop><stop offset="0.606057" stop-color="#1C1F31"></stop></linearGradient><radialGradient id="paint1_radial_41_662" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(146.438 64) rotate(-172.051) scale(224.154 105.307)"><stop stop-color="#333FB2"></stop><stop offset="0.75924" stop-color="#27293B" stop-opacity="0"></stop></radialGradient><linearGradient id="paint2_linear_41_662" x1="16.5981" y1="18.96" x2="37.4853" y2="40.2112" gradientUnits="userSpaceOnUse"><stop stop-color="#A8B1EB"></stop><stop offset="1" stop-color="#32386C"></stop></linearGradient><linearGradient id="paint3_linear_41_662" x1="27.4622" y1="16.9104" x2="21.7852" y2="22.9621" gradientUnits="userSpaceOnUse"><stop stop-color="#A8B1EB"></stop><stop offset="1" stop-color="#4F58AA"></stop></linearGradient></defs></svg></header><main role="main" id="main" tabindex="-1" class="focus-visible:outline-none"><div class="pt-36"><div class="py-10 tablet:py-12 desktop:py-16 bg-[#F6F6F1]"><div class="container flex tablet:justify-center"><div class="max-w-[832px]"><h1 class="richtext text-3xl tablet:text-4xl desktop:text-5xl font-medium tablet:text-center mb-2">Shopify Theme Development</h1></div></div></div><div class="container py-10 desktop:py-16"><div class="grid grid-cols-1 tablet:grid-cols-3 gap-4 desktop:gap-6 mb-8 tablet:mb-6 desktop:mb-12"><article class="article--index border-t border-shade-30 pt-4"><a href="/hk-en/partners/blog/3-product-detail-page-accessibility-issues-to-fix-right-now" class="overflow-hidden" rel="" target="_self"><img style="aspect-ratio:457 / 202" class="object-cover w-full hover:scale-105 transition-transform duration-300 cursor-pointer h-[202px] tablet:h-72 tablet-xl:h-[136px] desktop:h-[202px]" src="https://cdn.shopify.com/s/files/1/0533/2089/articles/silver-keyboard-on-blue-background.png?v=1730739315&width=1396&originalWidth=1200&originalHeight=630" alt="A single silver keyboard with white buttons sits on a turquoise background." loading="lazy" decoding="async" width="698" height="630" srcSet="https://cdn.shopify.com/s/files/1/0533/2089/articles/silver-keyboard-on-blue-background.png?v=1730739315&width=1396&originalWidth=1200&originalHeight=630&width=200 200w, https://cdn.shopify.com/s/files/1/0533/2089/articles/silver-keyboard-on-blue-background.png?v=1730739315&width=1396&originalWidth=1200&originalHeight=630&width=400 400w, https://cdn.shopify.com/s/files/1/0533/2089/articles/silver-keyboard-on-blue-background.png?v=1730739315&width=1396&originalWidth=1200&originalHeight=630&width=600 600w, https://cdn.shopify.com/s/files/1/0533/2089/articles/silver-keyboard-on-blue-background.png?v=1730739315&width=1396&originalWidth=1200&originalHeight=630&width=800 800w, https://cdn.shopify.com/s/files/1/0533/2089/articles/silver-keyboard-on-blue-background.png?v=1730739315&width=1396&originalWidth=1200&originalHeight=630&width=1000 1000w"/></a><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-xl tablet:text-2xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-xl tablet:text-2xl" href="/hk-en/partners/blog/3-product-detail-page-accessibility-issues-to-fix-right-now" rel="" target="_self">3 Product Detail Page Accessibility Issues to Fix Right Now</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">11 Nov 2024</p></div></article><article class="article--index border-t border-shade-30 pt-4"><a href="/hk-en/partners/blog/theme-store-updates" class="overflow-hidden" rel="" target="_self"><img style="aspect-ratio:457 / 202" class="object-cover w-full hover:scale-105 transition-transform duration-300 cursor-pointer h-[202px] tablet:h-72 tablet-xl:h-[136px] desktop:h-[202px]" src="https://cdn.shopify.com/s/files/1/0533/2089/articles/theme_store_logo.png?v=1718277558&width=1396&originalWidth=1200&originalHeight=630" alt="Enhancing discovery and trust: Shopify theme updates" loading="lazy" decoding="async" width="698" height="630" srcSet="https://cdn.shopify.com/s/files/1/0533/2089/articles/theme_store_logo.png?v=1718277558&width=1396&originalWidth=1200&originalHeight=630&width=200 200w, https://cdn.shopify.com/s/files/1/0533/2089/articles/theme_store_logo.png?v=1718277558&width=1396&originalWidth=1200&originalHeight=630&width=400 400w, https://cdn.shopify.com/s/files/1/0533/2089/articles/theme_store_logo.png?v=1718277558&width=1396&originalWidth=1200&originalHeight=630&width=600 600w, https://cdn.shopify.com/s/files/1/0533/2089/articles/theme_store_logo.png?v=1718277558&width=1396&originalWidth=1200&originalHeight=630&width=800 800w, https://cdn.shopify.com/s/files/1/0533/2089/articles/theme_store_logo.png?v=1718277558&width=1396&originalWidth=1200&originalHeight=630&width=1000 1000w"/></a><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-xl tablet:text-2xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-xl tablet:text-2xl" href="/hk-en/partners/blog/theme-store-updates" rel="" target="_self">Enhancing discovery and trust: Shopify theme updates</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">13 Jun 2024</p></div></article><article class="article--index border-t border-shade-30 pt-4"><a href="/hk-en/partners/blog/swatches" class="overflow-hidden" rel="" target="_self"><img style="aspect-ratio:457 / 202" class="object-cover w-full hover:scale-105 transition-transform duration-300 cursor-pointer h-[202px] tablet:h-72 tablet-xl:h-[136px] desktop:h-[202px]" src="https://cdn.shopify.com/s/files/1/0533/2089/articles/female-designer-reviewing-wireframes-large-resized.jpg?v=1727285602&width=1396&originalWidth=1200&originalHeight=630" alt="Hero image for Shopify Colour Swatches" loading="lazy" decoding="async" width="698" height="630" srcSet="https://cdn.shopify.com/s/files/1/0533/2089/articles/female-designer-reviewing-wireframes-large-resized.jpg?v=1727285602&width=1396&originalWidth=1200&originalHeight=630&width=200 200w, https://cdn.shopify.com/s/files/1/0533/2089/articles/female-designer-reviewing-wireframes-large-resized.jpg?v=1727285602&width=1396&originalWidth=1200&originalHeight=630&width=400 400w, https://cdn.shopify.com/s/files/1/0533/2089/articles/female-designer-reviewing-wireframes-large-resized.jpg?v=1727285602&width=1396&originalWidth=1200&originalHeight=630&width=600 600w, https://cdn.shopify.com/s/files/1/0533/2089/articles/female-designer-reviewing-wireframes-large-resized.jpg?v=1727285602&width=1396&originalWidth=1200&originalHeight=630&width=800 800w, https://cdn.shopify.com/s/files/1/0533/2089/articles/female-designer-reviewing-wireframes-large-resized.jpg?v=1727285602&width=1396&originalWidth=1200&originalHeight=630&width=1000 1000w"/></a><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-xl tablet:text-2xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-xl tablet:text-2xl" href="/hk-en/partners/blog/swatches" rel="" target="_self">Getting Started with Swatches for Shopify Themes</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">31 Jan 2024</p></div></article></div><div class="grid grid-cols-1 tablet:grid-cols-4 gap-4 desktop:gap-6 gap-y-6 desktop:gap-y-9"><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-app-development" class="no-underline">Shopify App Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/google-analytics-app-and-theme-install-event" rel="" target="_self">Optimize your marketing efforts with full-funnel Google Analytics attribution</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">11 Sept 2023</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/section-groups" rel="" target="_self">Make Sections Really Everywhere With Section Groups</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">28 Mar 2023</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/metafields" rel="" target="_self">How to work with Metafields when building Shopify themes</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">3 Mar 2022</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/best-free-themes" rel="" target="_self">Top Tips for Building Themes That Are Fully Featured, Like Customizing Shopify’s Best Free Themes</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">25 Jan 2022</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/test-shopify-theme" rel="" target="_self">How to Test your Theme Before Submitting to the Shopify Theme Store</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">4 Jan 2022</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/theme-blocks" rel="" target="_self">How to Work With Shopify Theme Blocks</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">14 Oct 2021</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/theme-review-process" rel="" target="_self">Tips for an Efficient Shopify Theme Review Process</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">10 Aug 2021</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/theme-store-accessibility-requirements" rel="" target="_self">How to Meet the New Accessibility Requirements of the Shopify Theme Store</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">5 Aug 2021</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/how-to-create-your-first-shopify-theme-section" rel="" target="_self">How to Create Your First Shopify Theme Section</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">3 Aug 2021</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/shopify-theme-store-success" rel="" target="_self">What it Takes to Build for Success on the Shopify Theme Store</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">14 Jul 2021</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/theme-partner-business" rel="" target="_self">How Safe As Milk Grew a Successful Theme Partner Business</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">6 Jul 2021</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/shopify-theme-inspector" rel="" target="_self">How to Do an In-Depth Liquid Render Analysis with Shopify Theme Inspector</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">18 Nov 2020</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/customer-object" rel="" target="_self">How to Personalize Shopify Themes with the customer Object</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">5 Nov 2020</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/deprecating-sass" rel="" target="_self">Deprecating Sass for Shopify Themes</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">3 Nov 2020</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/placeholder-images" rel="" target="_self">Using Placeholder Images for Products with the placeholder_svg_tag Filter</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">19 Oct 2020</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/product-variants" rel="" target="_self">Working with Product Variants When Building a Shopify Theme</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">14 Oct 2020</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/checksums" rel="" target="_self">How We Improved Theme Development Tooling Using Checksums</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">22 Sept 2020</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/logo-bar" rel="" target="_self">How to Create a Customizable Logo Bar Section</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">2 Sept 2020</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/legacy-browser-support" rel="" target="_self">How to Build for Modern Browsers (With Legacy Browser Support)</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">19 Aug 2020</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/liquid-objects" rel="" target="_self">How the Routes and Page_Image Liquid Objects Can Help You Build More Robust Themes</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">23 Jul 2020</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/product-media" rel="" target="_self">How to Use Product Media on Your Custom Shopify Themes</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">18 Jun 2020</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/build-forms-on-shopify" rel="" target="_self">Build Forms on Shopify: How to Use Liquid to Build Robust Forms for Shopify Themes</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">27 May 2020</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/digital-products" rel="" target="_self">How to Optimize Your Clients’ Themes to Sell Digital Products</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">27 May 2020</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/css-grid-framework" rel="" target="_self">A CSS Grid Framework for Shopify Collection Pages</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">5 Mar 2020</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/shopify-slideshow" rel="" target="_self">How to Combat Image Cropping on Shopify Slideshow Sections</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">3 Mar 2020</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/a-beginners-guide-to-sass-with-shopify-part-2-making-stylesheets-smarter-with-sass-mixins-and-functions" rel="" target="_self">A Beginner's Guide to Sass with Shopify — Part 2: Making Stylesheets Smarter with Sass Mixins and Functions</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">20 Feb 2020</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/social-media-marketing-icon" rel="" target="_self">How to Add a Social Media Marketing Icon to Your Theme</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">11 Feb 2020</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/a-beginners-guide-to-building-shopify-themes-with-sass-part-1-getting-started-with-sass" rel="" target="_self">A Beginner's Guide to Sass with Shopify — Part 1: Getting Started With Sass</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">6 Feb 2020</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/shopify-liquid-debug" rel="" target="_self">How to Debug Liquid Render Performance with Shopify Theme Inspector for Chrome</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">4 Feb 2020</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/115244038-an-overview-of-liquid-shopifys-templating-language" rel="" target="_self">An Overview of Liquid: Shopify's Templating Language</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">30 Jan 2020</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/minification" rel="" target="_self">5 Ways to Improve Store Loading Times with Minification</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">3 Dec 2019</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/shopify-announcement-bar" rel="" target="_self">How to Create a Customizable Announcement Bar Section in Shopify</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">5 Nov 2019</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/shopify-mobile-logos" rel="" target="_self">How to Use Shopify Theme Settings to Create Mobile-Specific Logos</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">3 Oct 2019</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/shopify-dynamic-checkout-buttons" rel="" target="_self">How to Improve Conversions with Dynamic Checkout Buttons</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">27 Aug 2019</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/progressive-jpeg-and-webp" rel="" target="_self">Understanding Progressive JPEG and WebP Formats</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">23 Jul 2019</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/live-reload-shopify-sass" rel="" target="_self">Live Reloading Shopify Themes: Sass Compilation with Theme Kit and Prepros</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">22 May 2019</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/collection-page-price-range" rel="" target="_self">How to Display Price Ranges on Shopify Collection Pages</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">27 Mar 2019</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/lazy-loading" rel="" target="_self">How Lazy Loading can Optimize Your Shopify Theme Images</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">6 Mar 2019</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/shopify-blog-template" rel="" target="_self">How to use Liquid to Customize Shopify Theme Blog Templates</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">1 Mar 2019</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/html-img-element" rel="" target="_self">How to Customize the img Element in Shopify Themes</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">21 Feb 2019</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/95401862-3-simple-steps-for-setting-up-a-local-shopify-theme-development-environment" rel="" target="_self">3 Simple Steps for Setting Up a Local Shopify Theme Development Environment</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">8 Feb 2019</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/97493062-free-course-10x-your-shopify-theme-development-skills-with-these-free-courses" rel="" target="_self">[Free Course] 10x Your Shopify Theme Development Skills with These Free Courses</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">5 Feb 2019</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/translation-keys" rel="" target="_self">How To Use Translation Keys To Create Internationalized Themes</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">16 Jan 2019</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/the-ultimate-list-of-resources-for-shopify-theme-developers" rel="" target="_self">The Essential List of Resources for Shopify Theme Development</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">2 Nov 2018</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/78118150-4-essential-tips-for-building-your-first-shopify-theme" rel="" target="_self">4 Essential Tips for Building Your First Shopify Theme</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">29 Aug 2018</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/font-picker" rel="" target="_self">How to Use Shopify’s New font_picker Settings</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">20 Jul 2018</p></div></article><article class="article--index border-t border-shade-30"><div class="blogPost pt-4"><div class="uppercase font-sans font-medium pb-2 text-[12px] leading-[20px] tracking-[0.02em] text-shade-100 hover:text-link-light-hover"><a href="/hk-en/partners/blog/topics/shopify-theme-development" class="no-underline">Shopify Theme Development</a></div><div class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl"><a class="tracking-[-.02em] font-normal pb-4 hover:underline font-aktivgroteskextended text-shade-100 text-base desktop:text-xl" href="/hk-en/partners/blog/development-workflow" rel="" target="_self">How to Improve Your Theme Development Workflow</a></div><p class="richtext text-body-sm font-sans font-normal text-shade-60">11 Jul 2018</p></div></article></div><div class="flex mt-10 justify-center"><div class="mx-7"><div class=""><svg viewBox="0 0 20 20" width="20" height="20" class=""><path fill-rule="evenodd" d="M11.764 5.204a.75.75 0 0 1 .032 1.06l-3.516 3.736 3.516 3.736a.75.75 0 1 1-1.092 1.028l-4-4.25a.75.75 0 0 1 0-1.028l4-4.25a.75.75 0 0 1 1.06-.032Z"></path></svg><span class="hidden"></span></div></div><ul class="flex justify-center"><li class="mx-5"><span class="font-bold">1</span></li><li class="mx-5"><a class="underline" href="https://www.shopify.com/hk-en/partners/blog/topics/shopify-theme-development?page=2" aria-label="External source: 2">2</a></li><li class="mx-5"><a class="underline" href="https://www.shopify.com/hk-en/partners/blog/topics/shopify-theme-development?page=3" aria-label="External source: 3">3</a></li></ul><div class="mx-7"><a href="https://www.shopify.com/hk-en/partners/blog/topics/shopify-theme-development?page=2" aria-label="External source: "><div class=""><span class="hidden"></span><svg viewBox="0 0 20 20" width="20" height="20" class=""><path fill-rule="evenodd" d="M7.72 14.53a.75.75 0 0 1 0-1.06l3.47-3.47-3.47-3.47a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 0 1-1.06 0Z"></path></svg></div></a></div></div></div><div class="relative overflow-hidden bg-partners-conversionBg bg-no-repeat tablet-xl:bg-partners-bottom-converion tablet-xl:bg-cover tablet-xl:bg-center bg-partners-bottom-converion-mobile bg-contain bg-left-bottom"><div class="container relative flex flex-col items-center text-center py-[54px] tablet-xl:py-32"><span class="richtext normal-case font-light text-white font-sans text-[42px] tablet-xl:text-[64px] max-w-[800px] mb-9">Grow your business with the Shopify Partner Program</span><div data-component-name="button-group" class="text-base relative z-20 [&_a]:bg-partners-conversionButton [&_a]:text-partners-conversionButtonText [&_a]:font-ibmmono [&_a]:text-base [&_a]:font-medium [&_a]:hover:bg-[#62ba6b] [&_a]:hover:text-black [&_a]:px-5 [&_a]:py-[10px]" data-mode="light"><div class="flex gap-y-sm flex-wrap gap-x-sm justify-center"><a href="/hk-en/partners" class="inline-block self-center overflow-hidden max-w-full px-button-px py-button-py ring-inset rounded-button font-button-font font-button-weight tracking-button-tracking transition-all duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-state-focus focus-visible:outline md:px-button-lg-px md:py-button-lg-py text-button-lg-size border-2 text-button-light-primary-text bg-button-light-primary-bg border-button-light-primary-border ring-button-light-primary-border hover:text-button-light-primary-text-hover hover:bg-button-light-primary-bg-hover hover:border-button-light-primary-border-hover hover:ring-button-light-primary-border-hover focus:text-button-light-primary-text-focus focus:bg-button-light-primary-bg-focus focus:border-button-light-primary-border-focus focus:ring-button-light-primary-border-focus active:text-button-light-primary-text-active active:bg-button-light-primary-bg-active active:border-button-light-primary-border-active active:ring disabled:text-button-light-primary-text-disabled disabled:bg-button-light-primary-bg-disabled disabled:border-button-light-primary-border-disabled disabled:ring-button-light-primary-border-disabled" data-component-name="button" data-mode="light" target="">Join Today</a></div></div></div></div></div></main><div class="bg-black text-white"><div class="container"><div class="border-b border-[#151516] flex flex-col items-start md:flex-row pt-14 pb-4 md:pb-6"><a href="/hk-en/about" class="text-base font-bold mb-4 md:mr-5">About</a><a href="/hk-en/careers" class="text-base font-bold mb-4 md:mr-5">Careers</a><a href="https://www.shopify.com/news" class="text-base font-bold mb-4 md:mr-5">Press and Media</a><a href="/hk-en/plus" class="text-base font-bold mb-4 md:mr-5">Shopify Plus</a><a href="/hk-en/sitemap" class="text-base font-bold mb-4 md:mr-5">Sitemap</a></div></div><div class="border-b border-[#151516] pt-8 md:pt-5"><div class="container flex flex-row"><div class="md:flex md:flex-row md:mb-6 w-1/2 md:w-4/6"><div class="mb-16 md:mb-0 md:w-3/4"><div class="text-sm uppercase font-extrabold mb-4">Online Store</div><div class="md:columns-3"><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/hk-en/online">Sell Online</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/hk-en/examples">Examples</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/hk-en/website/builder">Website Builder</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/hk-en/tour">Online Retail</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/hk-en/tour/ecommerce-website">Ecommerce Website</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/hk-en/domains">Domain Names</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/hk-en/tour/shopping-cart">Shopping Cart</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/hk-en/tour/ecommerce-hosting">Ecommerce Hosting</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/hk-en/mobile">Mobile Commerce</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/hk-en/online-store">Online Store Builder</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/hk-en/dropshipping">Dropshipping Business</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="https://themes.shopify.com/">Store Themes</a></div></div></div><div class="mb-16 md:mb-0 md:w-1/4"><div class="text-sm uppercase font-extrabold mb-4">Point of Sale</div><div class="columns-1"><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/hk-en/pos">Point of Sale</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/hk-en/pos/features">Features</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/hk-en/pos/store">Hardware</a></div></div></div></div><div class="md:flex md:flex-row md:mb-6 w-1/2 md:w-2/6"><div class="mb-16 md:mb-0 md:w-1/2"><div class="text-sm uppercase font-extrabold mb-4">Support</div><div class="columns-1"><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="https://help.shopify.com/en/questions">24/7 support</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="https://help.shopify.com/en/">Shopify Help Center</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="https://community.shopify.com/c/Shopify-Community/ct-p/en?utm_campaign=footer&utm_content=en&utm_medium=web&utm_source=shopify">Shopify Community</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="https://shopify.dev/docs/api">API Documentation</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/hk-en/tools">Free Tools</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/hk-en/stock-photos">Free Stock Photos</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/tools/logo-maker">Logo Maker</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/tools/business-name-generator">Business Name Generator </a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/hk-en/plus/commerce-trends">Research</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/hk-en/legal">Legal</a></div></div></div><div class="mb-16 md:mb-0 md:w-1/2"><div class="text-sm uppercase font-extrabold mb-4">Shopify</div><div class="columns-1"><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/hk-en/contact">Contact</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/hk-en/partners">Partner Program</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/hk-en/affiliates">Affiliate Program</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="https://shopify.dev/?shpxid=a8997906-5385-4535-23F8-D9928E4EE397">App Developers</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="https://shopifyinvestors.com/Home/default.aspx">Investors</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/hk-en/blog/topics">Blog Topics</a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="https://community.shopify.com/c/events/eb-p/events_en/home?utm_campaign=homepage&utm_content=en&utm_medium=web&utm_source=shopify"></a></div><div class="mb-3 pr-4"><a class="text-sm text-[#B6BABF] hover:text-white" href="/hk-en/fulfillment">Fulfillment</a></div></div></div></div></div></div><div class="container flex flex-col-reverse md:flex-row items-center justify-between pt-8 pb-16 md:py-10"><ul class="flex gap-4 md:gap-6 mt-5 md:mt-0" data-component-name="social"><li><a class="block h-8 w-8 fill-white hover:fill-shade-30" href="https://www.facebook.com/shopify" rel="me nofollow noopener noreferrer" target="_blank" data-component-name="social-facebook" aria-label="External source: Facebook (Opens in a new window)"><svg viewBox="0 0 30 30"><path d="M15.6 30V19.4h5V15h-5v-3.1c0-1 .6-1.9 1.3-1.9h3.8V5.6h-3.8c-3.1 0-5.6 2.8-5.6 6.3V15H7.5v4.4h3.8v10.1C4.8 27.9 0 22 0 15 0 6.7 6.7 0 15 0s15 6.7 15 15c0 8.1-6.4 14.7-14.4 15z"></path></svg></a></li><li><a class="block h-8 w-8 fill-white hover:fill-shade-30" href="https://twitter.com/shopify" rel="me nofollow noopener noreferrer" target="_blank" data-component-name="social-twitter" aria-label="External source: Twitter (Opens in a new window)"><svg viewBox="0 0 19 19"><path fill-rule="evenodd" clip-rule="evenodd" d="M19 9.5C19 14.7467 14.7467 19 9.5 19C4.25329 19 0 14.7467 0 9.5C0 4.25329 4.25329 0 9.5 0C14.7467 0 19 4.25329 19 9.5ZM8.18721 10.0675L3.64633 3.99603H7.14609L10.123 7.97639L13.8073 3.99603H14.8358L10.5825 8.59099L15.379 15.0039H11.8792L8.64689 10.6819L4.6462 15.0039H3.61771L8.18721 10.0675ZM6.76655 4.75353H5.15877L12.2586 14.2464H13.8663L6.76655 4.75353Z"></path></svg></a></li><li><a class="block h-8 w-8 fill-white hover:fill-shade-30" href="https://www.youtube.com/user/shopify" rel="me nofollow noopener noreferrer" target="_blank" data-component-name="social-youtube" aria-label="External source: YouTube (Opens in a new window)"><svg viewBox="0 0 30 30"><path d="M30 15c0 8.3-6.7 15-15 15S0 23.3 0 15 6.7 0 15 0s15 6.7 15 15zm-5.6 0c0-6.9 0-6.9-9.4-6.9s-9.4 0-9.4 6.9 0 6.9 9.4 6.9 9.4 0 9.4-6.9zm-11.9-3.7 6.3 3.8-6.3 3.8v-7.6z"></path></svg></a></li><li><a class="block h-8 w-8 fill-white hover:fill-shade-30" href="https://www.instagram.com/shopify/" rel="me nofollow noopener noreferrer" target="_blank" data-component-name="social-instagram" aria-label="External source: Instagram (Opens in a new window)"><svg viewBox="0 0 18 18"><path clip-rule="evenodd" d="M9 0c5 0 9 4 9 9s-4 9-9 9-9-4-9-9 4-9 9-9zM6.7 3.5h4.7c1.8 0 3.2 1.4 3.2 3.1v4.7c0 1.7-1.4 3.1-3.2 3.1H6.7c-1.8 0-3.2-1.4-3.2-3.1V6.7c0-1.8 1.4-3.2 3.2-3.2zM9 6.2c1.6 0 2.9 1.3 2.9 2.9S10.6 12 9 12s-3-1.3-3-2.9 1.3-2.9 3-2.9zm0 1.2c.9 0 1.7.8 1.7 1.7 0 .9-.8 1.7-1.7 1.7-.9 0-1.7-.8-1.7-1.7 0-.9.7-1.7 1.7-1.7zm2.8-1.7c.3 0 .6.2.6.6 0 .3-.2.6-.6.6-.3 0-.6-.2-.6-.6 0-.4.3-.6.6-.6zm-4.6-1h3.7c1.4 0 2.5 1.1 2.5 2.5v3.7c0 1.4-1.1 2.5-2.5 2.5H7.2c-1.4 0-2.5-1.1-2.5-2.5V7.2c-.1-1.4 1.1-2.5 2.5-2.5z" fill-rule="evenodd"></path></svg></a></li><li><a class="block h-8 w-8 fill-white hover:fill-shade-30" href="https://www.tiktok.com/@shopify" rel="me nofollow noopener noreferrer" target="_blank" data-component-name="social-tiktok" aria-label="External source: TikTok (Opens in a new window)"><svg viewBox="0 0 30 30"><path fill-rule="evenodd" clip-rule="evenodd" d="M15 30C23.2843 30 30 23.2843 30 15C30 6.71573 23.2843 0 15 0C6.71573 0 0 6.71573 0 15C0 23.2843 6.71573 30 15 30ZM17.9679 11.937C19.1423 12.7643 20.551 13.2076 21.9952 13.2041V10.3838C21.2138 10.3841 20.4497 10.1579 19.7979 9.73365C19.3398 9.44298 18.9467 9.06336 18.6427 8.61802C18.3387 8.17268 18.1302 7.67098 18.0299 7.1436C17.9873 6.90737 17.9669 6.66779 17.9689 6.42789H15.0829V17.7069C15.0829 18.2146 14.92 18.7094 14.6173 19.1206C14.3146 19.5317 13.8877 19.8382 13.3975 19.9962C12.9073 20.1543 12.3789 20.1558 11.8878 20.0006C11.3966 19.8454 10.9679 19.5414 10.6627 19.1321C10.3576 18.7227 10.1916 18.2289 10.1886 17.7211C10.1856 17.2134 10.3456 16.7177 10.6458 16.3048C10.946 15.8919 11.3711 15.583 11.8604 15.4221C12.3496 15.2612 12.878 15.2566 13.37 15.409V12.5068C12.2944 12.3595 11.1987 12.539 10.2295 13.0213C9.26031 13.5037 8.46383 14.2658 7.94658 15.2058C7.42933 16.1458 7.21597 17.2188 7.33504 18.2814C7.4541 19.344 7.89992 20.3455 8.61286 21.1519C9.3258 21.9583 10.2719 22.5312 11.3246 22.794C12.3772 23.0568 13.4863 22.997 14.5035 22.6225C15.5207 22.2479 16.3975 21.5766 17.0166 20.6983C17.6357 19.82 17.9676 18.7766 17.9679 17.7075V11.937Z"></path></svg></a></li><li><a class="block h-8 w-8 fill-white hover:fill-shade-30" href="https://www.linkedin.com/company/shopify" rel="me nofollow noopener noreferrer" target="_blank" data-component-name="social-linkedin" aria-label="External source: LinkedIn (Opens in a new window)"><svg viewBox="0 0 30 30"><path d="M30 15c0 8.3-6.7 15-15 15S0 23.3 0 15 6.7 0 15 0s15 6.7 15 15zM11.3 7.8c0-1.2-1-2.2-2.5-2.2s-2.5.9-2.5 2.2c0 1.2 1 2.2 2.5 2.2s2.5-1 2.5-2.2zm-.7 4.1H6.9v10.6h3.8V11.9zm13.8 5c0-3.4-1.7-5.6-4.4-5.6-1.5 0-2.6.9-3.1 2.3l-.1-1.6H13c0 .4.1 2.5.1 2.5v8.1h3.8V17c0-1.5.7-2.5 1.8-2.5s1.9.6 1.9 2.5v5.6h3.8v-5.7z"></path></svg></a></li><li><a class="block h-8 w-8 fill-white hover:fill-shade-30" href="https://www.pinterest.com/shopify/" rel="me nofollow noopener noreferrer" target="_blank" data-component-name="social-pinterest" aria-label="External source: Pinterest (Opens in a new window)"><svg viewBox="0 0 30 30"><path d="M15 30c-1.5 0-2.9-.2-4.3-.6.6-.9 1.2-2 1.5-3.2.2-.7 1-4.1 1-4.1.5 1 2 1.9 3.7 1.9 4.8 0 8.1-4.4 8.1-10.3 0-4.4-3.8-8.6-9.5-8.6-7.1-.1-10.6 5-10.6 9.3 0 2.6 1 4.9 3.1 5.7.3.1.7 0 .8-.4.1-.2.2-.9.3-1.2.1-.4 0-.5-.2-.8-.6-.7-1-1.6-1-3 0-3.8 2.8-7.2 7.4-7.2 4 0 6.2 2.5 6.2 5.8 0 4.3-1.9 8-4.8 8-1.6 0-2.7-1.3-2.4-2.9.5-1.9 1.3-4 1.3-5.3 0-1.2-.7-2.3-2-2.3-1.6 0-2.9 1.7-2.9 3.9 0 1.4.5 2.4.5 2.4S9.5 24 9.3 25.3c-.3 1.1-.4 2.4-.3 3.5-5.3-2.4-9-7.7-9-13.8C0 6.7 6.7 0 15 0s15 6.7 15 15-6.7 15-15 15z"></path></svg></a></li></ul><div class="flex flex-col md:flex-row items-center"><a href="/hk-en/https://www.shopify.com/legal/terms" class="text-white text-15 ml-0 md:ml-6 mb-3 md:mb-[2px]">Terms of Service</a><a href="/hk-en/https://www.shopify.com/legal/privacy" class="text-white text-15 ml-0 md:ml-6 mb-[2px]">Privacy Policy</a><div class="relative hidden sm:block" data-click-outside="dismiss" data-component-name="regions"><button aria-controls="regionSelector" aria-expanded="false" aria-haspopup="true" class="bg-transparent mx-auto md:inline-block py-3" type="button" data-component-name="region-selector-open" tabindex="0" aria-label="Region Navigation. Current: Hong Kong SAR"><span class="inline-flex items-center"><svg viewBox="0 0 45 45" aria-hidden="true" focusable="false" class="mr-1 h-4 w-4 fill-black"><path d="M22.5 2A20.5 20.5 0 1 0 43 22.5 20.52 20.52 0 0 0 22.5 2zm-4.23 28.79A33.67 33.67 0 0 0 22 31a34.54 34.54 0 0 0 4.76-.33 30.45 30.45 0 0 1-4.26 9 30.41 30.41 0 0 1-4.23-8.88zM22 28a29.86 29.86 0 0 1-4.47-.34A31 31 0 0 1 17 22a29.87 29.87 0 0 1 .36-4.64A30.13 30.13 0 0 1 22 17a31 31 0 0 1 5.66.53A29.85 29.85 0 0 1 28 22a31 31 0 0 1-.5 5.5 31 31 0 0 1-5.5.5zm-7.64-1a25.22 25.22 0 0 1-9.15-4.5 24.89 24.89 0 0 1 9-4.48A33.56 33.56 0 0 0 14 22a34.61 34.61 0 0 0 .36 5zM22.5 5.21a25.25 25.25 0 0 1 4.5 9.15 34.61 34.61 0 0 0-5-.36 33.58 33.58 0 0 0-4 .24 25.24 25.24 0 0 1 4.5-9.03zm8.29 13.06a30.41 30.41 0 0 1 8.89 4.23 30.46 30.46 0 0 1-9 4.26A34.54 34.54 0 0 0 31 22a33.67 33.67 0 0 0-.21-3.73zm8.82.59A33.75 33.75 0 0 0 30.26 15a29.2 29.2 0 0 0-3.89-9.56 17.54 17.54 0 0 1 13.24 13.42zm-21-13.41a29.16 29.16 0 0 0-3.85 9.35 29.16 29.16 0 0 0-9.35 3.85A17.54 17.54 0 0 1 18.64 5.44zM5.44 26.36a29.2 29.2 0 0 0 9.56 3.9 33.75 33.75 0 0 0 3.86 9.36A17.54 17.54 0 0 1 5.44 26.36zm20.7 13.25a33.73 33.73 0 0 0 3.91-9.56 33.73 33.73 0 0 0 9.56-3.91 17.55 17.55 0 0 1-13.47 13.47z"></path></svg><span class="break-keep">Hong Kong SAR</span><svg viewBox="0 0 10 5" aria-hidden="true" focusable="false" class="ml-2 h-3 w-3 fill-black"><path d="m0 0 5 5 5-5H0z"></path></svg></span></button><div aria-hidden="true" class="w-128 absolute bottom-[calc(100%+5em)] z-50 rounded-lg leading-8 bg-white text-black shadow-soft-2xl right-0" id="regionSelector" data-component-name="region-selector" style="display:none"><ul class="columns-2 px-5 py-8 md:px-14 md:py-10" data-component-name="region-nav" id="region-nav"><li class="flex"><a class="flex hover:underline text-black" href="/hk-en/partners/blog/topics/shopify-theme-development?country=hk&lang=en" data-component-name="en-0" aria-current="true">Hong Kong SAR<svg viewBox="0 0 10 8" fill="none" aria-hidden="true" focusable="false" class="ml-2 w-3"><path d="M0.75 4.75L3 7.25L9.25 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></li><li class="flex"><a class="flex hover:underline text-black" href="/au/partners/blog/topics/shopify-theme-development?country=au&lang=en" lang="en" data-component-name="en-1" aria-current="false">Australia</a></li><li class="flex"><a class="flex hover:underline text-black" href="/ca/partners/blog/topics/shopify-theme-development?country=ca&lang=en" lang="en" data-component-name="en-2" aria-current="false">Canada (English)</a></li><li class="flex"><a class="flex hover:underline text-black" href="/in/partners/blog/topics/shopify-theme-development?country=in&lang=en" lang="en" data-component-name="en-3" aria-current="false">India</a></li><li class="flex"><a class="flex hover:underline text-black" href="/id/partners/blog/topics/shopify-theme-development?country=id&lang=en" lang="en" data-component-name="en-4" aria-current="false">Indonesia</a></li><li class="flex"><a class="flex hover:underline text-black" href="/ie/partners/blog/topics/shopify-theme-development?country=ie&lang=en" lang="en" data-component-name="en-5" aria-current="false">Ireland</a></li><li class="flex"><a class="flex hover:underline text-black" href="/my/partners/blog/topics/shopify-theme-development?country=my&lang=en" lang="en" data-component-name="en-6" aria-current="false">Malaysia</a></li><li class="flex"><a class="flex hover:underline text-black" href="/nz/partners/blog/topics/shopify-theme-development?country=nz&lang=en" lang="en" data-component-name="en-7" aria-current="false">New Zealand</a></li><li class="flex"><a class="flex hover:underline text-black" href="/ng/partners/blog/topics/shopify-theme-development?country=ng&lang=en" lang="en" data-component-name="en-8" aria-current="false">Nigeria</a></li><li class="flex"><a class="flex hover:underline text-black" href="/ph/partners/blog/topics/shopify-theme-development?country=ph&lang=en" lang="en" data-component-name="en-9" aria-current="false">Philippines</a></li><li class="flex"><a class="flex hover:underline text-black" href="/sg/partners/blog/topics/shopify-theme-development?country=sg&lang=en" lang="en" data-component-name="en-10" aria-current="false">Singapore</a></li><li class="flex"><a class="flex hover:underline text-black" href="/za/partners/blog/topics/shopify-theme-development?country=za&lang=en" lang="en" data-component-name="en-11" aria-current="false">South Africa</a></li><li class="flex"><a class="flex hover:underline text-black" href="/uk/partners/blog/topics/shopify-theme-development?country=gb&lang=en" lang="en" data-component-name="en-12" aria-current="false">United Kingdom</a></li><li class="flex"><a class="flex hover:underline text-black" href="/partners/blog/topics/shopify-theme-development?country=us&lang=en" lang="en" data-component-name="en-13" aria-current="false">USA</a></li></ul></div></div><div class="relative block sm:hidden" data-click-outside="dismiss" data-component-name="regions"><div aria-hidden="true" class="fixed top-0 left-0 z-50 h-full w-full text-[1.1428571429em] will-change-auto transition-opacity motion-reduce:transition-none bg-white pointer-events-none opacity-0"></div><button class="bg-transparent mx-auto md:inline-block py-3" type="button" data-component-name="region-selector-open" tabindex="0" aria-label="Region Navigation. Current: Hong Kong SAR"><span class="inline-flex items-center"><svg viewBox="0 0 45 45" aria-hidden="true" focusable="false" class="mr-1 h-4 w-4 fill-black"><path d="M22.5 2A20.5 20.5 0 1 0 43 22.5 20.52 20.52 0 0 0 22.5 2zm-4.23 28.79A33.67 33.67 0 0 0 22 31a34.54 34.54 0 0 0 4.76-.33 30.45 30.45 0 0 1-4.26 9 30.41 30.41 0 0 1-4.23-8.88zM22 28a29.86 29.86 0 0 1-4.47-.34A31 31 0 0 1 17 22a29.87 29.87 0 0 1 .36-4.64A30.13 30.13 0 0 1 22 17a31 31 0 0 1 5.66.53A29.85 29.85 0 0 1 28 22a31 31 0 0 1-.5 5.5 31 31 0 0 1-5.5.5zm-7.64-1a25.22 25.22 0 0 1-9.15-4.5 24.89 24.89 0 0 1 9-4.48A33.56 33.56 0 0 0 14 22a34.61 34.61 0 0 0 .36 5zM22.5 5.21a25.25 25.25 0 0 1 4.5 9.15 34.61 34.61 0 0 0-5-.36 33.58 33.58 0 0 0-4 .24 25.24 25.24 0 0 1 4.5-9.03zm8.29 13.06a30.41 30.41 0 0 1 8.89 4.23 30.46 30.46 0 0 1-9 4.26A34.54 34.54 0 0 0 31 22a33.67 33.67 0 0 0-.21-3.73zm8.82.59A33.75 33.75 0 0 0 30.26 15a29.2 29.2 0 0 0-3.89-9.56 17.54 17.54 0 0 1 13.24 13.42zm-21-13.41a29.16 29.16 0 0 0-3.85 9.35 29.16 29.16 0 0 0-9.35 3.85A17.54 17.54 0 0 1 18.64 5.44zM5.44 26.36a29.2 29.2 0 0 0 9.56 3.9 33.75 33.75 0 0 0 3.86 9.36A17.54 17.54 0 0 1 5.44 26.36zm20.7 13.25a33.73 33.73 0 0 0 3.91-9.56 33.73 33.73 0 0 0 9.56-3.91 17.55 17.55 0 0 1-13.47 13.47z"></path></svg><span class="break-keep">Hong Kong SAR</span><svg viewBox="0 0 10 5" aria-hidden="true" focusable="false" class="ml-2 h-3 w-3 fill-black"><path d="m0 0 5 5 5-5H0z"></path></svg></span></button><div aria-hidden="true" class="webkit-overflow-scrolling-touch fixed overflow-hidden z-[999] box-content will-change-auto w-full inset-0 mt-16 rounded-t-lg leading-[3rem] duration-300 ease-in-out motion-reduce:animation-none motion-reduce:transition-none bg-white text-black shadow-soft-2xl invisible translate-y-full" id="mobileRegionSelector" aria-label="Region Navigation" aria-modal="true" role="dialog"><div class="border-shade-30 border-b"><div class="flex items-center justify-between px-5 py-4"><h3 class="text-lg font-medium">Country/region</h3><button class="h-[1.2em] w-[1.2em] fill-current" type="button" data-component-name="region-selector-close"><svg viewBox="0 0 20 20" aria-label="Close Region Navigation" class="h-[1.2em] w-[1.2em] fill-current fill-black"><path d="m11.414 10 6.293-6.293a1 1 0 0 0-1.414-1.414L10 8.586 3.707 2.293a1 1 0 0 0-1.414 1.414L8.586 10l-6.293 6.293a1 1 0 0 0 1.414 1.414L10 11.414l6.293 6.293a.996.996 0 0 0 1.414 0 1 1 0 0 0 0-1.414L11.414 10z"></path></svg></button></div></div><div class="h-full overflow-y-scroll pb-4"><ul class="columns-2 px-5 py-8 md:px-14 md:py-10" data-component-name="region-nav" id="region-nav"><li class="flex"><a class="flex hover:underline text-black" href="/hk-en/partners/blog/topics/shopify-theme-development?country=hk&lang=en" data-component-name="en-0" aria-current="true">Hong Kong SAR<svg viewBox="0 0 10 8" fill="none" aria-hidden="true" focusable="false" class="ml-2 w-3"><path d="M0.75 4.75L3 7.25L9.25 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></li><li class="flex"><a class="flex hover:underline text-black" href="/au/partners/blog/topics/shopify-theme-development?country=au&lang=en" lang="en" data-component-name="en-1" aria-current="false">Australia</a></li><li class="flex"><a class="flex hover:underline text-black" href="/ca/partners/blog/topics/shopify-theme-development?country=ca&lang=en" lang="en" data-component-name="en-2" aria-current="false">Canada (English)</a></li><li class="flex"><a class="flex hover:underline text-black" href="/in/partners/blog/topics/shopify-theme-development?country=in&lang=en" lang="en" data-component-name="en-3" aria-current="false">India</a></li><li class="flex"><a class="flex hover:underline text-black" href="/id/partners/blog/topics/shopify-theme-development?country=id&lang=en" lang="en" data-component-name="en-4" aria-current="false">Indonesia</a></li><li class="flex"><a class="flex hover:underline text-black" href="/ie/partners/blog/topics/shopify-theme-development?country=ie&lang=en" lang="en" data-component-name="en-5" aria-current="false">Ireland</a></li><li class="flex"><a class="flex hover:underline text-black" href="/my/partners/blog/topics/shopify-theme-development?country=my&lang=en" lang="en" data-component-name="en-6" aria-current="false">Malaysia</a></li><li class="flex"><a class="flex hover:underline text-black" href="/nz/partners/blog/topics/shopify-theme-development?country=nz&lang=en" lang="en" data-component-name="en-7" aria-current="false">New Zealand</a></li><li class="flex"><a class="flex hover:underline text-black" href="/ng/partners/blog/topics/shopify-theme-development?country=ng&lang=en" lang="en" data-component-name="en-8" aria-current="false">Nigeria</a></li><li class="flex"><a class="flex hover:underline text-black" href="/ph/partners/blog/topics/shopify-theme-development?country=ph&lang=en" lang="en" data-component-name="en-9" aria-current="false">Philippines</a></li><li class="flex"><a class="flex hover:underline text-black" href="/sg/partners/blog/topics/shopify-theme-development?country=sg&lang=en" lang="en" data-component-name="en-10" aria-current="false">Singapore</a></li><li class="flex"><a class="flex hover:underline text-black" href="/za/partners/blog/topics/shopify-theme-development?country=za&lang=en" lang="en" data-component-name="en-11" aria-current="false">South Africa</a></li><li class="flex"><a class="flex hover:underline text-black" href="/uk/partners/blog/topics/shopify-theme-development?country=gb&lang=en" lang="en" data-component-name="en-12" aria-current="false">United Kingdom</a></li><li class="flex"><a class="flex hover:underline text-black" href="/partners/blog/topics/shopify-theme-development?country=us&lang=en" lang="en" data-component-name="en-13" aria-current="false">USA</a></li></ul></div></div></div></div></div></div></div><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/entry.client-Dxyjp9Ci.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/components-BYkh7uQh.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/PageData-BPXZST2I.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/PageLayout-DRZoM9hJ.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Provider-DTiy5_sz.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/SideBySide-Cp8LOrWn.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Section-BpAWeRIp.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/HeadingGroup-NuFRZU-B.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/SectionHeader-De54UcC1.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Image-UxWIC-g0.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/root-D1vdkrKJ.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/preload-font-CWwEAuti.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/layout-DKTEhKRd.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/blog-DY6PqPDm.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/BlogCard-Cj5hcYrX.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/NavigationSearch-KcOqWsCP.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/BlogConversion-YwMdGInk.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/FakeCursorPagination-Cq0sBVsX.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/partnersHelpers-BlRjfC34.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/PartnersFooter-XvX9vjAG.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/usePaginatedPageTitle-CSY13Xcy.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/useBlogPageTitle-CqfkEf3D.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/handle-BeFHnPVi.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/constants-Cs9nQPfb.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/style-l2iGeMrQ.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/ChevronRightIcon.svg-CYwxTNTZ.js"/><link rel="modulepreload" href="https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/route-C_hg_bhg.js"/><script>window.__remixContext = {"basename":"/","future":{"v3_fetcherPersist":true,"v3_relativeSplatPath":true,"v3_throwAbortReason":true,"v3_routeConfig":false,"v3_singleFetch":false,"v3_lazyRouteDiscovery":true,"unstable_optimizeDeps":false},"isSpaMode":false,"state":{"loaderData":{"root":{"globalTranslations":{"en-HK":{"global":{}},"en":{"global":{"argoPlaceholder":"2","ariaLabels":{"close":"Close","carousel":{"name":"carousel","slide":"slide","xOfY":"{x} of {y}","play":"Play carousel","pause":"Pause carousel"},"footer":{"regionsNav":"Region Navigation","regionsClose":"Close Region Navigation","newWindow":"Opens an external site in a new window"},"header":{"mobileNavMenu":"Menu","mainNav":"Main","secondaryNav":"Related pages","skipToContent":"Skip to Content"},"headerLight":{"dismissIcon":"Dismiss banner"},"learnMore":"Learn more about {title}","link":{"external":"External source: ","newWindow":" (Opens in a new window)","label":"{{external}}{{title}}{{newWindow}}"},"logoGroup":"Logos","modal":{"close":"Close modal","pip":"Picture in picture"},"next":"Next","previous":"Previous","current":"Current","pagination":{"previous":"Previous page","next":"Next page"},"shopifyLogo":"Shopify logo","shopifyPartnersLogo":"Shopify partners logo","testimonial":{"controls":"Navigate testimonials","plural":"Testimonials","next":"Next Testimonial","previous":"Previous Testimonial","play":"Play Testimonial","pause":"Pause Testimonial"},"videoModal":"video","video":{"play":"Play video","pause":"Pause video","mute":"Mute video","unmute":"Unmute video"}},"incentivesPromoBanner":{"gpv_acquisition_incentive_flag":"Join today and get up to \u003ca id=\"showTermsLink\" target=\"_blank\" data-component-name=\"sales-bonus-terms\" href=\"{{incentiveTerms}}\"/ style=\"color: inherit; font-weight: normal\"\u003e$5,000 in cash rebates\u003c/a\u003e on your first six months of sales","retail":{"spRateTermsLink":"\u0026nbsp\u003ca id=\"spIncentivesTermsLink\" target=\"_blank\" class=\"!font-normal\" target=\"_blank\" data-component-name=\"sp-incentive-terms\" href=\"{{incentiveTerms}}\"/\u003eTerms apply\u003c/a\u003e","subscriptionIncentive":"Special offer: get 6 months of POS Pro for {{incentivePrice}}/month","spRateIncentive":"Get {{rate}}% card rates on up to {{gpvLimit}} USD of in-person sales during your first {{length}} months.","spRateIncentiveTerms":"Terms apply","cardReaderDiscountIncentive":"Get a free card reader when you pick a plan.","cardReaderDiscountIncentiveTerms":"Terms apply"}},"cookiesNotice":{"acceptAllButtonText":"Accept all","activeConsentContentHtml":"We use cookies (and other similar technologies) for many purposes, including to improve your experience on our site and for ads and analytics. Click \"Accept all\" to accept these uses. Read more in our \u003ca href=\"{{legalCookiesPath}}\"\u003eCookie Policy\u003c/a\u003e.","buttonText":"OK","contentHtml":"Shopify uses cookies to provide necessary site functionality and improve your experience. By using our website, you agree to our \u003ca href=\"{{legalPrivacyPath}}\"\u003ePrivacy Policy\u003c/a\u003e and our \u003ca href=\"{{legalCookiesPath}}\"\u003eCookie Policy\u003c/a\u003e.","rejectAllButtonText":"Reject all"},"countries":{"au":"Australia","be":"Belgium","br":"Brazil","ca":"Canada","cn":"China","co":"Colombia","cz":"Czech Republic","dk":"Denmark","en":"USA","es":"Spain","de":"Germany","fi":"Finland","fr":"France","gb":"UK","hk":"Hong Kong SAR","id":"Indonesia","ie":"Ireland","in":"India","it":"Italy","jp":"Japan","kr":"Korea","my":"Malaysia","mx":"Mexico","ng":"Nigeria","nl":"Netherlands","no":"Norway","nz":"New Zealand","ph":"Philippines","pl":"Poland","pt":"Portugal","se":"Sweden","sg":"Singapore","th":"Thailand","tr":"Turkey","tw":"Taiwan","us":"USA","vn":"Vietnam","za":"South Africa"},"languages":{"cs":"Czech","da":"Danish","de":"German","en":"English","es":"Spanish","fi":"Finnish","fr":"French","it":"Italian","ja":"Japanese","ko":"Korean","nb":"Norwegian Bokmål","nl":"Dutch","pl":"Polish","pt":"Portuguese","pt-PT":"Portuguese Portugal","sv":"Swedish","th":"Thai","tr":"Turkish","vi":"Vietnamese","zh-Hans":"Chinese Simplified","zh-Hant":"Chinese Traditional"},"downloadApp":{"androidAlt":"Get the Shopify app on Google Play","androidUrl":"https://shopify.com/install/android","iosAlt":"Download the Shopify app on the Apple App Store","iosUrl":"https://shopify.com/install/mobile","qrCodeAlt":"QR code to download from","qrTitle":"Scan to install"},"downloadposApp":{"androidAlt":"Get the Shopify POS Mobile app on Google Play","androidUrl":"https://play.google.com/store/apps/details?id=com.shopify.pos","iosAlt":"Download the Shopify POS Mobile app on the Apple App Store","iosUrl":"https://apps.apple.com/us/app/shopify-point-of-sale-pos/id686830644","qrCodeAlt":"QR code to download from","qrTitle":"Scan or click below to install"},"forms":{"fields":{"country":{"label":"Country","placeholder":"Select one","error":"Please select a country"}}},"globalNav":{"applyText":"Apply for early access","applyTextPlain":"Apply for access","getStarted":"Get started","headerPdfCta":"Download document","headerPdfCtaLink":"https://cdn.shopify.com/static/Shopify-Guide_PDF.pdf","homeUrl":"{{home}}","loginGetStartedText":"Log in to get started","loginText":"Log in","loginUrl":"/login","signinText":"Sign in","signupText":"Start free trial","signupTextFree":"Sign up free","signupTextPlain":"Sign up","searchText":"Search","searchPlaceholder":"Type something you're looking for","searchPlaceholderMobile":"Search","signUpButtonText":"Get in touch","sharedBottomBar":{"shopify":"Shopify","shopifyDesc":"Platform for entrepreneurs \u0026 SMBs","plus":"Plus","plusDesc":"A commerce solution for growing digital brands","enterprise":"Enterprise","enterpriseDesc":"Solutions for the world’s largest brands"},"edition":"Winter ’25 Edition"},"showLess":"Show less","showMore":"Show more","home":"{{home}}","learnMore":"Learn more","plans":{"pricingFaqAnswerWithDiscount":"We offer a 25% discount for yearly subscriptions if you choose the Basic, Shopify, or Advanced plans. If you choose a 3-year Shopify Plus plan, we offer a monthly discount and lower online variable platform fees."},"sell":{"header":"Explore your options","title":"Apps that help you sell {{vertical}}","subheading":"Some popular apps other merchants use","seeRecommendedApps":"See more recommended apps","by":"By {{partner}}"},"shopify":"Shopify","pagination":{"page":"Page"},"signup":{"buttonText":"Start free trial","plusButtonText":"Get in touch","buttonText_fr":"Launch your store","label":"Email address","placeholder":"Enter your email address","disclaimerHtml":"Try Shopify free for {{trialLength}} days, no credit card\u0026nbsp;required. By entering your email, you agree to receive marketing emails\u0026nbsp;from\u0026nbsp;Shopify.","disclaimerNoLengthHtml":"No credit card required. By entering your email, you agree to receive marketing emails\u0026nbsp;from\u0026nbsp;Shopify.","testimonialButtonText":"Try Shopify free for {{trialLength}} days","freeTrialCtaHtml":"Try Shopify for free, and explore all the tools and services you need to start, run, and grow your\u0026nbsp;business.","signupPaidTrialPromo":{"default_one":"Get {{trialLength}} days free then 1 month for {{paidTrialAmount}}.","default_other":"Start for free, then get your first {{count}} months for {{paidTrialAmount}}/mo.","disclaimer":"By entering your email, you agree to receive marketing emails\u0026nbsp;from\u0026nbsp;Shopify.","disclaimerNoEmail_one":"Don’t have a Shopify store? \u003ca href=\"{{deeplinkFreeTrial}}\" data-component-name=\"{{deeplinkFreeTrialName}}\"\u003eStart free, then get your first month for {{paidTrialAmount}}.\u003c/a\u003e","disclaimerNoEmail_other":"Don’t have a Shopify store? \u003ca href=\"{{deeplinkFreeTrial}}\" data-component-name=\"{{deeplinkFreeTrialName}}\"\u003eStart for free, then get your first {{count}} months for {{paidTrialAmount}}/mo.\u003c/a\u003e"}},"social":{"facebook":{"text":"Facebook","url":"https://www.facebook.com/shopify","url_de":"https://www.facebook.com/shopifyDE","url_jp":"https://www.facebook.com/ShopifyJP"},"twitter":{"text":"Twitter","url":"https://twitter.com/shopify","url_jp":"https://twitter.com/ShopifyJP"},"youtube":{"text":"YouTube","url":"https://www.youtube.com/user/shopify","url_de":"https://www.youtube.com/c/ShopifyDeutsch","url_fr":"https://www.youtube.com/c/ShopifyFrançais","url_it":"https://www.youtube.com/c/ShopifyItaliano","url_jp":"https://www.youtube.com/c/ShopifyJapan","url_nl":"https://www.youtube.com/c/ShopifyNederlands","url_br":"https://www.youtube.com/c/ShopifyBrasil"},"instagram":{"text":"Instagram","url":"https://www.instagram.com/shopify/"},"tiktok":{"text":"TikTok","url":"https://www.tiktok.com/@shopify"},"linkedin":{"text":"LinkedIn","url":"https://www.linkedin.com/company/shopify"},"pinterest":{"text":"Pinterest","url":"https://www.pinterest.com/shopify/","url_jp":"https://www.pinterest.com/shopifyjp/"},"email":{"text":"Email","url":"mailto:"}},"tableOfContents":"Table of Contents","totalApps":6000,"totalThemes":70,"supportedLanguages":50,"totalGateways":100,"totalStores":1700000,"uptime":99.98,"waitlistForm":{"errors":{"general":"Something went wrong, try again later","emailFormat":"Email is formatted incorrectly"},"successMessage":"Done","placeholder":"Enter your email address","buttonText":"Signup"},"editionsEyebrow":{"text":"Shopify Editions | Winter ’25 is live"},"sectionErrorBoundary":{"message":"This content is not loading due to a technical problem"},"nav":{"about":"About Shopify","academy":"Shopify Academy","allFeatures":"All features","allProducts":"All Products","allProductsDescription":"Explore all Shopify products \u0026 features","appStore":"Find business apps","appStoreDescription":"Shopify app store","b2b":"Sell wholesale \u0026 direct","b2bDescription":"Business-to-business (B2B)","balance":"Balance","banking":"Banking","billPay":"Bill Pay","blog":"Blog","blogEnterprise":"Enterprise Blog","blogMerchants":"Merchant Blog","blogRetail":"Retail Blog","borrowing":"Borrowing","branding":"Branding","brandingDescriptionV2":"Build your brand from scratch","brandingFlyoutDescription":"Look professional and help customers connect with your business","build":"Build","burst":"Free stock photos","businessEncyclopedia":"Business encyclopedia","businessFunding":"Secure business funding","businessFundingDescription":"Shopify Capital","businessGrowth":"Business growth","businessGrowthDescription":"Scale your business","businessNameGenerator":"Business name generator ","businessPlanTemplate":"Business plan template","businessTypes":"Business Types","buyButton":"Buy Button","buyButtonDescription":"Transform an existing website or blog into an online store","buyButtonSubnav":"Explore Buy Button","capital":"Capital","capitalLoansAndCashAdvances":"Large retailer funding","capitalSmallBusiness":"Small business funding","cdiscount":"Cdiscount","changelog":"Changelog","changelogDescription":"Your source for recent updates","checkout":"Checkout","checkoutDescription":"Provide fast, smooth checkout experiences","checkoutDescriptionV2":"World-class checkout","checkoutV2":"Check out customers","commerceComponents":"Enterprise","commerceComponentsDescription":"Solutions for the world's largest brands","community":"Community","communityEvents":"Community Events","compareToPlus":"Compare to Plus","compass":"Business courses","compassDescription":"Learn from proven experts","calculator":"Cost calculator","credit":"Credit","ctaAlt":"Free Trial","docs":"Docs","customerInsights":"Know your audience","customerInsightsDescription":"Gain customer insights","customization":"Customization","domains":"Domains","domainsAndHosting":"Own your site domain","domainsAndHostingDescription":"Domains \u0026 hosting","dropshipping":"Dropshipping","ecommerce":"Online store","ecommerceDescription":"Online store editor","ecommerceSeo":"Ecommerce SEO","ecommerceSeoDescription":"Improve your search ranking","ecommerceV2":"Create your website","editions":"Editions","editionsAll":"All Editions","editionsAllDescription":"Archive of past Shopify Editions","editionsCurrent":"Summer ’24 Edition","editionsLast":"Winter ’25 Edition","editionsLastDescription":"The latest 150+ product updates","emailMarketing":"Email marketing","encyclopedia":"Encyclopedia","essentialTools":"Essential tools","examples":"Examples","exchange":"Websites for sale","experts":"Experts","facebook":"Facebook Shops","facebookAds":"Facebook Ads","facebookInstagram":"Facebook \u0026 Instagram","faq":"FAQ","features":"Features","financesManagement":"Manage your finances \u0026 access funding","financesManagementDescription":"Shopify Finance","flow":"Ecommerce automation","flowDescription":"Shopify Flow","flowV2":"Automate your business","forums":"Shopify Community","founderStories":"Founder stories","founderStoriesDescription":"Learn from successful merchants","fraudProtection":"Fraud Protection","freeBusinessTools":"Explore free business tools","freeBusinessToolsDescription":"Tools to run your business","freeTools":"Free tools","fulfillment":"Fulfillment","fulfillmentDescription":"Shopify Fulfillment Network","fulfillmentV2":"Outsource fulfillment \u0026 returns","getStarted":"Start free trial","getInTouch":"Get in touch","google":"Google","googleSmart":"Google","googleYoutube":"Google \u0026 Youtube","guides":"Guides","hardware":"Hardware","hardwareStore":"Hardware store","helpAndSupport":"Help and support","helpAndSupportDescription":"Get 24/7 support","helpCenter":"Help Center","howToGuides":"How-to guides","howToGuidesDescription":"Read in-depth business guides","impressumGenerator":"Impressum-Generator","inbox":"Business chat","inboxDescription":"Turn browsers into buyers","inboxDescriptionV2":"Shopify Inbox","inboxV2":"Chat with customers","instagram":"Instagram","installments":"Installments","internationalSales":"International sales","internationalSalesDescription":"Sell globally","inventoryOrderManagement":"Manage your stock \u0026 orders","inventoryOrderManagementDescription":"Inventory \u0026 order management","joinNow":"Join Now","learn":"Learn","lending":"Lending","linkInBioTool":"Link in bio tool","login":"Log in","logoMaker":"Logo maker","manage":"Manage","manageEverything":"Manage everything","manageYourBusiness":"Manage your business","manageYourBusinessDescription":"Track sales, orders \u0026 analytics","market":"Market","marketDescription":"Market your business","marketDescriptionV2":"Reach \u0026 retain customers","marketing":"Marketing","marketingAutomation":"Marketing automation","marketingDescription":"Build a marketing plan","marketingTools":"Marketing tools","marketingToolsDescription":"Ads, email campaigns, and more","marketplaces":"Online marketplaces","markets":"International commerce","marketsDescription":"Reach buyers in new markets with international selling tools","measureYourPerformance":"Measure your performance","measureYourPerformanceDescription":"Analytics and Reporting","midMarket":"Mid-market","migrateToShopify":"Migrate to Shopify","migrateToShopifyDescription":"Compare to other platforms","mobileApp":"Mobile app","mobileAppDescription":"Respond in real time","moneyManagement":"Get paid faster","moneyManagementDescription":"Shopify Balance","more":"More","newsroom":"Newsroom","newsroomDescription":"All company news and press releases","onlineFlyoutDescription":"Find a domain, explore stock images, and amplify your brand","onlinePresence":"Online presence","onlineStoreDescription":"Sell online with an ecommerce website","omnichannel":"Omnichannel selling","orderManagementAndFulfillment":"Order management and delivery","overview":"Overview","partners":"Partners","payments":"Payment processing","paymentsDescription":"Set up forms of payment","paymentsOverview":"Overview","paymentsV2":"Accept online payments","pillarDropdownCta":"Get started","ping":"Shopify Ping","plus":"Plus","plusPricing":"Plus Pricing","podcasts":"Podcasts","pointOfSale":"Point of Sale","pointOfSaleDescription":"Point of Sale (POS)","pointOfSaleV2":"Sell in person","popularTopics":"Popular topics","pos":"Shopify POS","posPricing":"POS Pricing","posSystemSmallBusiness":"Small business POS","posMultiStore":"Multi-store POS","posInventorySystem":"POS inventory system","posAndroid":"Android POS","posIpad":"iPad POS","posApp":"POS App","posSoftware":"POS Software","pricing":"Pricing","pricingOverview":"Pricing overview","productSourcing":"Product sourcing","productSourcingDescription":"Find products to sell","productsToSell":"Products to sell","qrCodeGenerator":"QR code generator","rakuten":"Rakuten","research":"Research","resources":"Resources","retail":"Retail POS","retailDescription":"Sell at retail locations, pop-ups, and beyond","salesChannels":"Sales channels","salesChannelsDescription":"Reach millions of shoppers and boost sales","salesChannelsDescriptionV2":"Channels for social \u0026 marketplaces","salesChannelsV2":"Sell across channels","segmentation":"Customer groups","sell":"Sell","sellEverywhere":"Sell everywhere","sellOnline":"Sell online","sellOnlineDescription":"Grow your business online","sellYourProducts":"Sell your products","sellYourProductsDescription":"Sell online or in person","shipping":"Shipping","shippingDescription":"Fulfill orders faster","shippingDescriptionV2":"Shopify Shipping","shippingV2":"Ship orders faster","inventoryDescription":"Inventory management","shop":"Shop","shopPay":"Shop Pay","shopifyBlog":"Shopify blog","shopifyBlogDescription":"Business strategy tips","shopifyCaseStudies":"Case Studies","shopifyCaseStudiesDescription":"Learn from successful merchants","shopifyComparison":"Shopify comparison","shopifyComparisonDescription":"Comparison with other platforms","shopifyMigration":"Migrate to Shopify","shopifyMigrationDescription":"Migration checklists, guides and tools","shopifyDevelopers":"Shopify Developers","shopifyDevelopersDescription":"Build with Shopify's powerful APIs","shopifyEditions":"Shopify Editions","shopifyEditionsDescription":"New, innovative Shopify products","shopifyEmail":"Nurture customers","shopifyEmailDescription":"Shopify Email","shopifyFinance":"Shopify Finance","shopifyGold":"Enterprise","shopifyOnlineStore":"Shopify Online store","shopifyPlus":"Enterprise","shopifyPlusDescription":"A commerce solution for growing digital brands","shopifyPointOfSale":"Shopify Point of Sale","shopifySite":"shopify.com","shopifyVsBigCommerce":"Shopify vs. BigCommerce","shopifyVsSalesforce":"Shopify vs. Salesforce","shopifyVsSquare":"Shopify vs. Square","signup":"Sign up","social":"Social media","socialDescription":"Social media integrations","socialMediaStrategy":"Social media strategy","socialMediaStrategyDescription":"Turn social into sales","socialV2":"Market across social","solutions":"Solutions","staffManagement":"Staff management","start":"Start","startYourBusiness":"Start your business","startYourBusinessDescription":"Build your brand","stockPhotography":"Stock photography","storeSetup":"Store set up","storeSetupDescription":"Use Shopify’s powerful features to start selling","storeThemes":"Store themes","storeThemesDescription":"Customize your store","successStories":"Success stories","tax":"Tax","termLoans":"Term Loans","themeStore":"Theme store","themes":"Themes","tiktok":"TikTok","upgradeToPlus":"Upgrade to Plus","videos":"Videos","walmart":"Walmart Marketplace","waysToSell":"Ways to sell","webAddress":"Domain name","websiteBuilder":"Website Builder","whatIsShopify":"What is Shopify?","whatIsShopifyDescription":"How our commerce platform works","whatsNew":"What’s new","youtube":"YouTube"},"footer":{"about":"About","aboutShopify":"About Shopify","accessibility":"Accessibility","affiliateProgram":"Affiliate Program","affiliates":"Affiliates","apiDocs":"API Documentation","appDemo":"App Demo","appDeveloperProgram":"App Developers","appStore":"App Store","ar":"Shopify AR","blog":"Blog","blogTopics":"Blog Topics","brand":"Brand","buildBlack":"Build Black","buildNative":"Build Native","businessNameGenerator":"Business Name Generator ","burst":"Free Stock Photos","buyButton":"Buy Button","capital":"Capital","careers":"Careers","commerceComponents":"Commerce Components","company":"Company","companyInfo":"Company Info","contact":"Contact","contactShopify":"Contact Shopify","countrySelect":"Change your country or region.","countrySelectHeading":"Country/region","devDegree":"Dev Degree","developers":"Developers","documentation":"Shopify Help Center","domainNames":"Domain Names","domains":"Domains","dropshipping":"Dropshipping Business","ecommerce":"Online Store","ecommerceHosting":"Ecommerce Hosting","ecommerceSoftware":"Ecommerce Software","economicGrowth":"Economic Growth","email":"Email","examples":"Examples","experts":"Shopify Partners","featureTour":"Website Builder","features":"Features","forums":"Shopify Community","fulfillment":"Fulfillment","gaming":"Gaming","globalImpact":"Global Impact","hardware":"Hardware","hatchful":"Hatchful","heading":"More resources","helpCenter":"Help Center","hireAnExpert":"Hire a Partner","investors":"Investors","leadership":"Leadership","legal":"Legal","linkpop":"Linkpop","logoGenerator":"Logo Maker","managePrivacy":"Manage Privacy","merchantSupport":"Merchant Support","mobileCommerce":"Mobile Commerce","onlineStore":"Ecommerce Website","onlineStoreBuilder":"Online Store Builder","partnerProgram":"Partner Program","partners":"Partners","payments":"Payments","phoneNumber":"1-888-329-0139","platform":"Platform","pointOfSale":"Point of Sale","posFeatures":"Features","posSoftware":"POS Software","pressAndMedia":"Press and Media","pressReleases":"Press Releases","privacyChoices":"Privacy Choices","privacyPolicy":"Privacy Policy","products":"Products","research":"Research","resources":"Support","sellInStore":"Point of Sale","sellOnline":"Sell Online","sellOnlineTour":"Online Retail","serviceStatus":"Service Status","setUp":"Setup","sfn":"Shopify Fulfillment Network","shipping":"Shipping","shop":"Shop","shopPay":"Shop Pay","shopify":"Shopify","shopifyAcademy":"Shopify Academy","shopifyEvents":"Shopify Events","shopifyExperts":"Shopify Partners","shopifyForEnterprise":"Shopify for Enterprise","shopifyGold":"Enterprise","shopifyLite":"Shopify Lite","shopifyPlus":"Shopify Plus","shoppingCart":"Shopping Cart","sitemap":"Sitemap","social":"Social","socialImpact":"Social Impact","solutions":"Solutions","storeDesign":"Themes","storeThemes":"Store Themes","support":"24/7 support","supportLimited":"Customer Support","sustainability":"Sustainability","termsOfService":"Terms of Service","themeStore":"Theme Store","themeSupport":"Theme Support","themes":"Themes","tools":"Free Tools","topics":"Topics","trustSealsAccessibilityText":"Use Shopify with confidence. Our platform has been assessed and certified by:","video":"Video","videoTutorials":"Video Tutorials"}}}},"site":{"domain":"en.shopify.hk","countryCode":"HK","hreflang":"en-HK","locale":"en-HK","baseEnDomain":true,"currencyCode":"HKD","features":["adword_credits","apple_pay","blog","enterprise_blog","facebook_instagram","google_pay","google","lite_plan","starter_plan","paypal","plus","localized_help_center","payments_online","pos","sitemap_blog","sitemap_blog_retail","sitemap_enterprise","sitemap_tools","split_rate","support_24_7","shop","google_buy","global_page_title"],"pathPrefix":"hk-en","languageCode":"en"}},"pages/shopify.com/($locale)~~layout":{"mainNavData":[{"content":"Solutions","data":{"gaEvent":"Main Nav","gaAction":"Online Solutions"},"navItems":[{"content":"Start","data":{"gaEvent":"Main Nav","gaAction":"Build Nav"},"columnStart":1,"columnSpan":3,"icon":"build","navItems":[{"content":"Start your business","url":"/hk-en/start","separated":true,"data":{"gaEvent":"Main Nav","gaAction":"Start"},"description":"Build your brand"},{"content":"Create your website","url":"/hk-en/website/builder","data":{"gaEvent":"Main Nav","gaAction":"Create your website"},"description":"Online store editor"},{"content":"Customize your store","url":"https://themes.shopify.com/","data":{"gaEvent":"Main Nav","gaAction":"Customize your store"},"description":"Store themes"},{"content":"Find business apps","url":"https://apps.shopify.com/","data":{"gaEvent":"Main Nav","gaAction":"Find business apps"},"description":"Shopify app store"},{"content":"Own your site domain","url":"/hk-en/domains","data":{"gaEvent":"Main Nav","gaAction":"Own your site domain"},"description":"Domains \u0026 hosting"},{"content":"Explore free business tools","url":"/hk-en/tools","data":{"gaEvent":"Main Nav","gaAction":"Explore free business tools"},"description":"Tools to run your business"}]},{"content":"Sell","data":{"gaEvent":"Main Nav","gaAction":"Sell Nav"},"columnStart":4,"columnSpan":3,"icon":"sell","navItems":[{"content":"Sell your products","url":"/hk-en/sell","separated":true,"data":{"gaEvent":"Main Nav","gaAction":"Sell your products"},"description":"Sell online or in person"},{"content":"Sell online","url":"/hk-en/online","data":{"gaEvent":"Main Nav","gaAction":"Sell online"},"description":"Grow your business online"},{"content":"Sell across channels","url":"/hk-en/channels","data":{"gaEvent":"Main Nav","gaAction":"Sell on across channels"},"description":"Reach millions of shoppers and boost sales"},{"content":"Sell in person","url":"/hk-en/pos","data":{"gaEvent":"Main Nav","gaAction":"Sell in person"},"description":"Point of Sale (POS)"},{"content":"Sell globally","url":"/hk-en/international","data":{"gaEvent":"Main Nav","gaAction":"Sell globally"},"description":"International sales"},{"content":"Sell wholesale \u0026 direct","url":"/hk-en/plus/solutions/b2b-ecommerce","data":{"gaEvent":"Main Nav","gaAction":"Sell wholesale and direct"},"description":"Business-to-business (B2B)"},{"content":"Accept online payments","url":"/hk-en/payments","data":{"gaEvent":"Main Nav","gaAction":"Accept online payments"},"description":"Set up forms of payment"}]},{"content":"Market","data":{"gaEvent":"Main Nav","gaAction":"Market Nav"},"columnStart":7,"columnSpan":3,"icon":"market","navItems":[{"content":"Market your business","url":"/hk-en/marketing","separated":true,"data":{"gaEvent":"Main Nav","gaAction":"Market your business"},"description":"Reach \u0026 retain customers"},{"content":"Market across social","url":"/hk-en/facebook-instagram","data":{"gaEvent":"Main Nav","gaAction":"Market across social"},"description":"Social media integrations"},{"content":"Chat with customers","url":"/hk-en/inbox","data":{"gaEvent":"Main Nav","gaAction":"inbox"},"description":"Shopify Inbox"},{"content":"Nurture customers","url":"/hk-en/email-marketing","data":{"gaEvent":"Main Nav","gaAction":"Shopify Email"},"description":"Shopify Email"},{"content":"Know your audience","url":"/hk-en/segmentation","data":{"gaEvent":"Main Nav","gaAction":"Know your customers"},"description":"Gain customer insights"}]},{"content":"Manage","data":{"gaEvent":"Main Nav","gaAction":"Manage Nav"},"columnStart":10,"columnSpan":3,"icon":"manage","navItems":[{"content":"Manage your business","url":"/hk-en/manage","separated":true,"data":{"gaEvent":"Main Nav","gaAction":"Manage your business"},"description":"Track sales, orders \u0026 analytics"},{"content":"Measure your performance","url":"/hk-en/analytics","data":{"gaEvent":"Main Nav","gaAction":"Measure your Performance"},"description":"Analytics and Reporting"},{"content":"Manage your stock \u0026 orders","url":"/hk-en/orders","data":{"gaEvent":"Main Nav","gaAction":"Organize inventory and orders"},"description":"Inventory \u0026 order management"},{"content":"Automate your business","url":"/hk-en/flow","data":{"gaEvent":"Main Nav","gaAction":"Automate your business"},"description":"Shopify Flow"}]},{"aside":true,"columnStart":1,"columnSpan":12,"navItems":[{"content":"Shopify Developers","url":"https://shopify.dev","data":{"gaEvent":"Main Nav","gaAction":"Shopify Developers"},"description":"Build with Shopify's powerful APIs","columnSpan":3},{"content":"Plus","url":"/hk-en/plus","data":{"gaEvent":"Main Nav","gaAction":"Shopify Plus"},"description":"A commerce solution for growing digital brands","columnSpan":3},{"content":"All Products","url":"/hk-en/products","data":{"gaEvent":"Main Nav","gaAction":"All products"},"description":"Explore all Shopify products \u0026 features","columnSpan":3}]}]},{"content":"Pricing","url":"/hk-en/pricing","data":{"gaEvent":"Main Nav","gaAction":"Pricing Nav"}},{"content":"Resources","data":{"gaEvent":"Main Nav","gaAction":"Resources Nav"},"navItems":[{"content":"Help and support","data":{"gaEvent":"Main Nav","gaAction":"Help and support Nav"},"columnStart":1,"columnSpan":3,"icon":"helpAndSupport","navItems":[{"content":"Help and support","url":"https://help.shopify.com/en/","data":{"gaEvent":"Main Nav","gaAction":"Help and support"},"description":"Get 24/7 support"},{"content":"How-to guides","url":"/hk-en/blog/topics/guides","data":{"gaEvent":"Main Nav","gaAction":"How-to guides"},"description":"Read in-depth business guides"},{"content":"Business courses","url":"https://academy.shopify.com","data":{"gaEvent":"Main Nav","gaAction":"Business courses"},"description":"Learn from proven experts"},{"content":"Shopify blog","url":"/hk-en/blog","data":{"gaEvent":"Main Nav","gaAction":"Shopify blog"},"description":"Business strategy tips"}]},{"content":"Popular topics","data":{"gaEvent":"Main Nav","gaAction":"Popular topics Nav"},"columnStart":4,"columnSpan":6,"splitColumns":true,"icon":"popularTopics","navItems":[{"content":"What is Shopify?","url":"/hk-en/blog/what-is-shopify","data":{"gaEvent":"Main Nav","gaAction":"What is Shopify?"},"description":"How our commerce platform works"},{"content":"Founder stories","url":"/hk-en/blog/topics/founder-stories","data":{"gaEvent":"Main Nav","gaAction":"Founder Stories"},"description":"Learn from successful merchants"},{"content":"Branding","url":"/hk-en/blog/how-to-build-a-brand","data":{"gaEvent":"Main Nav","gaAction":"Branding"},"description":"Build your brand from scratch"},{"content":"Marketing","url":"/hk-en/blog/marketing-plan","data":{"gaEvent":"Main Nav","gaAction":"Marketing"},"description":"Build a marketing plan"},{"content":"Ecommerce SEO","url":"/hk-en/blog/ecommerce-seo-beginners-guide","data":{"gaEvent":"Main Nav","gaAction":"Ecommerce SEO"},"description":"Improve your search ranking"},{"content":"Social media strategy","url":"/blog/social-media-marketing-strategy","data":{"gaEvent":"Main Nav","gaAction":"Social media strategy"},"description":"Turn social into sales"},{"content":"Business growth","url":"/hk-en/blog/how-to-scale-small-business","data":{"gaEvent":"Main Nav","gaAction":"Business growth"},"description":"Scale your business"}]},{"content":"Essential tools","data":{"gaEvent":"Main Nav","gaAction":"Essential tools Nav"},"columnStart":10,"columnSpan":3,"aside":true,"icon":"essentialTools","navItems":[{"content":"Logo maker","url":"/tools/logo-maker","data":{"gaEvent":"Main Nav","gaAction":"Logo maker"}},{"content":"Stock photography","url":"https://www.shopify.com/stock-photos","data":{"gaEvent":"Main Nav","gaAction":"Stock photography"}},{"content":"Business plan template","url":"/hk-en/blog/business-plan-template","data":{"gaEvent":"Main Nav","gaAction":"Business plan template"}},{"content":"Link in bio tool","url":"https://www.linkpop.com/","data":{"gaEvent":"Main Nav","gaAction":"Link in bio tool"}},{"content":"QR code generator","url":"/tools/qr-code-generator","data":{"gaEvent":"Main Nav","gaAction":"QR code generator"}}]}]},{"content":"Enterprise","url":"/hk-en/enterprise","data":{"gaEvent":"Main Nav","gaAction":"Upmarket Enterprise CTA"}},{"content":"What’s new","data":{"gaEvent":"Main Nav","gaAction":"What's New"},"navItems":[{"simple":true,"columnStart":1,"columnSpan":12,"navItems":[{"content":"Changelog","url":"https://changelog.shopify.com","data":{"gaEvent":"Main Nav","gaAction":"Changelog"},"description":"Your source for recent updates","columnSpan":3,"icon":"changelog"},{"content":"Newsroom","url":"https://shopify.com/news","data":{"gaEvent":"Main Nav","gaAction":"Newsroom"},"description":"All company news and press releases","columnSpan":3,"icon":"newsroom"}]}]}],"segments":null},"pages/shopify.com/($locale)/partners/blog/topics/$topic":{"url":"https://www.shopify.com/hk-en/partners/blog/topics/shopify-theme-development","canonicalUrl":"https://www.shopify.com/hk-en/partners/blog/topics/shopify-theme-development","rootDomain":"shopify.com","experimentVariationId":"","banditAssignments":[],"realCountryCode":"SG","geoCountryCode":"","regionCode":"","site":{"domain":"en.shopify.hk","countryCode":"HK","hreflang":"en-HK","locale":"en-HK","baseEnDomain":true,"currencyCode":"HKD","features":["adword_credits","apple_pay","blog","enterprise_blog","facebook_instagram","google_pay","google","lite_plan","starter_plan","paypal","plus","localized_help_center","payments_online","pos","sitemap_blog","sitemap_blog_retail","sitemap_enterprise","sitemap_tools","split_rate","support_24_7","shop","google_buy","global_page_title"],"pathPrefix":"hk-en","languageCode":"en"},"fileRoutePath":"/partners/blog/topics/$topic","regions":[{"domain":"en.shopify.hk","countryCode":"AU","href":"https://www.shopify.com/au/partners/blog/topics/shopify-theme-development","hreflang":"en-AU","label":"Australia","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"en.shopify.hk","countryCode":"BE","href":"https://www.shopify.com/be-de","hreflang":"de-BE","label":"Belgium","lang":"de","base":false,"selector":false,"isActive":false,"published":false},{"domain":"en.shopify.hk","countryCode":"BE","href":"https://www.shopify.com/be-en","hreflang":"en-BE","label":"Belgium","lang":"en","base":false,"selector":false,"isActive":false,"published":false},{"domain":"en.shopify.hk","countryCode":"BE","href":"https://www.shopify.com/be-fr","hreflang":"fr-BE","label":"Belgium","lang":"fr","base":false,"selector":false,"isActive":false,"published":false},{"domain":"en.shopify.hk","countryCode":"BE","href":"https://www.shopify.com/be","hreflang":"nl-BE","label":"Belgium","lang":"nl","base":false,"selector":true,"isActive":false,"published":false},{"domain":"en.shopify.hk","countryCode":"BR","href":"https://www.shopify.com/br","hreflang":"pt","label":"Brasil","lang":"pt","base":false,"selector":true,"isActive":false,"published":false},{"domain":"en.shopify.hk","countryCode":"CA","href":"https://www.shopify.com/ca/partners/blog/topics/shopify-theme-development","hreflang":"en-CA","label":"Canada (English)","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"en.shopify.hk","countryCode":"CA","href":"https://www.shopify.com/ca-fr","hreflang":"fr-CA","label":"Canada (Français)","lang":"fr","base":false,"selector":true,"isActive":false,"published":false},{"domain":"en.shopify.hk","countryCode":"CZ","href":"https://www.shopify.com/cz","hreflang":"cs","label":"Česká republika","lang":"cs","base":false,"selector":true,"isActive":false,"published":false},{"domain":"en.shopify.hk","countryCode":"CO","href":"https://www.shopify.com/co","hreflang":"es-CO","label":"Colombia","lang":"es","base":false,"selector":true,"isActive":false,"published":false},{"domain":"en.shopify.hk","countryCode":"DK","href":"https://www.shopify.com/dk","hreflang":"da","label":"Danmark","lang":"da","base":false,"selector":true,"isActive":false,"published":false},{"domain":"en.shopify.hk","countryCode":"DK","href":"https://www.shopify.com/dk-en","hreflang":"en-DK","label":"Denmark","lang":"en","base":false,"selector":false,"isActive":false,"published":false},{"domain":"en.shopify.hk","countryCode":"DE","href":"https://www.shopify.com/de","hreflang":"de","label":"Deutschland","lang":"de","base":false,"selector":true,"isActive":false,"published":false},{"domain":"en.shopify.hk","countryCode":"ES","href":"https://www.shopify.com/es-es","hreflang":"es-ES","label":"España","lang":"es","base":false,"selector":true,"isActive":false,"published":false},{"domain":"en.shopify.hk","countryCode":"US","href":"https://www.shopify.com/es","hreflang":"es","label":"Español (Intl.)","lang":"es","base":false,"selector":true,"isActive":false,"published":false},{"domain":"en.shopify.hk","countryCode":"FR","href":"https://www.shopify.com/fr","hreflang":"fr","label":"France","lang":"fr","base":false,"selector":true,"isActive":false,"published":false},{"domain":"en.shopify.hk","countryCode":"HK","href":"https://www.shopify.com/hk-en/partners/blog/topics/shopify-theme-development","hreflang":"en-HK","label":"Hong Kong SAR","lang":"en","base":false,"selector":true,"isActive":true,"published":true},{"domain":"en.shopify.hk","countryCode":"IN","href":"https://www.shopify.com/in/partners/blog/topics/shopify-theme-development","hreflang":"en-IN","label":"India","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"en.shopify.hk","countryCode":"ID","href":"https://www.shopify.com/id/partners/blog/topics/shopify-theme-development","hreflang":"en-ID","label":"Indonesia","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"en.shopify.hk","countryCode":"IE","href":"https://www.shopify.com/ie/partners/blog/topics/shopify-theme-development","hreflang":"en-IE","label":"Ireland","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"en.shopify.hk","countryCode":"IT","href":"https://www.shopify.com/it","hreflang":"it","label":"Italia","lang":"it","base":false,"selector":true,"isActive":false,"published":false},{"domain":"en.shopify.hk","countryCode":"MY","href":"https://www.shopify.com/my/partners/blog/topics/shopify-theme-development","hreflang":"en-MY","label":"Malaysia","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"en.shopify.hk","countryCode":"MX","href":"https://www.shopify.com/mx","hreflang":"es-MX","label":"México","lang":"es","base":false,"selector":true,"isActive":false,"published":false},{"domain":"en.shopify.hk","countryCode":"NL","href":"https://www.shopify.com/nl","hreflang":"nl","label":"Nederland","lang":"nl","base":false,"selector":true,"isActive":false,"published":false},{"domain":"en.shopify.hk","countryCode":"NZ","href":"https://www.shopify.com/nz/partners/blog/topics/shopify-theme-development","hreflang":"en-NZ","label":"New Zealand","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"en.shopify.hk","countryCode":"NG","href":"https://www.shopify.com/ng/partners/blog/topics/shopify-theme-development","hreflang":"en-NG","label":"Nigeria","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"en.shopify.hk","countryCode":"NO","href":"https://www.shopify.com/no","hreflang":"nb","label":"Norge","lang":"nb","base":false,"selector":true,"isActive":false,"published":false},{"domain":"en.shopify.hk","countryCode":"NO","href":"https://www.shopify.com/no-en","hreflang":"en-NO","label":"Norway (English)","lang":"en","base":false,"selector":true,"isActive":false,"published":false},{"domain":"en.shopify.hk","countryCode":"PH","href":"https://www.shopify.com/ph/partners/blog/topics/shopify-theme-development","hreflang":"en-PH","label":"Philippines","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"en.shopify.hk","countryCode":"PL","href":"https://www.shopify.com/pl","hreflang":"pl","label":"Polska","lang":"pl","base":false,"selector":true,"isActive":false,"published":false},{"domain":"en.shopify.hk","countryCode":"PT","href":"https://www.shopify.com/pt","hreflang":"pt-PT","label":"Portugal","lang":"pt-PT","base":false,"selector":true,"isActive":false,"published":false},{"domain":"en.shopify.hk","countryCode":"SG","href":"https://www.shopify.com/sg/partners/blog/topics/shopify-theme-development","hreflang":"en-SG","label":"Singapore","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"en.shopify.hk","countryCode":"ZA","href":"https://www.shopify.com/za/partners/blog/topics/shopify-theme-development","hreflang":"en-ZA","label":"South Africa","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"en.shopify.hk","countryCode":"FI","href":"https://www.shopify.com/fi","hreflang":"fi","label":"Suomi","lang":"fi","base":false,"selector":true,"isActive":false,"published":false},{"domain":"en.shopify.hk","countryCode":"SE","href":"https://www.shopify.com/se","hreflang":"sv","label":"Sverige","lang":"sv","base":false,"selector":true,"isActive":false,"published":false},{"domain":"en.shopify.hk","countryCode":"TR","href":"https://www.shopify.com/tr","hreflang":"tr","label":"Türkiye","lang":"tr","base":false,"selector":true,"isActive":false,"published":false},{"domain":"en.shopify.hk","countryCode":"GB","href":"https://www.shopify.com/uk/partners/blog/topics/shopify-theme-development","hreflang":"en-GB","label":"United Kingdom","lang":"en","base":false,"selector":true,"isActive":false,"published":true},{"domain":"en.shopify.hk","countryCode":"US","href":"https://www.shopify.com/partners/blog/topics/shopify-theme-development","hreflang":"en","label":"USA","lang":"en","base":true,"selector":true,"isActive":false,"published":true},{"domain":"en.shopify.hk","countryCode":"TH","href":"https://www.shopify.com/th","hreflang":"th","label":"ไทย","lang":"th","base":false,"selector":true,"isActive":false,"published":false},{"domain":"en.shopify.hk","countryCode":"KR","href":"https://www.shopify.com/kr","hreflang":"ko","label":"대한민국","lang":"ko","base":false,"selector":true,"isActive":false,"published":false},{"domain":"en.shopify.hk","countryCode":"TW","href":"https://www.shopify.com/tw","hreflang":"zh-Hant-TW","label":"台灣","lang":"zh-Hant","base":false,"selector":true,"isActive":false,"published":false},{"domain":"en.shopify.hk","countryCode":"JP","href":"https://www.shopify.com/jp","hreflang":"ja-JP","label":"日本","lang":"ja","base":false,"selector":true,"isActive":false,"published":false},{"domain":"en.shopify.hk","countryCode":"US","href":"https://www.shopify.com/zh","hreflang":"zh-Hans","label":"简体中文","lang":"zh-Hans","base":false,"selector":true,"isActive":false,"published":false}],"enPath":"/partners/blog/topics/shopify-theme-development","handle":"partners-topic","geoPricingIsEnabled":false,"translations":{"en-HK":{"pages/partners/blog/blogSubNav":{},"global":{},"pages/partners/blog/topics/$topic/settings":{},"pages/partners/blog/topics/$topic/content":{}},"en":{"global":{"argoPlaceholder":"2","ariaLabels":{"close":"Close","carousel":{"name":"carousel","slide":"slide","xOfY":"{x} of {y}","play":"Play carousel","pause":"Pause carousel"},"footer":{"regionsNav":"Region Navigation","regionsClose":"Close Region Navigation","newWindow":"Opens an external site in a new window"},"header":{"mobileNavMenu":"Menu","mainNav":"Main","secondaryNav":"Related pages","skipToContent":"Skip to Content"},"headerLight":{"dismissIcon":"Dismiss banner"},"learnMore":"Learn more about {title}","link":{"external":"External source: ","newWindow":" (Opens in a new window)","label":"{{external}}{{title}}{{newWindow}}"},"logoGroup":"Logos","modal":{"close":"Close modal","pip":"Picture in picture"},"next":"Next","previous":"Previous","current":"Current","pagination":{"previous":"Previous page","next":"Next page"},"shopifyLogo":"Shopify logo","shopifyPartnersLogo":"Shopify partners logo","testimonial":{"controls":"Navigate testimonials","plural":"Testimonials","next":"Next Testimonial","previous":"Previous Testimonial","play":"Play Testimonial","pause":"Pause Testimonial"},"videoModal":"video","video":{"play":"Play video","pause":"Pause video","mute":"Mute video","unmute":"Unmute video"}},"incentivesPromoBanner":{"gpv_acquisition_incentive_flag":"Join today and get up to \u003ca id=\"showTermsLink\" target=\"_blank\" data-component-name=\"sales-bonus-terms\" href=\"{{incentiveTerms}}\"/ style=\"color: inherit; font-weight: normal\"\u003e$5,000 in cash rebates\u003c/a\u003e on your first six months of sales","retail":{"spRateTermsLink":"\u0026nbsp\u003ca id=\"spIncentivesTermsLink\" target=\"_blank\" class=\"!font-normal\" target=\"_blank\" data-component-name=\"sp-incentive-terms\" href=\"{{incentiveTerms}}\"/\u003eTerms apply\u003c/a\u003e","subscriptionIncentive":"Special offer: get 6 months of POS Pro for {{incentivePrice}}/month","spRateIncentive":"Get {{rate}}% card rates on up to {{gpvLimit}} USD of in-person sales during your first {{length}} months.","spRateIncentiveTerms":"Terms apply","cardReaderDiscountIncentive":"Get a free card reader when you pick a plan.","cardReaderDiscountIncentiveTerms":"Terms apply"}},"cookiesNotice":{"acceptAllButtonText":"Accept all","activeConsentContentHtml":"We use cookies (and other similar technologies) for many purposes, including to improve your experience on our site and for ads and analytics. Click \"Accept all\" to accept these uses. Read more in our \u003ca href=\"{{legalCookiesPath}}\"\u003eCookie Policy\u003c/a\u003e.","buttonText":"OK","contentHtml":"Shopify uses cookies to provide necessary site functionality and improve your experience. By using our website, you agree to our \u003ca href=\"{{legalPrivacyPath}}\"\u003ePrivacy Policy\u003c/a\u003e and our \u003ca href=\"{{legalCookiesPath}}\"\u003eCookie Policy\u003c/a\u003e.","rejectAllButtonText":"Reject all"},"countries":{"au":"Australia","be":"Belgium","br":"Brazil","ca":"Canada","cn":"China","co":"Colombia","cz":"Czech Republic","dk":"Denmark","en":"USA","es":"Spain","de":"Germany","fi":"Finland","fr":"France","gb":"UK","hk":"Hong Kong SAR","id":"Indonesia","ie":"Ireland","in":"India","it":"Italy","jp":"Japan","kr":"Korea","my":"Malaysia","mx":"Mexico","ng":"Nigeria","nl":"Netherlands","no":"Norway","nz":"New Zealand","ph":"Philippines","pl":"Poland","pt":"Portugal","se":"Sweden","sg":"Singapore","th":"Thailand","tr":"Turkey","tw":"Taiwan","us":"USA","vn":"Vietnam","za":"South Africa"},"languages":{"cs":"Czech","da":"Danish","de":"German","en":"English","es":"Spanish","fi":"Finnish","fr":"French","it":"Italian","ja":"Japanese","ko":"Korean","nb":"Norwegian Bokmål","nl":"Dutch","pl":"Polish","pt":"Portuguese","pt-PT":"Portuguese Portugal","sv":"Swedish","th":"Thai","tr":"Turkish","vi":"Vietnamese","zh-Hans":"Chinese Simplified","zh-Hant":"Chinese Traditional"},"downloadApp":{"androidAlt":"Get the Shopify app on Google Play","androidUrl":"https://shopify.com/install/android","iosAlt":"Download the Shopify app on the Apple App Store","iosUrl":"https://shopify.com/install/mobile","qrCodeAlt":"QR code to download from","qrTitle":"Scan to install"},"downloadposApp":{"androidAlt":"Get the Shopify POS Mobile app on Google Play","androidUrl":"https://play.google.com/store/apps/details?id=com.shopify.pos","iosAlt":"Download the Shopify POS Mobile app on the Apple App Store","iosUrl":"https://apps.apple.com/us/app/shopify-point-of-sale-pos/id686830644","qrCodeAlt":"QR code to download from","qrTitle":"Scan or click below to install"},"forms":{"fields":{"country":{"label":"Country","placeholder":"Select one","error":"Please select a country"}}},"globalNav":{"applyText":"Apply for early access","applyTextPlain":"Apply for access","getStarted":"Get started","headerPdfCta":"Download document","headerPdfCtaLink":"https://cdn.shopify.com/static/Shopify-Guide_PDF.pdf","homeUrl":"{{home}}","loginGetStartedText":"Log in to get started","loginText":"Log in","loginUrl":"/login","signinText":"Sign in","signupText":"Start free trial","signupTextFree":"Sign up free","signupTextPlain":"Sign up","searchText":"Search","searchPlaceholder":"Type something you're looking for","searchPlaceholderMobile":"Search","signUpButtonText":"Get in touch","sharedBottomBar":{"shopify":"Shopify","shopifyDesc":"Platform for entrepreneurs \u0026 SMBs","plus":"Plus","plusDesc":"A commerce solution for growing digital brands","enterprise":"Enterprise","enterpriseDesc":"Solutions for the world’s largest brands"},"edition":"Winter ’25 Edition"},"showLess":"Show less","showMore":"Show more","home":"{{home}}","learnMore":"Learn more","plans":{"pricingFaqAnswerWithDiscount":"We offer a 25% discount for yearly subscriptions if you choose the Basic, Shopify, or Advanced plans. If you choose a 3-year Shopify Plus plan, we offer a monthly discount and lower online variable platform fees."},"sell":{"header":"Explore your options","title":"Apps that help you sell {{vertical}}","subheading":"Some popular apps other merchants use","seeRecommendedApps":"See more recommended apps","by":"By {{partner}}"},"shopify":"Shopify","pagination":{"page":"Page"},"signup":{"buttonText":"Start free trial","plusButtonText":"Get in touch","buttonText_fr":"Launch your store","label":"Email address","placeholder":"Enter your email address","disclaimerHtml":"Try Shopify free for {{trialLength}} days, no credit card\u0026nbsp;required. By entering your email, you agree to receive marketing emails\u0026nbsp;from\u0026nbsp;Shopify.","disclaimerNoLengthHtml":"No credit card required. By entering your email, you agree to receive marketing emails\u0026nbsp;from\u0026nbsp;Shopify.","testimonialButtonText":"Try Shopify free for {{trialLength}} days","freeTrialCtaHtml":"Try Shopify for free, and explore all the tools and services you need to start, run, and grow your\u0026nbsp;business.","signupPaidTrialPromo":{"default_one":"Get {{trialLength}} days free then 1 month for {{paidTrialAmount}}.","default_other":"Start for free, then get your first {{count}} months for {{paidTrialAmount}}/mo.","disclaimer":"By entering your email, you agree to receive marketing emails\u0026nbsp;from\u0026nbsp;Shopify.","disclaimerNoEmail_one":"Don’t have a Shopify store? \u003ca href=\"{{deeplinkFreeTrial}}\" data-component-name=\"{{deeplinkFreeTrialName}}\"\u003eStart free, then get your first month for {{paidTrialAmount}}.\u003c/a\u003e","disclaimerNoEmail_other":"Don’t have a Shopify store? \u003ca href=\"{{deeplinkFreeTrial}}\" data-component-name=\"{{deeplinkFreeTrialName}}\"\u003eStart for free, then get your first {{count}} months for {{paidTrialAmount}}/mo.\u003c/a\u003e"}},"social":{"facebook":{"text":"Facebook","url":"https://www.facebook.com/shopify","url_de":"https://www.facebook.com/shopifyDE","url_jp":"https://www.facebook.com/ShopifyJP"},"twitter":{"text":"Twitter","url":"https://twitter.com/shopify","url_jp":"https://twitter.com/ShopifyJP"},"youtube":{"text":"YouTube","url":"https://www.youtube.com/user/shopify","url_de":"https://www.youtube.com/c/ShopifyDeutsch","url_fr":"https://www.youtube.com/c/ShopifyFrançais","url_it":"https://www.youtube.com/c/ShopifyItaliano","url_jp":"https://www.youtube.com/c/ShopifyJapan","url_nl":"https://www.youtube.com/c/ShopifyNederlands","url_br":"https://www.youtube.com/c/ShopifyBrasil"},"instagram":{"text":"Instagram","url":"https://www.instagram.com/shopify/"},"tiktok":{"text":"TikTok","url":"https://www.tiktok.com/@shopify"},"linkedin":{"text":"LinkedIn","url":"https://www.linkedin.com/company/shopify"},"pinterest":{"text":"Pinterest","url":"https://www.pinterest.com/shopify/","url_jp":"https://www.pinterest.com/shopifyjp/"},"email":{"text":"Email","url":"mailto:"}},"tableOfContents":"Table of Contents","totalApps":6000,"totalThemes":70,"supportedLanguages":50,"totalGateways":100,"totalStores":1700000,"uptime":99.98,"waitlistForm":{"errors":{"general":"Something went wrong, try again later","emailFormat":"Email is formatted incorrectly"},"successMessage":"Done","placeholder":"Enter your email address","buttonText":"Signup"},"editionsEyebrow":{"text":"Shopify Editions | Winter ’25 is live"},"sectionErrorBoundary":{"message":"This content is not loading due to a technical problem"},"nav":{"about":"About Shopify","academy":"Shopify Academy","allFeatures":"All features","allProducts":"All Products","allProductsDescription":"Explore all Shopify products \u0026 features","appStore":"Find business apps","appStoreDescription":"Shopify app store","b2b":"Sell wholesale \u0026 direct","b2bDescription":"Business-to-business (B2B)","balance":"Balance","banking":"Banking","billPay":"Bill Pay","blog":"Blog","blogEnterprise":"Enterprise Blog","blogMerchants":"Merchant Blog","blogRetail":"Retail Blog","borrowing":"Borrowing","branding":"Branding","brandingDescriptionV2":"Build your brand from scratch","brandingFlyoutDescription":"Look professional and help customers connect with your business","build":"Build","burst":"Free stock photos","businessEncyclopedia":"Business encyclopedia","businessFunding":"Secure business funding","businessFundingDescription":"Shopify Capital","businessGrowth":"Business growth","businessGrowthDescription":"Scale your business","businessNameGenerator":"Business name generator ","businessPlanTemplate":"Business plan template","businessTypes":"Business Types","buyButton":"Buy Button","buyButtonDescription":"Transform an existing website or blog into an online store","buyButtonSubnav":"Explore Buy Button","capital":"Capital","capitalLoansAndCashAdvances":"Large retailer funding","capitalSmallBusiness":"Small business funding","cdiscount":"Cdiscount","changelog":"Changelog","changelogDescription":"Your source for recent updates","checkout":"Checkout","checkoutDescription":"Provide fast, smooth checkout experiences","checkoutDescriptionV2":"World-class checkout","checkoutV2":"Check out customers","commerceComponents":"Enterprise","commerceComponentsDescription":"Solutions for the world's largest brands","community":"Community","communityEvents":"Community Events","compareToPlus":"Compare to Plus","compass":"Business courses","compassDescription":"Learn from proven experts","calculator":"Cost calculator","credit":"Credit","ctaAlt":"Free Trial","docs":"Docs","customerInsights":"Know your audience","customerInsightsDescription":"Gain customer insights","customization":"Customization","domains":"Domains","domainsAndHosting":"Own your site domain","domainsAndHostingDescription":"Domains \u0026 hosting","dropshipping":"Dropshipping","ecommerce":"Online store","ecommerceDescription":"Online store editor","ecommerceSeo":"Ecommerce SEO","ecommerceSeoDescription":"Improve your search ranking","ecommerceV2":"Create your website","editions":"Editions","editionsAll":"All Editions","editionsAllDescription":"Archive of past Shopify Editions","editionsCurrent":"Summer ’24 Edition","editionsLast":"Winter ’25 Edition","editionsLastDescription":"The latest 150+ product updates","emailMarketing":"Email marketing","encyclopedia":"Encyclopedia","essentialTools":"Essential tools","examples":"Examples","exchange":"Websites for sale","experts":"Experts","facebook":"Facebook Shops","facebookAds":"Facebook Ads","facebookInstagram":"Facebook \u0026 Instagram","faq":"FAQ","features":"Features","financesManagement":"Manage your finances \u0026 access funding","financesManagementDescription":"Shopify Finance","flow":"Ecommerce automation","flowDescription":"Shopify Flow","flowV2":"Automate your business","forums":"Shopify Community","founderStories":"Founder stories","founderStoriesDescription":"Learn from successful merchants","fraudProtection":"Fraud Protection","freeBusinessTools":"Explore free business tools","freeBusinessToolsDescription":"Tools to run your business","freeTools":"Free tools","fulfillment":"Fulfillment","fulfillmentDescription":"Shopify Fulfillment Network","fulfillmentV2":"Outsource fulfillment \u0026 returns","getStarted":"Start free trial","getInTouch":"Get in touch","google":"Google","googleSmart":"Google","googleYoutube":"Google \u0026 Youtube","guides":"Guides","hardware":"Hardware","hardwareStore":"Hardware store","helpAndSupport":"Help and support","helpAndSupportDescription":"Get 24/7 support","helpCenter":"Help Center","howToGuides":"How-to guides","howToGuidesDescription":"Read in-depth business guides","impressumGenerator":"Impressum-Generator","inbox":"Business chat","inboxDescription":"Turn browsers into buyers","inboxDescriptionV2":"Shopify Inbox","inboxV2":"Chat with customers","instagram":"Instagram","installments":"Installments","internationalSales":"International sales","internationalSalesDescription":"Sell globally","inventoryOrderManagement":"Manage your stock \u0026 orders","inventoryOrderManagementDescription":"Inventory \u0026 order management","joinNow":"Join Now","learn":"Learn","lending":"Lending","linkInBioTool":"Link in bio tool","login":"Log in","logoMaker":"Logo maker","manage":"Manage","manageEverything":"Manage everything","manageYourBusiness":"Manage your business","manageYourBusinessDescription":"Track sales, orders \u0026 analytics","market":"Market","marketDescription":"Market your business","marketDescriptionV2":"Reach \u0026 retain customers","marketing":"Marketing","marketingAutomation":"Marketing automation","marketingDescription":"Build a marketing plan","marketingTools":"Marketing tools","marketingToolsDescription":"Ads, email campaigns, and more","marketplaces":"Online marketplaces","markets":"International commerce","marketsDescription":"Reach buyers in new markets with international selling tools","measureYourPerformance":"Measure your performance","measureYourPerformanceDescription":"Analytics and Reporting","midMarket":"Mid-market","migrateToShopify":"Migrate to Shopify","migrateToShopifyDescription":"Compare to other platforms","mobileApp":"Mobile app","mobileAppDescription":"Respond in real time","moneyManagement":"Get paid faster","moneyManagementDescription":"Shopify Balance","more":"More","newsroom":"Newsroom","newsroomDescription":"All company news and press releases","onlineFlyoutDescription":"Find a domain, explore stock images, and amplify your brand","onlinePresence":"Online presence","onlineStoreDescription":"Sell online with an ecommerce website","omnichannel":"Omnichannel selling","orderManagementAndFulfillment":"Order management and delivery","overview":"Overview","partners":"Partners","payments":"Payment processing","paymentsDescription":"Set up forms of payment","paymentsOverview":"Overview","paymentsV2":"Accept online payments","pillarDropdownCta":"Get started","ping":"Shopify Ping","plus":"Plus","plusPricing":"Plus Pricing","podcasts":"Podcasts","pointOfSale":"Point of Sale","pointOfSaleDescription":"Point of Sale (POS)","pointOfSaleV2":"Sell in person","popularTopics":"Popular topics","pos":"Shopify POS","posPricing":"POS Pricing","posSystemSmallBusiness":"Small business POS","posMultiStore":"Multi-store POS","posInventorySystem":"POS inventory system","posAndroid":"Android POS","posIpad":"iPad POS","posApp":"POS App","posSoftware":"POS Software","pricing":"Pricing","pricingOverview":"Pricing overview","productSourcing":"Product sourcing","productSourcingDescription":"Find products to sell","productsToSell":"Products to sell","qrCodeGenerator":"QR code generator","rakuten":"Rakuten","research":"Research","resources":"Resources","retail":"Retail POS","retailDescription":"Sell at retail locations, pop-ups, and beyond","salesChannels":"Sales channels","salesChannelsDescription":"Reach millions of shoppers and boost sales","salesChannelsDescriptionV2":"Channels for social \u0026 marketplaces","salesChannelsV2":"Sell across channels","segmentation":"Customer groups","sell":"Sell","sellEverywhere":"Sell everywhere","sellOnline":"Sell online","sellOnlineDescription":"Grow your business online","sellYourProducts":"Sell your products","sellYourProductsDescription":"Sell online or in person","shipping":"Shipping","shippingDescription":"Fulfill orders faster","shippingDescriptionV2":"Shopify Shipping","shippingV2":"Ship orders faster","inventoryDescription":"Inventory management","shop":"Shop","shopPay":"Shop Pay","shopifyBlog":"Shopify blog","shopifyBlogDescription":"Business strategy tips","shopifyCaseStudies":"Case Studies","shopifyCaseStudiesDescription":"Learn from successful merchants","shopifyComparison":"Shopify comparison","shopifyComparisonDescription":"Comparison with other platforms","shopifyMigration":"Migrate to Shopify","shopifyMigrationDescription":"Migration checklists, guides and tools","shopifyDevelopers":"Shopify Developers","shopifyDevelopersDescription":"Build with Shopify's powerful APIs","shopifyEditions":"Shopify Editions","shopifyEditionsDescription":"New, innovative Shopify products","shopifyEmail":"Nurture customers","shopifyEmailDescription":"Shopify Email","shopifyFinance":"Shopify Finance","shopifyGold":"Enterprise","shopifyOnlineStore":"Shopify Online store","shopifyPlus":"Enterprise","shopifyPlusDescription":"A commerce solution for growing digital brands","shopifyPointOfSale":"Shopify Point of Sale","shopifySite":"shopify.com","shopifyVsBigCommerce":"Shopify vs. BigCommerce","shopifyVsSalesforce":"Shopify vs. Salesforce","shopifyVsSquare":"Shopify vs. Square","signup":"Sign up","social":"Social media","socialDescription":"Social media integrations","socialMediaStrategy":"Social media strategy","socialMediaStrategyDescription":"Turn social into sales","socialV2":"Market across social","solutions":"Solutions","staffManagement":"Staff management","start":"Start","startYourBusiness":"Start your business","startYourBusinessDescription":"Build your brand","stockPhotography":"Stock photography","storeSetup":"Store set up","storeSetupDescription":"Use Shopify’s powerful features to start selling","storeThemes":"Store themes","storeThemesDescription":"Customize your store","successStories":"Success stories","tax":"Tax","termLoans":"Term Loans","themeStore":"Theme store","themes":"Themes","tiktok":"TikTok","upgradeToPlus":"Upgrade to Plus","videos":"Videos","walmart":"Walmart Marketplace","waysToSell":"Ways to sell","webAddress":"Domain name","websiteBuilder":"Website Builder","whatIsShopify":"What is Shopify?","whatIsShopifyDescription":"How our commerce platform works","whatsNew":"What’s new","youtube":"YouTube"},"footer":{"about":"About","aboutShopify":"About Shopify","accessibility":"Accessibility","affiliateProgram":"Affiliate Program","affiliates":"Affiliates","apiDocs":"API Documentation","appDemo":"App Demo","appDeveloperProgram":"App Developers","appStore":"App Store","ar":"Shopify AR","blog":"Blog","blogTopics":"Blog Topics","brand":"Brand","buildBlack":"Build Black","buildNative":"Build Native","businessNameGenerator":"Business Name Generator ","burst":"Free Stock Photos","buyButton":"Buy Button","capital":"Capital","careers":"Careers","commerceComponents":"Commerce Components","company":"Company","companyInfo":"Company Info","contact":"Contact","contactShopify":"Contact Shopify","countrySelect":"Change your country or region.","countrySelectHeading":"Country/region","devDegree":"Dev Degree","developers":"Developers","documentation":"Shopify Help Center","domainNames":"Domain Names","domains":"Domains","dropshipping":"Dropshipping Business","ecommerce":"Online Store","ecommerceHosting":"Ecommerce Hosting","ecommerceSoftware":"Ecommerce Software","economicGrowth":"Economic Growth","email":"Email","examples":"Examples","experts":"Shopify Partners","featureTour":"Website Builder","features":"Features","forums":"Shopify Community","fulfillment":"Fulfillment","gaming":"Gaming","globalImpact":"Global Impact","hardware":"Hardware","hatchful":"Hatchful","heading":"More resources","helpCenter":"Help Center","hireAnExpert":"Hire a Partner","investors":"Investors","leadership":"Leadership","legal":"Legal","linkpop":"Linkpop","logoGenerator":"Logo Maker","managePrivacy":"Manage Privacy","merchantSupport":"Merchant Support","mobileCommerce":"Mobile Commerce","onlineStore":"Ecommerce Website","onlineStoreBuilder":"Online Store Builder","partnerProgram":"Partner Program","partners":"Partners","payments":"Payments","phoneNumber":"1-888-329-0139","platform":"Platform","pointOfSale":"Point of Sale","posFeatures":"Features","posSoftware":"POS Software","pressAndMedia":"Press and Media","pressReleases":"Press Releases","privacyChoices":"Privacy Choices","privacyPolicy":"Privacy Policy","products":"Products","research":"Research","resources":"Support","sellInStore":"Point of Sale","sellOnline":"Sell Online","sellOnlineTour":"Online Retail","serviceStatus":"Service Status","setUp":"Setup","sfn":"Shopify Fulfillment Network","shipping":"Shipping","shop":"Shop","shopPay":"Shop Pay","shopify":"Shopify","shopifyAcademy":"Shopify Academy","shopifyEvents":"Shopify Events","shopifyExperts":"Shopify Partners","shopifyForEnterprise":"Shopify for Enterprise","shopifyGold":"Enterprise","shopifyLite":"Shopify Lite","shopifyPlus":"Shopify Plus","shoppingCart":"Shopping Cart","sitemap":"Sitemap","social":"Social","socialImpact":"Social Impact","solutions":"Solutions","storeDesign":"Themes","storeThemes":"Store Themes","support":"24/7 support","supportLimited":"Customer Support","sustainability":"Sustainability","termsOfService":"Terms of Service","themeStore":"Theme Store","themeSupport":"Theme Support","themes":"Themes","tools":"Free Tools","topics":"Topics","trustSealsAccessibilityText":"Use Shopify with confidence. Our platform has been assessed and certified by:","video":"Video","videoTutorials":"Video Tutorials"}},"pages/partners/blog/blogSubNav":{"subNav":{"title":"Blog","pageTitle":"Menu","overviewText":"Homepage","links":{"caseStudies":"Case Studies","shopifyNews":"Shopify News","latest":"Latest","more":"More"},"subLinks":{"appDevelopment":"App development","shopifyThemeDevelopment":"Shopify Theme Development","frontEndDevelopment":"Front End Development","inspirationCreativity":"Inspiration \u0026 Creativity","findingNewClients":"Finding New Clients","seeAllTopics":"See All topics"}}},"pages/partners/blog/topics/$topic/settings":{},"pages/partners/blog/topics/$topic/content":{"htmlHead":{"pageTitle":"{{topic}} | Ecommerce tips \u0026 how tos","metaDescription":"Read posts about {{topic}} on Ecommerce Marketing Blog - Ecommerce News, Online Store Tips \u0026 More. Interact with a community of savvy online store owners."},"topicsHeaders":{"backoffice":{"title":"Backoffice","subTitle":"Tips and guides for everything happening behind the scenes, including funding, accounting, and insurance."},"source-products":{"title":"Find a Product to Sell","subTitle":"Articles that will help you zero-in on—and create—the right products for your target audience."},"promotion":{"title":"Promotion","subTitle":"Resources that will help you get your name out there and reach more customers."},"starting-up":{"title":"Starting Up","subTitle":"Learn the vital tasks you need to start your business and set yourself up for success."},"brand":{"title":"Brand","subTitle":"Your brand sets you apart from the competition. Learn how to build a strong, distinctive brand identity."},"founder-stories":{"title":"Founder Stories","subTitle":"Learn from the experiences of entrepreneurs who have found success with Shopify."},"retention":{"title":"Retention","subTitle":"Once you bring in customers, you want them to stick around. Learn key retention strategies to grow your business."},"sustainability":{"title":"Sustainability","subTitle":"Discover sustainable practices and insights that benefit the environment while appealing to eco-conscious buyers."},"marketing":{"title":"Marketing","subTitle":"Learn how to build a multi-channel marketing strategy to reach and grow your audience."},"find-an-idea":{"title":"Find an Idea","subTitle":"Seeking inspiration? Find plenty of proven ideas across business types and industries."},"conversion":{"title":"Conversion","subTitle":"Learn how to convert visitors into customers and grow your sales."},"guides":{"title":"Guides","subTitle":"In-depth resources to help you navigate starting and growing your business."},"podcasts":{"title":"The Shopify Podcast","subTitle":"Insightful weekly conversations with entrepreneurs and industry experts."},"unboxed":{"title":"Unboxed","subTitle":"Go behind the scenes to learn from successful Shopify founders."},"entrepreneurship":{"title":"Entrepreneurship","subTitle":"Find the motivation, productivity tips, and strategies you need."},"sell-online":{"title":"How to Sell Online","subTitle":"Guides and tutorials on how to nail your online store, sell through a variety of channels, and track the results."},"social-media-optimization":{"title":"Social Media Optimization","subTitle":"Learn how to build—and sell to—your audience on platforms like TikTok, Instagram, and more."},"updates":{"title":"Updates","subTitle":"A one-stop shop to learn about the new Shopify products, features, and company news you need to know."}},"sellAnywhere":{"headingHtml":"Grow your business with the Shopify Partner Program","buttonText":"Join Today"}}}},"pricing":{"annualDiscountPercentage":25,"basicAnnualPrice":"\u003cspan\u003e$25.00 USD\u003c/span\u003e","googleCountryOffer":"HK$3,000","minimumMonthlyPrice":"$5","minimumMonthlyPriceCurrency":"美元","paidTrialAmount":"$1","paidTrialMonths":3,"posProPriceUsd":"$89","posRetailLocations":"1,000","promoAmount":{"amount":1,"currencyCode":"USD","currencySymbol":"$"},"signupTypes":["paid_trial_experience"],"trialLength":3,"usd":"美元"},"articles":[{"__typename":"Article","id":"gid://shopify/Article/561928503330","handle":"3-product-detail-page-accessibility-issues-to-fix-right-now","title":"3 Product Detail Page Accessibility Issues to Fix Right Now","publishedAt":"2024-11-11T14:00:06Z","image":{"__typename":"Image","url":"https://cdn.shopify.com/s/files/1/0533/2089/articles/silver-keyboard-on-blue-background.png?v=1730739315","altText":"A single silver keyboard with white buttons sits on a turquoise background.","width":1200,"height":630},"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"Built-in theme accessibility helps to increase brand loyalty and conversion opportunities, giving merchants a competitive edge.","excerptHtml":"\u003cdiv\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/silver-keyboard-on-blue-background.png?v=1730742145\" alt=\"A single silver keyboard with white buttons sits on a turquoise background.\" class=\"block block--bordered\"\u003e\u003c/div\u003e\n\u003cp\u003eBuilt-in theme accessibility helps to increase brand loyalty and conversion opportunities, giving merchants a competitive edge.\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":"Built-in theme accessibility helps to increase brand loyalty and conversion opportunities, giving merchants a competitive edge."},"authorV2":{"__typename":"ArticleAuthor","name":"Scott Vinkle","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,null,null,null],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/articles/silver-keyboard-on-blue-background.png?v=1730739315","imageAltText":"A single silver keyboard with white buttons sits on a turquoise background.","modifiedAt":"11 Nov 2024","modifiedAtRaw":"2024-11-11T14:00:06Z"},{"__typename":"Article","id":"gid://shopify/Article/561185128482","handle":"theme-store-updates","title":"Enhancing discovery and trust: Shopify theme updates","publishedAt":"2024-06-13T13:00:03Z","image":{"__typename":"Image","url":"https://cdn.shopify.com/s/files/1/0533/2089/articles/theme_store_logo.png?v=1718277558","altText":null,"width":1200,"height":630},"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"To better support developers committed to quality, we are enhancing the Theme Partner Program with anti-piracy measures, improved theme discovery, and a revised revenue share model.","excerptHtml":"\u003cdiv style=\"text-align: left;\"\u003e\u003cimg style=\"float: none;\" alt=\"theme-store-logo\" src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/theme_store_logo_480x480.png?v=1718286147\" data-mce-fragment=\"1\" data-mce-src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/theme_store_logo_480x480.png?v=1718286147\"\u003e\u003c/div\u003e\n\u003cspan style=\"font-weight: 400;\" data-mce-fragment=\"1\" data-mce-style=\"font-weight: 400;\"\u003eTo better support developers committed to quality, we are enhancing the Theme Partner Program with anti-piracy measures, improved theme discovery, and a revised revenue share model.\u003c/span\u003e","seo":{"__typename":"SEO","title":"Enhancing discovery and trust: Shopify theme updates","description":"This blog contains information regarding updates to the Shopify Theme Partner Program. To better support developers committed to quality, we are enhancing the Theme Partner Program with anti-piracy measures, improved theme discovery, and a revised revenue share model."},"authorV2":{"__typename":"ArticleAuthor","name":"Sadia Latifi","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/articles/theme_store_logo.png?v=1718277558","imageAltText":null,"modifiedAt":"13 Jun 2024","modifiedAtRaw":"2024-06-13T13:00:03Z"},{"__typename":"Article","id":"gid://shopify/Article/560243441698","handle":"swatches","title":"Getting Started with Swatches for Shopify Themes","publishedAt":"2024-01-31T15:53:11Z","image":{"__typename":"Image","url":"https://cdn.shopify.com/s/files/1/0533/2089/articles/female-designer-reviewing-wireframes-large-resized.jpg?v=1727285602","altText":"Hero image for Shopify Colour Swatches","width":1200,"height":630},"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"One of the most requested features that merchants look for on a product page is color swatches, and now thanks to the power of Products 2.0, swatches are natively available for Shopify themes. In this blog post we'll explore the native color swatches feature, describe how to enable it on your own store, and examine how swatches are implemented on Dawn, so you can reference a working model.","excerptHtml":"\u003cp\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/female-designer-reviewing-wireframes-large-resized.jpg?v=1706611847\" alt=\"\" data-mce-fragment=\"1\" data-mce-src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/female-designer-reviewing-wireframes-large-resized.jpg?v=1706611847\"\u003eOne of the most requested features that merchants look for on a product page is color swatches, and now thanks to the power of Products 2.0, swatches are natively available for Shopify themes. In this blog post we'll explore the native color swatches feature, describe how to enable it on your own store, and examine how swatches are implemented on Dawn, so you can reference a working model.\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":"One of the most requested features that merchants look for on a product page is color swatches, and now thanks to the power of Products 2.0, swatches are natively available for Shopify themes. In this blog post we'll explore the native color swatches feature and describe how to enable it."},"authorV2":{"__typename":"ArticleAuthor","name":"Liam Griffin","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/articles/female-designer-reviewing-wireframes-large-resized.jpg?v=1727285602","imageAltText":"Hero image for Shopify Colour Swatches","modifiedAt":"31 Jan 2024","modifiedAtRaw":"2024-01-31T15:53:11Z"},{"__typename":"Article","id":"gid://shopify/Article/559691071522","handle":"google-analytics-app-and-theme-install-event","title":"Optimize your marketing efforts with full-funnel Google Analytics attribution","publishedAt":"2023-09-11T19:00:01Z","image":{"__typename":"Image","url":"https://cdn.shopify.com/s/files/1/0533/2089/articles/GA-Header.png?v=1727285602","altText":"Setting up Google Analytics for your Shopify App Store listing","width":1200,"height":630},"tags":["Shopify App Development","Shopify Theme Development"],"contentHtml":"","excerpt":"We’re adding visibility into the app and theme install events themselves, giving developers more robust, full funnel analytics.","excerptHtml":"\u003cimg data-mce-fragment=\"1\" alt=\"Setting up Google Analytics for your Shopify App Store listing\" src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/GA-Header.png?v=1694448393\" data-mce-src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/GA-Header.png?v=1694448393\"\u003e\n\u003cp\u003eWe’re adding visibility into the app and theme install events themselves, giving developers more robust, full funnel analytics.\u003c/p\u003e","seo":{"__typename":"SEO","title":"Optimize your marketing efforts with full-funnel Google Analytics attribution","description":"We’re adding visibility into the app and theme install events, giving developers more robust, full funnel analytics."},"authorV2":{"__typename":"ArticleAuthor","name":"John Hogan","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/articles/GA-Header.png?v=1727285602","imageAltText":"Setting up Google Analytics for your Shopify App Store listing","modifiedAt":"11 Sept 2023","modifiedAtRaw":"2023-09-11T19:00:01Z"},{"__typename":"Article","id":"gid://shopify/Article/559279996962","handle":"section-groups","title":"Make Sections Really Everywhere With Section Groups","publishedAt":"2023-03-28T13:00:01Z","image":{"__typename":"Image","url":"https://cdn.shopify.com/s/files/1/0533/2089/articles/section-groups.jpg?v=1727285944","altText":"section groups","width":1200,"height":630},"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"Learn what section groups are, how they work, and how you can leverage them in your theme development.","excerptHtml":"\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/section-groups.jpg?v=1679942317\" alt=\"section groups\"\u003e\n\u003cp\u003eLearn what section groups are, how they work, and how you can leverage them in your theme development.\u003c/p\u003e","seo":{"__typename":"SEO","title":"Make Sections Really Everywhere With Section Groups","description":"Learn what section groups are, how they work, and how you can leverage them in your theme development."},"authorV2":{"__typename":"ArticleAuthor","name":"Feken Baboyan and Sofia Matulis","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/articles/section-groups.jpg?v=1727285944","imageAltText":"section groups","modifiedAt":"28 Mar 2023","modifiedAtRaw":"2023-03-28T13:00:01Z"},{"__typename":"Article","id":"gid://shopify/Article/557048561698","handle":"metafields","title":"How to work with Metafields when building Shopify themes","publishedAt":"2022-03-03T03:00:01Z","image":{"__typename":"Image","url":"https://cdn.shopify.com/s/files/1/0533/2089/articles/metafields.jpg?v=1727285962","altText":"How to work with Metafields when building Shopify themes","width":1215,"height":510},"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"In this article, we'll look at how to work with metafields in your own theme projects, and demonstrate some practical use-cases, as well as how to build sections that can empower merchants to leverage dynamic sources.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/metafields?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2022-03-03\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/metafields.jpg?v=1646200002\" alt=\"How to work with Metafields when building Shopify themes\"\u003e\u003c/a\u003e\n\u003cp\u003eIn this article, we'll look at how to work with metafields in your own theme projects, and demonstrate some practical use-cases, as well as how to build sections that can empower merchants to leverage dynamic sources.\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":"In this article, we'll look at how to work with metafields in your own theme projects, and demonstrate some practical use-cases, as well as how to build sections that can empower merchants to leverage dynamic sources."},"authorV2":{"__typename":"ArticleAuthor","name":"Liam Griffin","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"How to Build a Shopify App: The Complete Guide\",\"url\":\"partners/blog/how-to-build-a-shopify-app\"},{\"title\":\"All of the Announcements From Shopify Unite 2021\",\"url\":\"partners/blog/shopify-unite-announcements-2021\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"url\":\"partners/blog/shopify-online-store\"},{\"title\":\"Top Tips for Building Themes That Are Fully Featured, Like Customizing Shopify’s Best Free Themes\",\"url\":\"partners/blog/best-free-themes\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"url\":\"partners/blog/img-url-filter\"},{\"title\":\"An Overview of Liquid: Shopify's Templating Language\",\"url\":\"partners/blog/115244038-an-overview-of-liquid-shopifys-templating-language\"},{\"title\":\"Shopify’s Buy Button 101: How to Use BuyButton.js in a WordPress Theme\",\"url\":\"partners/blog/shopify-s-buy-button-101-how-to-use-buybutton-js-in-a-wordpress-theme\"},{\"title\":\"How to Work With Shopify Theme Blocks\",\"url\":\"partners/blog/theme-blocks\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/articles/metafields.jpg?v=1727285962","imageAltText":"How to work with Metafields when building Shopify themes","modifiedAt":"3 Mar 2022","modifiedAtRaw":"2022-03-03T03:00:01Z"},{"__typename":"Article","id":"gid://shopify/Article/556779339810","handle":"best-free-themes","title":"Top Tips for Building Themes That Are Fully Featured, Like Customizing Shopify’s Best Free Themes","publishedAt":"2022-01-25T14:30:00Z","image":{"__typename":"Image","url":"https://cdn.shopify.com/s/files/1/0533/2089/articles/Best-free-themes.jpg?v=1727285967","altText":"Best free themes","width":1215,"height":511},"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"Themes are super important for people who are starting their business, and for existing merchants. In this article, we’ll talk about what 2022 could have in store for you, including what the Online Store product team has been working on since June.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/best-free-themes?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2022-01-25\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/image4_4f4cabf8-6e5e-4def-b00c-f5b3a99b3acc.png?v=1641902331\" alt=\"\"\u003e\u003c/a\u003e\n\u003cp\u003eThemes are super important for people who are starting their business, and for existing merchants. In this article, we’ll talk about what 2022 could have in store for you, including what the Online Store product team has been working on since June.\u003c/p\u003e","seo":{"__typename":"SEO","title":"Top tips for building themes that are fully featured","description":"Top tips for building themes that are fully featured, like customizing Shopify’s best free themes."},"authorV2":{"__typename":"ArticleAuthor","name":"Sasha Williamson","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"url\":\"partners/blog/shopify-online-store\"},{\"title\":\"What is a Canonical URL? Best Practice Guide 2022\",\"url\":\"partners/blog/canonical-urls\"},{\"title\":\"Free Course] 10x Your Shopify Theme Development Skills with These Free Courses\",\"url\":\"partners/blog/97493062-free-course-10x-your-shopify-theme-development-skills-with-these-free-courses\"},{\"title\":\"An Overview of Liquid: Shopify's Templating Language\",\"url\":\"partners/blog/115244038-an-overview-of-liquid-shopifys-templating-language\"},{\"title\":\"How to Use Liquid to Create Custom Landing Page Templates\",\"url\":\"partners/blog/landing-page\"},{\"title\":\"How to Test your Theme Before Submitting to the Shopify Theme Store\",\"url\":\"partners/blog/test-shopify-theme\"},{\"title\":\"Tips for an Efficient Shopify Theme Review Process\",\"url\":\"partners/blog/theme-review-process\"},{\"title\":\"8 Development Tips for Building Better Custom Shopify Sites\",\"url\":\"partners/blog/8-development-tips-for-building-better-custom-shopify-sites\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/articles/Best-free-themes.jpg?v=1727285967","imageAltText":"Best free themes","modifiedAt":"25 Jan 2022","modifiedAtRaw":"2022-01-25T14:30:00Z"},{"__typename":"Article","id":"gid://shopify/Article/556515295266","handle":"test-shopify-theme","title":"How to Test your Theme Before Submitting to the Shopify Theme Store","publishedAt":"2022-01-04T03:00:01Z","image":{"__typename":"Image","url":"https://cdn.shopify.com/s/files/1/0533/2089/articles/test-shopify-theme.jpg?v=1727285968","altText":"How to Test your Theme Before Submitting to the Shopify Theme Store","width":1215,"height":510},"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"When developing Shopify themes, it's critical to test regularly to ensure required features are working as expected and to understand how your theme responds to different conditions.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/test-shopify-theme?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2022-01-04\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/test-shopify-theme.jpg?v=1639968226\" alt=\"How to Test your Theme Before Submitting to the Shopify Theme Store\"\u003e\u003c/a\u003e\n\u003cp\u003eWhen developing Shopify themes, it's critical to test regularly to ensure required features are working as expected and to understand how your theme responds to different conditions.\u003c/p\u003e","seo":{"__typename":"SEO","title":"How to test themes before submitting to the Shopify Theme Store","description":"In this article we'll show how to set up a dev store for testing your theme, techniques for auditing mandatory theme features and tools to automate testing."},"authorV2":{"__typename":"ArticleAuthor","name":"Liam Griffin","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"Top Tips for Building Themes That Are Fully Featured, Like Customizing Shopify’s Best Free Themes\",\"url\":\"partners/blog/best-free-themes\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"url\":\"partners/blog/shopify-online-store\"},{\"title\":\"5 Steps to Design Apps with Keyboard Accessibility in Mind\",\"url\":\"partners/blog/keyboard-accessibility\"},{\"title\":\"An Overview of Liquid: Shopify's Templating Language\",\"url\":\"partners/blog/115244038-an-overview-of-liquid-shopifys-templating-language\"},{\"title\":\"How to Use Shopify Theme Settings to Create Mobile-Specific Logos\",\"url\":\"partners/blog/shopify-mobile-logos\"},{\"title\":\"Building an Accessible Breadcrumb Navigation with Liquid and Shopify\",\"url\":\"partners/blog/breadcrumb-navigation\"},{\"title\":\"How to Use Alternate Templates in Shopify Theme Development\",\"url\":\"partners/blog/shopify-alternate-templates\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"url\":\"partners/blog/img-url-filter\"},{\"title\":\"How the Routes and Page_Image Liquid Objects Can Help You Build More Robust Themes\",\"url\":\"partners/blog/liquid-objects\"},{\"title\":\"How to Personalize Shopify Themes with the customer Object\",\"url\":\"partners/blog/customer-object\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/articles/test-shopify-theme.jpg?v=1727285968","imageAltText":"How to Test your Theme Before Submitting to the Shopify Theme Store","modifiedAt":"4 Jan 2022","modifiedAtRaw":"2022-01-04T03:00:01Z"},{"__typename":"Article","id":"gid://shopify/Article/556275007522","handle":"theme-blocks","title":"How to Work With Shopify Theme Blocks","publishedAt":"2021-10-14T02:00:00Z","image":{"__typename":"Image","url":"https://cdn.shopify.com/s/files/1/0533/2089/articles/theme-blocks_045bbe7d-de68-4337-8920-4824424800c8.jpg?v=1727285972","altText":"How to Work With Shopify Theme Blocks","width":1215,"height":511},"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"Shopify Developers can build a wide range of flexibility into themes by working with section blocks that add functionality, and empower merchants to control the design of their store. In this article, we'll look at how to build basic blocks into a section, explore best practices to follow, and explain how app blocks can improve the merchant experience when enhancing the functionality of their store. Let’s get started.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/theme-blocks?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2021-10-14\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/theme-blocks.jpg?v=1634099722\" alt=\"How to Work With Shopify Theme Blocks\"\u003e\u003c/a\u003e\n\u003cp\u003eShopify Developers can build a wide range of flexibility into themes by working with section blocks that add functionality, and empower merchants to control the design of their store. In this article, we'll look at how to build basic blocks into a section, explore best practices to follow, and explain how app blocks can improve the merchant experience when enhancing the functionality of their store. Let’s get started.\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":"Theme blocks are modules of content that can be added, removed, and reordered within a section. Learn how to use theme blocks to control and customize a store."},"authorV2":{"__typename":"ArticleAuthor","name":"Liam Griffin","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"How to Build a Shopify App: The Complete Guide\",\"url\":\"partners/blog/how-to-build-a-shopify-app\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"url\":\"partners/blog/shopify-online-store\"},{\"title\":\"The Essential List of Resources for Shopify Theme Development\",\"url\":\"partners/blog/the-ultimate-list-of-resources-for-shopify-theme-developers\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"url\":\"partners/blog/img-url-filter\"},{\"title\":\"Working with Product Variants When Building a Shopify Theme\",\"url\":\"partners/blog/product-variants\"},{\"title\":\"An Overview of Liquid: Shopify's Templating Language\",\"url\":\"partners/blog/115244038-an-overview-of-liquid-shopifys-templating-language\"},{\"title\":\"Build Forms on Shopify: How to Use Liquid to Build Robust Forms for Shopify Themes\",\"url\":\"partners/blog/build-forms-on-shopify\"},{\"title\":\"How Safe As Milk Grew a Successful Theme Partner Business\",\"url\":\"partners/blog/theme-partner-business\"},{\"title\":\"How to work with Metafields when building Shopify themes\",\"url\":\"partners/blog/metafields\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/articles/theme-blocks_045bbe7d-de68-4337-8920-4824424800c8.jpg?v=1727285972","imageAltText":"How to Work With Shopify Theme Blocks","modifiedAt":"14 Oct 2021","modifiedAtRaw":"2021-10-14T02:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/556045795362","handle":"theme-review-process","title":"Tips for an Efficient Shopify Theme Review Process","publishedAt":"2021-08-10T02:00:01Z","image":{"__typename":"Image","url":"https://cdn.shopify.com/s/files/1/0533/2089/articles/theme-review-process.jpg?v=1727285977","altText":"Open laptop on a desk displaying the shopify theme store, backdropped by a plant, with a notebook and a fishbowl on the side","width":1215,"height":498},"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"The Shopify Theme Store is now open to partners! It’s time to list your theme and establish yourself as a trusted Shopify theme developer. But first you must submit your theme for review. Success during the theme review stage actually starts well before you write the first line of code. In this article, we’ll go through the theme review process, so you know how to best prepare.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/theme-review-process?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2021-08-10\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/theme-review-process.jpg?v=1628521092\" alt=\"Theme review process: Open laptop on a desk displaying the shopify theme store, backdropped by a plant, with a notebook and a fishbowl on the side\"\u003e\u003c/a\u003e\n\u003cp\u003eThe Shopify Theme Store is now open to partners! It’s time to list your theme and establish yourself as a trusted Shopify theme developer. But first you must submit your theme for review. Success during the theme review stage actually starts well before you write the first line of code. In this article, we’ll go through the theme review process, so you know how to best prepare. \u003c/p\u003e","seo":{"__typename":"SEO","title":"What It Takes to Build a Quality Theme","description":"Learn how to prepare for an efficient theme review process and set yourself up for success in the Shopify Theme Store."},"authorV2":{"__typename":"ArticleAuthor","name":"Pamela Gunawan","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"How to Get Web Design Clients Fast\",\"url\":\"partners/blog/finding-web-design-clients\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\",\"url\":\"partners/blog/how-to-build-a-shopify-app\"},{\"title\":\"How to Test your Theme Before Submitting to the Shopify Theme Store\",\"url\":\"partners/blog/test-shopify-theme\"},{\"title\":\"A Beginner's Guide to Sass with Shopify — Part 1: Getting Started With Sass\",\"url\":\"partners/blog/a-beginners-guide-to-building-shopify-themes-with-sass-part-1-getting-started-with-sass\"},{\"title\":\"Everything You Need to Know About Development Stores\",\"url\":\"partners/blog/development-stores\"},{\"title\":\"How to Work With Shopify Theme Blocks\",\"url\":\"partners/blog/theme-blocks\"},{\"title\":\"How Accessing the Partner Ecosystem Can Help You Grow Your Business\",\"url\":\"partners/blog/becoming-a-shopify-expert-and-accessing-the-partner-ecosystem\"},{\"title\":\"Shopify Opens its Platform to Developers With New Sales Channel SDK\",\"url\":\"partners/blog/98537222-shopify-opens-its-platform-to-developers-with-new-sales-channel-sdk\"},{\"title\":\"How to Personalize Shopify Themes with the customer Object\",\"url\":\"partners/blog/customer-object\"},{\"title\":\"8 Development Tips for Building Better Custom Shopify Sites\",\"url\":\"partners/blog/8-development-tips-for-building-better-custom-shopify-sites\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/articles/theme-review-process.jpg?v=1727285977","imageAltText":"Open laptop on a desk displaying the shopify theme store, backdropped by a plant, with a notebook and a fishbowl on the side","modifiedAt":"10 Aug 2021","modifiedAtRaw":"2021-08-10T02:00:01Z"},{"__typename":"Article","id":"gid://shopify/Article/556025610274","handle":"theme-store-accessibility-requirements","title":"How to Meet the New Accessibility Requirements of the Shopify Theme Store","publishedAt":"2021-08-05T02:00:02Z","image":{"__typename":"Image","url":"https://cdn.shopify.com/s/files/1/0533/2089/articles/theme-store-accessibility-requirements.jpg?v=1727285977","altText":"Theme store accessibility requirements: Dawn theme homepage opened in Chrome. Lighthouse displays accessibility score of 98.","width":1215,"height":510},"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"Accessibility is a requirement of Shopify themes. To help make sure all themes on the Shopify Theme Store are highly usable, we’re introducing new accessibility requirements. In this article, learn what those requirements are, and how to test your theme to make sure you’re meeting them.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/theme-store-accessibility-requirements?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2021-08-05\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/theme-store-accessibility-requirements.jpg?v=1628055520\" alt=\"Theme store accessibility requirements\"\u003e\u003c/a\u003e\n\u003cp\u003eAccessibility is a requirement of Shopify themes. To help make sure all themes on the Shopify Theme Store are highly usable, we’re introducing new accessibility requirements. In this article, learn what those requirements are, and how to test your theme to make sure you’re meeting them.\u003c/p\u003e","seo":{"__typename":"SEO","title":"New Accessibility Requirements in the Shopify Theme Store","description":"Learn how to test your theme for the accessibility requirements of the Shopify Theme Store."},"authorV2":{"__typename":"ArticleAuthor","name":"Scott Vinkle","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"How to Build a Shopify App: The Complete Guide\",\"url\":\"partners/blog/how-to-build-a-shopify-app\"},{\"title\":\"How to Use Polaris to Build an App UI in HTML or React\",\"url\":\"partners/blog/use-polaris-to-build-an-app-ui\"},{\"title\":\"How to Test your Theme Before Submitting to the Shopify Theme Store\",\"url\":\"partners/blog/test-shopify-theme\"},{\"title\":\"How to Create a Customizable Announcement Bar Section in Shopify\",\"url\":\"partners/blog/shopify-announcement-bar\"},{\"title\":\"Developing Shopify Themes with Accessibility in Mind\",\"url\":\"partners/blog/developing-shopify-themes-with-accessibility-in-mind\"},{\"title\":\"How the Routes and Page_Image Liquid Objects Can Help You Build More Robust Themes\",\"url\":\"partners/blog/liquid-objects\"},{\"title\":\"How to Work With Shopify Theme Blocks\",\"url\":\"partners/blog/theme-blocks\"},{\"title\":\"Understanding Progressive JPEG and WebP Formats\",\"url\":\"partners/blog/progressive-jpeg-and-webp\"},{\"title\":\"How to Create a Sticky Add to Cart Button On Scroll\",\"url\":\"partners/blog/112052742-how-to-create-a-sticky-add-to-cart-button-on-scroll\"},{\"title\":\"8 Development Tips for Building Better Custom Shopify Sites\",\"url\":\"partners/blog/8-development-tips-for-building-better-custom-shopify-sites\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/articles/theme-store-accessibility-requirements.jpg?v=1727285977","imageAltText":"Theme store accessibility requirements: Dawn theme homepage opened in Chrome. Lighthouse displays accessibility score of 98.","modifiedAt":"5 Aug 2021","modifiedAtRaw":"2021-08-05T02:00:02Z"},{"__typename":"Article","id":"gid://shopify/Article/226287637","handle":"how-to-create-your-first-shopify-theme-section","title":"How to Create Your First Shopify Theme Section","publishedAt":"2021-08-03T22:52:29Z","image":null,"tags":["Hero","Shopify Theme Development"],"contentHtml":"","excerpt":"Giving your clients creative control is key, especially when they want the ability to customize their store. Shopify’s Online Store 2.0 unlocks powerful tools for personalizing a site. In this article, we’ll cover how to get started with creating different types of theme sections, and the rules for using them, so that you can help empower your clients to customize their store.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/how-to-create-your-first-shopify-theme-section?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2021-08-04\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-theme-section.jpg?v=1495217519\" border=\"0\" alt=\"Shopify theme section\"\u003e\u003c/a\u003e\n\u003cp\u003eGiving your clients creative control is key, especially when they want the ability to customize their store. Shopify’s Online Store 2.0 unlocks powerful tools for personalizing a site.\u003c/p\u003e\n\u003cp\u003eIn this article, we’ll cover how to get started with creating different types of theme sections, and the rules for using them, so that you can help empower your clients to customize their store.\u003c/p\u003e\n","seo":{"__typename":"SEO","title":null,"description":"Learn how to get started with creating different types of Shopify theme sections, so you can help empower your clients to customize their store."},"authorV2":{"__typename":"ArticleAuthor","name":"Liam Griffin","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"The Essential List of Resources for Shopify Theme Development\",\"url\":\"partners/blog/the-ultimate-list-of-resources-for-shopify-theme-developers\"},{\"title\":\"An Overview of Liquid: Shopify's Templating Language\",\"url\":\"partners/blog/115244038-an-overview-of-liquid-shopifys-templating-language\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"url\":\"partners/blog/img-url-filter\"},{\"title\":\"How to Use Liquid to Create Custom Landing Page Templates\",\"url\":\"partners/blog/landing-page\"},{\"title\":\"10 Ways to Create Delightful and User-Friendly Web Animation\",\"url\":\"partners/blog/web-animation\"},{\"title\":\"How to Build a Shopify App as a Front End Developer\",\"url\":\"partners/blog/front-end-app\"},{\"title\":\"How Safe As Milk Grew a Successful Theme Partner Business\",\"url\":\"partners/blog/theme-partner-business\"},{\"title\":\"A Beginner's Guide to Sass with Shopify — Part 2: Making Stylesheets Smarter with Sass Mixins and Functions\",\"url\":\"partners/blog/a-beginners-guide-to-sass-with-shopify-part-2-making-stylesheets-smarter-with-sass-mixins-and-functions\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-theme-section.jpg?v=1495217519","imageAltText":"Shopify theme section","modifiedAt":"3 Aug 2021","modifiedAtRaw":"2021-08-03T22:52:29Z"},{"__typename":"Article","id":"gid://shopify/Article/555944050722","handle":"shopify-theme-store-success","title":"What it Takes to Build for Success on the Shopify Theme Store","publishedAt":"2021-07-14T02:00:01Z","image":{"__typename":"Image","url":"https://cdn.shopify.com/s/files/1/0533/2089/articles/shopify-theme-store-success.jpg?v=1727285979","altText":"theme store success","width":1215,"height":510},"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"With the Shopify Theme Store reopening for business, there’s never been a better time to start building Shopify themes. In this article, learn how to prepare your theme for submission to the theme store, and how to set it—and your team—up for success as Shopify theme developers.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/shopify-theme-store-success?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2021-07-14\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-theme-store-success.jpg?v=1626186023\" alt=\"theme store success\"\u003e\u003c/a\u003e\n\u003cp\u003eWith the Shopify Theme Store reopening for business, there’s never been a better time to start building Shopify themes. In this article, learn how to prepare your theme for submission to the theme store, and how to set it—and your team—up for success as Shopify theme developers.\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":"Learn how to set your theme up for success and what to expect as a Shopify theme developer."},"authorV2":{"__typename":"ArticleAuthor","name":"Marcus Seoighe","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"How to Build a Shopify App: The Complete Guide\",\"url\":\"partners/blog/how-to-build-a-shopify-app\"},{\"title\":\"Free Course] 10x Your Shopify Theme Development Skills with These Free Courses\",\"url\":\"partners/blog/97493062-free-course-10x-your-shopify-theme-development-skills-with-these-free-courses\"},{\"title\":\"How to Create Your First Shopify Theme Section\",\"url\":\"partners/blog/how-to-create-your-first-shopify-theme-section\"},{\"title\":\"Build Forms on Shopify: How to Use Liquid to Build Robust Forms for Shopify Themes\",\"url\":\"partners/blog/build-forms-on-shopify\"},{\"title\":\"How to Customize the img Element in Shopify Themes\",\"url\":\"partners/blog/html-img-element\"},{\"title\":\"Tips for an Efficient Shopify Theme Review Process\",\"url\":\"partners/blog/theme-review-process\"},{\"title\":\"How Safe As Milk Grew a Successful Theme Partner Business\",\"url\":\"partners/blog/theme-partner-business\"},{\"title\":\"8 Development Tips for Building Better Custom Shopify Sites\",\"url\":\"partners/blog/8-development-tips-for-building-better-custom-shopify-sites\"},{\"title\":\"An In-Depth Look Into Designing a Shopify Theme\",\"url\":\"partners/blog/100841542-an-in-depth-look-into-designing-a-shopify-theme\"},{\"title\":\"How to Use Shopify’s New font_picker Settings\",\"url\":\"partners/blog/font-picker\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/articles/shopify-theme-store-success.jpg?v=1727285979","imageAltText":"theme store success","modifiedAt":"14 Jul 2021","modifiedAtRaw":"2021-07-14T02:00:01Z"},{"__typename":"Article","id":"gid://shopify/Article/555895586850","handle":"theme-partner-business","title":"How Safe As Milk Grew a Successful Theme Partner Business","publishedAt":"2021-07-06T02:00:01Z","image":{"__typename":"Image","url":"https://cdn.shopify.com/s/files/1/0533/2089/articles/theme-partner-business.jpg?v=1727285980","altText":"Theme partner business","width":1215,"height":510},"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"When developers and designers expand their business into a new space, it often brings new challenges as well as new opportunities. The Safe As Milk cofounders share their experiences building for the web, how they approach designing for ecommerce, and how they balance the different responsibilities of supporting a theme in the Shopify Theme Store.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/theme-partner-business?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2021-07-06\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/theme-partner-business.jpg?v=1625495895\" alt=\"Theme partner business\"\u003e\u003c/a\u003e\n\u003cp\u003eWhen developers and designers expand their business into a new space, it often brings new challenges as well as new opportunities. The Safe As Milk cofounders share their experiences building for the web, how they approach designing for ecommerce, and how they balance the different responsibilities of supporting a theme in the Shopify Theme Store.\u003c/p\u003e","seo":{"__typename":"SEO","title":"How Safe As Milk Grew a Successful Theme Partner Business","description":"Learn how to build a successful theme partner business on Shopify. Safe As Milk shares their story."},"authorV2":{"__typename":"ArticleAuthor","name":"Liam Griffin","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"Using Placeholder Images for Products with the placeholder_svg_tag Filter\",\"url\":\"partners/blog/placeholder-images\"},{\"title\":\"How to Create Your First Shopify Theme Section\",\"url\":\"partners/blog/how-to-create-your-first-shopify-theme-section\"},{\"title\":\"How to use Liquid to Customize Shopify Theme Blog Templates\",\"url\":\"partners/blog/shopify-blog-template\"},{\"title\":\"How We Improved Theme Development Tooling Using Checksums\",\"url\":\"partners/blog/checksums\"},{\"title\":\"How to Add a Social Media Marketing Icon to Your Theme\",\"url\":\"partners/blog/social-media-marketing-icon\"},{\"title\":\"How to Work With Shopify Theme Blocks\",\"url\":\"partners/blog/theme-blocks\"},{\"title\":\"A CSS Grid Framework for Shopify Collection Pages\",\"url\":\"partners/blog/css-grid-framework\"},{\"title\":\"How to Test your Theme Before Submitting to the Shopify Theme Store\",\"url\":\"partners/blog/test-shopify-theme\"},{\"title\":\"Tips for an Efficient Shopify Theme Review Process\",\"url\":\"partners/blog/theme-review-process\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/articles/theme-partner-business.jpg?v=1727285980","imageAltText":"Theme partner business","modifiedAt":"6 Jul 2021","modifiedAtRaw":"2021-07-06T02:00:01Z"},{"__typename":"Article","id":"gid://shopify/Article/387789520930","handle":"shopify-theme-inspector","title":"How to Do an In-Depth Liquid Render Analysis with Shopify Theme Inspector","publishedAt":"2020-11-18T03:00:00Z","image":{"__typename":"Image","url":"https://cdn.shopify.com/s/files/1/0533/2089/articles/shopify-theme-inspector.jpg?v=1727286017","altText":"shopify theme inspector","width":1215,"height":510},"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"The Shopify Theme Inspector Chrome extension allows you to analyze and debug Liquid rendering performance. In this article, we look at how to interpret the flame graphs generated by the extension, how unoptimized Liquid code patterns show up in the flame graphs, and share tips for spotting and avoiding these performance issues.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/shopify-theme-inspector?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2020-11-18\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-theme-inspector.jpg?v=1605617342\" alt=\"shopify theme inspector\"\u003e\u003c/a\u003e\n\u003cp\u003eThe Shopify Theme Inspector Chrome extension allows you to analyze and debug Liquid rendering performance. In this article, we look at how to interpret the flame graphs generated by the extension, how unoptimized Liquid code patterns show up in the flame graphs, and share tips for spotting and avoiding these performance issues.\u003c/p\u003e","seo":{"__typename":"SEO","title":"Analyze a Store's Performance with Shopify Theme Inspector","description":"Learn how to use the Shopify Theme Inspector Chrome extension to do an in-depth analysis of Liquid render performance."},"authorV2":{"__typename":"ArticleAuthor","name":"Helen Lin","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"Free Course] 10x Your Shopify Theme Development Skills with These Free Courses\",\"url\":\"partners/blog/97493062-free-course-10x-your-shopify-theme-development-skills-with-these-free-courses\"},{\"title\":\"Using Placeholder Images for Products with the placeholder_svg_tag Filter\",\"url\":\"partners/blog/placeholder-images\"},{\"title\":\"How to Use Liquid's \\\\\\\"case/when\\\\\\\" Control Tags in Shopify Themes\",\"url\":\"partners/blog/89993606-how-to-use-liquids-case-when-control-tags-in-shopify-themes\"},{\"title\":\"Web Performance: 11 Must-Read Tips to Give Your Site a Speed Boost\",\"url\":\"partners/blog/web-performance\"},{\"title\":\"How the Routes and Page_Image Liquid Objects Can Help You Build More Robust Themes\",\"url\":\"partners/blog/liquid-objects\"},{\"title\":\"Understanding Progressive JPEG and WebP Formats\",\"url\":\"partners/blog/progressive-jpeg-and-webp\"},{\"title\":\"How Safe As Milk Grew a Successful Theme Partner Business\",\"url\":\"partners/blog/theme-partner-business\"},{\"title\":\"How to Work With Shopify Theme Blocks\",\"url\":\"partners/blog/theme-blocks\"},{\"title\":\"How to Personalize Shopify Themes with the customer Object\",\"url\":\"partners/blog/customer-object\"},{\"title\":\"How to Get the Most out of the Timber Theme Framework\",\"url\":\"partners/blog/67401347-how-to-get-the-most-out-of-the-timber-theme-framework\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/articles/shopify-theme-inspector.jpg?v=1727286017","imageAltText":"shopify theme inspector","modifiedAt":"18 Nov 2020","modifiedAtRaw":"2020-11-18T03:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/387720675362","handle":"customer-object","title":"How to Personalize Shopify Themes with the customer Object","publishedAt":"2020-11-05T03:00:01Z","image":{"__typename":"Image","url":"https://cdn.shopify.com/s/files/1/0533/2089/articles/customer-object.jpg?v=1727286019","altText":"customer object","width":1215,"height":512},"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"The customer Liquid object allows you to access different properties associated with a particular customer. You can use it to display customer-specific content to personalize the checkout experience, which can help boost your client’s conversions. In this article, we'll explore when the customer object is accessible and how to display specific messaging when a customer fits your selected conditions with three different use cases.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/customer-object?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2020-11-05\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/customer-object.jpg?v=1604497012\" alt=\"customer object\"\u003e\u003c/a\u003e\n\u003cp\u003eThe customer Liquid object allows you to access different properties associated with a particular customer. You can use it to display customer-specific content to personalize the checkout experience, which can help boost your client’s conversions. In this article, we'll explore when the customer object is accessible and how to display specific messaging when a customer fits your selected conditions with three different use cases.\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":"Explore three examples of using the Liquid customer object and how to display messaging when specific customer conditions are met."},"authorV2":{"__typename":"ArticleAuthor","name":"Liam Griffin","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"How to Build a Shopify App: The Complete Guide\",\"url\":\"partners/blog/how-to-build-a-shopify-app\"},{\"title\":\"Build Forms on Shopify: How to Use Liquid to Build Robust Forms for Shopify Themes\",\"url\":\"partners/blog/build-forms-on-shopify\"},{\"title\":\"How to work with Metafields when building Shopify themes\",\"url\":\"partners/blog/metafields\"},{\"title\":\"How the Routes and Page_Image Liquid Objects Can Help You Build More Robust Themes\",\"url\":\"partners/blog/liquid-objects\"},{\"title\":\"Creating Dynamic Color Schemes with Theme Options and Presets\",\"url\":\"partners/blog/creating-dynamic-color-schemes-with-theme-options-and-presets\"},{\"title\":\"Announcing Shopify Liquid Code Examples for Partners\",\"url\":\"partners/blog/shopify-liquid-code-examples\"},{\"title\":\"How Safe As Milk Grew a Successful Theme Partner Business\",\"url\":\"partners/blog/theme-partner-business\"},{\"title\":\"How to Work With Shopify Theme Blocks\",\"url\":\"partners/blog/theme-blocks\"},{\"title\":\"How to Improve Conversions with Dynamic Checkout Buttons\",\"url\":\"partners/blog/shopify-dynamic-checkout-buttons\"},{\"title\":\"Top Tips for Building Themes That Are Fully Featured, Like Customizing Shopify’s Best Free Themes\",\"url\":\"partners/blog/best-free-themes\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/articles/customer-object.jpg?v=1727286019","imageAltText":"customer object","modifiedAt":"5 Nov 2020","modifiedAtRaw":"2020-11-05T03:00:01Z"},{"__typename":"Article","id":"gid://shopify/Article/387709960226","handle":"deprecating-sass","title":"Deprecating Sass for Shopify Themes","publishedAt":"2020-11-03T03:00:01Z","image":{"__typename":"Image","url":"https://cdn.shopify.com/s/files/1/0533/2089/articles/deprecating-sass_42d3c5b9-7d62-4976-868a-8475aa85349d.jpg?v=1727286020","altText":"deprecating sass","width":1215,"height":511},"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"As part of our ongoing initiative to improve the experience of working with themes, Shopify has decided to deprecate Sass. In this article, we'll look at why we decided to transition away from using Sass in themes, how you can adjust your own custom themes to maintain functionality, and what alternatives are available for developers who want to continue using Sass in their workflow.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/deprecating-sass?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2020-11-03\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/deprecating-sass_42d3c5b9-7d62-4976-868a-8475aa85349d.jpg?v=1604323638\" alt=\"deprecating sass\"\u003e\u003c/a\u003e\n\u003cp\u003eAs part of our ongoing initiative to improve the experience of working with themes, Shopify has decided to deprecate Sass. In this article, we'll look at why we decided to transition away from using Sass in themes, how you can adjust your own custom themes to maintain functionality, and what alternatives are available for developers who want to continue using Sass in their workflow.\u003c/p\u003e","seo":{"__typename":"SEO","title":"Deprecating Sass for Shopify Themes","description":"Get details on why Shopify is deprecating Sass in themes and how you can adjust your workflow and custom themes to adapt to this change."},"authorV2":{"__typename":"ArticleAuthor","name":"Liam Griffin","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"A Beginner's Guide to Sass with Shopify — Part 1: Getting Started With Sass\",\"url\":\"partners/blog/a-beginners-guide-to-building-shopify-themes-with-sass-part-1-getting-started-with-sass\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"url\":\"partners/blog/shopify-online-store\"},{\"title\":\"An Overview of Liquid: Shopify's Templating Language\",\"url\":\"partners/blog/115244038-an-overview-of-liquid-shopifys-templating-language\"},{\"title\":\"How Open Graph Tags can Optimize Social Media Experiences\",\"url\":\"partners/blog/open-graph-tags\"},{\"title\":\"Selling in Multiple Currencies with Shopify Payments: What this Means for App Developers\",\"url\":\"partners/blog/multi-currency-app-developers\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\",\"url\":\"partners/blog/how-to-build-a-shopify-app\"},{\"title\":\"4 Essential Tips for Building Your First Shopify Theme\",\"url\":\"partners/blog/78118150-4-essential-tips-for-building-your-first-shopify-theme\"},{\"title\":\"Introducing Shopify Developer Tools for macOS\",\"url\":\"partners/blog/developer-tools\"},{\"title\":\"How to Work With Shopify Theme Blocks\",\"url\":\"partners/blog/theme-blocks\"},{\"title\":\"How to use Liquid to Customize Shopify Theme Blog Templates\",\"url\":\"partners/blog/shopify-blog-template\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/articles/deprecating-sass_42d3c5b9-7d62-4976-868a-8475aa85349d.jpg?v=1727286020","imageAltText":"deprecating sass","modifiedAt":"3 Nov 2020","modifiedAtRaw":"2020-11-03T03:00:01Z"},{"__typename":"Article","id":"gid://shopify/Article/26710114360","handle":"placeholder-images","title":"Using Placeholder Images for Products with the placeholder_svg_tag Filter","publishedAt":"2020-10-19T21:00:35Z","image":null,"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"When beginning to build a theme or prototype, many developers use placeholder text or images. This is usually because they want a design to feel real, authentic, and similar to the final product. Shopify’s built-in placeholder_svg_tag filter lets developers take advantage of SVG placeholder illustrations in their Liquid templates. This article covers how to use the filter and add custom classes to it.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/placeholder-images?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2020-10-20\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/placeholder-images.jpg?v=1603109892\" alt=\"placeholder images\"\u003e\u003c/a\u003e\n\u003cp\u003eWhen beginning to build a theme or prototype, many developers use placeholder text or images. This is usually because they want a design to feel real, authentic, and similar to the final product. Shopify’s built-in placeholder_svg_tag filter lets developers take advantage of SVG placeholder illustrations in their Liquid templates. This article covers how to use the filter and add custom classes to it.\u003c/p\u003e","seo":{"__typename":"SEO","title":"Using Placeholder Images for Shopify Products","description":"Shopify has a built-in solution for placeholder images to help your websites feel similar to the final product. Learn more inside."},"authorV2":{"__typename":"ArticleAuthor","name":"Tiffany Tse","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"Introducing New Payout Methods for Shopify Partners\",\"url\":\"partners/blog/payout-methods\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"url\":\"partners/blog/shopify-online-store\"},{\"title\":\"How to Build a Shopify App as a Front End Developer\",\"url\":\"partners/blog/front-end-app\"},{\"title\":\"Build Forms on Shopify: How to Use Liquid to Build Robust Forms for Shopify Themes\",\"url\":\"partners/blog/build-forms-on-shopify\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\",\"url\":\"partners/blog/how-to-build-a-shopify-app\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"url\":\"partners/blog/img-url-filter\"},{\"title\":\"How to Get Web Design Clients Fast\",\"url\":\"partners/blog/finding-web-design-clients\"},{\"title\":\"Live Reloading Shopify Themes: Sass Compilation with Theme Kit and Prepros\",\"url\":\"partners/blog/live-reload-shopify-sass\"},{\"title\":\"Understanding Progressive JPEG and WebP Formats\",\"url\":\"partners/blog/progressive-jpeg-and-webp\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/placeholder-images.jpg?v=1603109892","imageAltText":"placeholder images","modifiedAt":"19 Oct 2020","modifiedAtRaw":"2020-10-19T21:00:35Z"},{"__typename":"Article","id":"gid://shopify/Article/26669154360","handle":"product-variants","title":"Working with Product Variants When Building a Shopify Theme","publishedAt":"2020-10-14T21:03:16Z","image":null,"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"One of the most crucial elements of any ecommerce site is the product page. With careful use of Liquid, developers can use deep-links to automatically select particular variants on a product page. This allows your clients to highlight key items and minimize the number of mouse clicks their customers need to make during the sales process. Learn how to work with product variants in today's article.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/product-variants?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2020-10-15\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/product-variants.jpg?v=1527588929\" alt=\"product-variants\"\u003e\u003c/a\u003e\n\u003cp\u003eOne of the most crucial elements of any ecommerce site is the product page. With careful use of Liquid, developers can use deep-links to automatically select particular variants on a product page. This allows your clients to highlight key items and minimize the number of mouse clicks their customers need to make during the sales process. Learn how to work with product variants in today's article.\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":"One of the most crucial elements of any ecommerce site is the product page, and as a developer, it’s your responsibility to ensure your client’s product variants are easy to choose and add to the cart."},"authorV2":{"__typename":"ArticleAuthor","name":"Liam Griffin","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"url\":\"partners/blog/shopify-online-store\"},{\"title\":\"An Overview of Liquid: Shopify's Templating Language\",\"url\":\"partners/blog/115244038-an-overview-of-liquid-shopifys-templating-language\"},{\"title\":\"Build Forms on Shopify: How to Use Liquid to Build Robust Forms for Shopify Themes\",\"url\":\"partners/blog/build-forms-on-shopify\"},{\"title\":\"The 9 Best Codepens for Summer\",\"url\":\"partners/blog/best-codepen\"},{\"title\":\"How to Upload Files with the Shopify GraphQL API and React\",\"url\":\"partners/blog/upload-files-graphql-react\"},{\"title\":\"Using JavaScript To Super Power Your Client's Shopify Site\",\"url\":\"partners/blog/28500611-using-javascript-to-super-power-your-clients-shopify-site\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\",\"url\":\"partners/blog/how-to-build-a-shopify-app\"},{\"title\":\"Using Placeholder Images for Products with the placeholder_svg_tag Filter\",\"url\":\"partners/blog/placeholder-images\"},{\"title\":\"8 Development Tips for Building Better Custom Shopify Sites\",\"url\":\"partners/blog/8-development-tips-for-building-better-custom-shopify-sites\"},{\"title\":\"Tips for an Efficient Shopify Theme Review Process\",\"url\":\"partners/blog/theme-review-process\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/product-variants.jpg?v=1527588929","imageAltText":"product-variants","modifiedAt":"14 Oct 2020","modifiedAtRaw":"2020-10-14T21:03:16Z"},{"__typename":"Article","id":"gid://shopify/Article/387513516066","handle":"checksums","title":"How We Improved Theme Development Tooling Using Checksums","publishedAt":"2020-09-22T02:00:00Z","image":{"__typename":"Image","url":"https://cdn.shopify.com/s/files/1/0533/2089/articles/checksums.jpg?v=1727286026","altText":"checksums","width":1215,"height":510},"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"When you're working on a Shopify theme, an interruption to your flow due to a tooling process can cause unwanted disruptions and delay your work. To improve this experience, we've released a new version of Theme Kit that speeds up the process of synchronizing changes between the local and remote versions of a theme using checksums. Learn more in today’s article.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/checksums?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2020-09-22\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/checksum.jpg?v=1600692218\" alt=\"checksums\" width=\"\" height=\"\"\u003e\u003c/a\u003e\n\u003cp\u003eWhen you're working on a Shopify theme, an interruption to your flow due to a tooling process can cause unwanted disruptions and delay your work. To improve this experience, we've released a new version of Theme Kit that speeds up the process of synchronizing changes between the local and remote versions of a theme using checksums. Learn more in today’s article.\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":"Learn how we implemented a checksums feature on Theme Kit to improve the theme development experience."},"authorV2":{"__typename":"ArticleAuthor","name":"Liam Griffin","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"Using Placeholder Images for Products with the placeholder_svg_tag Filter\",\"url\":\"partners/blog/placeholder-images\"},{\"title\":\"How to Create Your First Shopify Theme Section\",\"url\":\"partners/blog/how-to-create-your-first-shopify-theme-section\"},{\"title\":\"How to Use Shopify’s New font_picker Settings\",\"url\":\"partners/blog/font-picker\"},{\"title\":\"How to Customize the img Element in Shopify Themes\",\"url\":\"partners/blog/html-img-element\"},{\"title\":\"How to Personalize Shopify Themes with the customer Object\",\"url\":\"partners/blog/customer-object\"},{\"title\":\"How Safe As Milk Grew a Successful Theme Partner Business\",\"url\":\"partners/blog/theme-partner-business\"},{\"title\":\"How to Work With Shopify Theme Blocks\",\"url\":\"partners/blog/theme-blocks\"},{\"title\":\"How the Routes and Page_Image Liquid Objects Can Help You Build More Robust Themes\",\"url\":\"partners/blog/liquid-objects\"},{\"title\":\"8 Development Tips for Building Better Custom Shopify Sites\",\"url\":\"partners/blog/8-development-tips-for-building-better-custom-shopify-sites\"},{\"title\":\"Tips for an Efficient Shopify Theme Review Process\",\"url\":\"partners/blog/theme-review-process\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/articles/checksums.jpg?v=1727286026","imageAltText":"checksums","modifiedAt":"22 Sept 2020","modifiedAtRaw":"2020-09-22T02:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/26999586872","handle":"logo-bar","title":"How to Create a Customizable Logo Bar Section","publishedAt":"2020-09-02T21:08:00Z","image":null,"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"Very often, clients will want to highlight the businesses that they deal with, to assert themselves as being trustworthy and in-demand. One of the easiest ways to achieve this effect is with the use of a social proof logo bar on their website that displays the logos of the companies your clients have worked with. In this article, you’ll learn why logos are important for demonstrating social proof, how to add an image picker to a dynamic section, how to use Liquid to manage style settings from the Theme Editor, and more.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/logo-bar?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2020-09-03\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/logo-bar.jpg?v=1542809083\" alt=\"logo bar\"\u003e\u003c/a\u003e\n\u003cp\u003eVery often, clients will want to highlight the businesses that they deal with, to assert themselves as being trustworthy and in-demand. One of the easiest ways to achieve this effect is with the use of a social proof logo bar on their website that displays the logos of the companies your clients have worked with. In this article, you’ll learn why logos are important for demonstrating social proof, how to add an image picker to a dynamic section, how to use Liquid to manage style settings from the Theme Editor, and more.\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":"Learn how to use Liquid to build a dynamic logo bar section, extending the functionality of your custom themes or bespoke client work."},"authorV2":{"__typename":"ArticleAuthor","name":"Liam Griffin","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"Everything You Always Wanted to Know About Rapid Prototyping\",\"url\":\"partners/blog/rapid-prototyping\"},{\"title\":\"How to Customize Content by Country with Shopify\",\"url\":\"partners/blog/customize-content-by-country\"},{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"url\":\"partners/blog/93130630-10-beautiful-ecommerce-website-color-schemes\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\",\"url\":\"partners/blog/how-to-build-a-shopify-app\"},{\"title\":\"Top Tips for Building Themes That Are Fully Featured, Like Customizing Shopify’s Best Free Themes\",\"url\":\"partners/blog/best-free-themes\"},{\"title\":\"How to Use Liquid to Create Custom Landing Page Templates\",\"url\":\"partners/blog/landing-page\"},{\"title\":\"How to Use Shopify Theme Settings to Create Mobile-Specific Logos\",\"url\":\"partners/blog/shopify-mobile-logos\"},{\"title\":\"An Overview of Liquid: Shopify's Templating Language\",\"url\":\"partners/blog/115244038-an-overview-of-liquid-shopifys-templating-language\"},{\"title\":\"Shopify’s Buy Button 101: How to Use BuyButton.js in a WordPress Theme\",\"url\":\"partners/blog/shopify-s-buy-button-101-how-to-use-buybutton-js-in-a-wordpress-theme\"},{\"title\":\"How to Test your Theme Before Submitting to the Shopify Theme Store\",\"url\":\"partners/blog/test-shopify-theme\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/logo-bar.jpg?v=1542809083","imageAltText":"logo bar","modifiedAt":"2 Sept 2020","modifiedAtRaw":"2020-09-02T21:08:00Z"},{"__typename":"Article","id":"gid://shopify/Article/385965686818","handle":"legacy-browser-support","title":"How to Build for Modern Browsers (With Legacy Browser Support)","publishedAt":"2020-08-19T02:00:00Z","image":null,"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"Supporting legacy browsers when you’re building a website can be a challenge—but cutting them off entirely can make you feel like you’re losing out on potential customers for your clients. Learn the right way to move away from supporting legacy browsers in this article.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/legacy-browser-support?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2020-08-19\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/Legacy-browser-support.jpg?v=1597720100\" alt=\"Legacy browser support\"\u003e\u003c/a\u003e\n\u003cp\u003eSupporting legacy browsers when you’re building a website can be a challenge—but cutting them off entirely can make you feel like you’re losing out on potential customers for your clients. Learn the right way to move away from supporting legacy browsers in this article.\u003c/p\u003e","seo":{"__typename":"SEO","title":"Build for Modern Browsers (With Legacy Browser Support)","description":"Learn how to move away from legacy browser support without cutting off potential customers."},"authorV2":{"__typename":"ArticleAuthor","name":"Thomas Kelly","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"url\":\"partners/blog/shopify-online-store\"},{\"title\":\"Shopify Tutorial: The product.liquid template\",\"url\":\"partners/blog/96667526-shopify-tutorial-the-product-liquid-template\"},{\"title\":\"Shopify’s Buy Button 101: How to Use BuyButton.js in a WordPress Theme\",\"url\":\"partners/blog/shopify-s-buy-button-101-how-to-use-buybutton-js-in-a-wordpress-theme\"},{\"title\":\"How to Improve Conversions with Dynamic Checkout Buttons\",\"url\":\"partners/blog/shopify-dynamic-checkout-buttons\"},{\"title\":\"How to Work With Shopify Theme Blocks\",\"url\":\"partners/blog/theme-blocks\"},{\"title\":\"How Safe As Milk Grew a Successful Theme Partner Business\",\"url\":\"partners/blog/theme-partner-business\"},{\"title\":\"How to use Liquid to Customize Shopify Theme Blog Templates\",\"url\":\"partners/blog/shopify-blog-template\"},{\"title\":\"Build Forms on Shopify: How to Use Liquid to Build Robust Forms for Shopify Themes\",\"url\":\"partners/blog/build-forms-on-shopify\"},{\"title\":\"Tips for an Efficient Shopify Theme Review Process\",\"url\":\"partners/blog/theme-review-process\"},{\"title\":\"Understanding Progressive JPEG and WebP Formats\",\"url\":\"partners/blog/progressive-jpeg-and-webp\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/Legacy-browser-support.jpg?v=1597720100","imageAltText":"Legacy browser support","modifiedAt":"19 Aug 2020","modifiedAtRaw":"2020-08-19T02:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/385733885986","handle":"liquid-objects","title":"How the Routes and Page_Image Liquid Objects Can Help You Build More Robust Themes","publishedAt":"2020-07-23T02:00:00Z","image":null,"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"In this article, we'll look at why the routes and page_image objects were introduced to Liquid, and demonstrate how they can be implemented on your custom theme builds. We'll also explore the positive benefits of using these objects, both from a merchant perspective, but also for optimizing your own workflow as a theme developer.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/liquid-objects?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2020-07-23\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/liquid-objects.jpg?v=1595418970\" alt=\"liquid objects\"\u003e\u003c/a\u003e\n\u003cp\u003eIn this article, we'll look at why the routes and page_image objects were introduced to Liquid, and demonstrate how they can be implemented on your custom theme builds. We'll also explore the positive benefits of using these objects, both from a merchant perspective, but also for optimizing your own workflow as a theme developer.\u003c/p\u003e","seo":{"__typename":"SEO","title":"How to Use the Routes and Page_Image Liquid Objects","description":"Learn about the routes and page_image Liquid objects and see how they can be implemented on your custom theme builds to improve their reliability."},"authorV2":{"__typename":"ArticleAuthor","name":"Liam Griffin","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"Everything You Always Wanted to Know About Rapid Prototyping\",\"url\":\"partners/blog/rapid-prototyping\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"url\":\"partners/blog/img-url-filter\"},{\"title\":\"An Overview of Liquid: Shopify's Templating Language\",\"url\":\"partners/blog/115244038-an-overview-of-liquid-shopifys-templating-language\"},{\"title\":\"Build with Hydrogen: Developer Preview Now Available\",\"url\":\"partners/blog/hydrogen-developer-preview\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\",\"url\":\"partners/blog/how-to-build-a-shopify-app\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"url\":\"partners/blog/shopify-online-store\"},{\"title\":\"Shopify API Release: January 2022\",\"url\":\"partners/blog/shopify-api-release-january-2022\"},{\"title\":\"Shopify’s Buy Button 101: How to Use BuyButton.js in a WordPress Theme\",\"url\":\"partners/blog/shopify-s-buy-button-101-how-to-use-buybutton-js-in-a-wordpress-theme\"},{\"title\":\"How to Work With Shopify Theme Blocks\",\"url\":\"partners/blog/theme-blocks\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/liquid-objects.jpg?v=1595418970","imageAltText":"liquid objects","modifiedAt":"23 Jul 2020","modifiedAtRaw":"2020-07-23T02:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/384989724706","handle":"product-media","title":"How to Use Product Media on Your Custom Shopify Themes","publishedAt":"2020-06-18T02:00:00Z","image":null,"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"With the recent addition of media filters and attributes for Liquid, Shopify has expanded its support for product pages to display product videos and 3D models. This is a valuable customization feature you can offer to clients and even use in your own custom themes. In this article, we’ll explore the new Liquid components that are involved and some considerations to be aware of when laying out these elements on a page.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/product-media?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2020-06-18\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/product-media.jpg?v=1592395822\" alt=\"product media\"\u003e\u003c/a\u003e\n\u003cp\u003eWith the recent addition of media filters and attributes for Liquid, Shopify has expanded its support for product pages to display product videos and 3D models. This is a valuable customization feature you can offer to clients and even use in your own custom themes. In this article, we’ll explore the new Liquid components that are involved and some considerations to be aware of when laying out these elements on a page.\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":"This article explores the product media feature, and how you can use it with your clients and your own custom Shopify themes."},"authorV2":{"__typename":"ArticleAuthor","name":"Liam Griffin","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"How to Manipulate Images with the img_url Filter\",\"url\":\"partners/blog/img-url-filter\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\",\"url\":\"partners/blog/how-to-build-a-shopify-app\"},{\"title\":\"Working with Product Variants When Building a Shopify Theme\",\"url\":\"partners/blog/product-variants\"},{\"title\":\"How to Build a Customizable Related Products Section\",\"url\":\"partners/blog/related-products\"},{\"title\":\"Creating Useful CSS Hooks in Liquid\",\"url\":\"partners/blog/92262598-creating-useful-css-hooks-in-liquid\"},{\"title\":\"How to Debug Liquid Render Performance with Shopify Theme Inspector for Chrome\",\"url\":\"partners/blog/shopify-liquid-debug\"},{\"title\":\"Build Forms on Shopify: How to Use Liquid to Build Robust Forms for Shopify Themes\",\"url\":\"partners/blog/build-forms-on-shopify\"},{\"title\":\"How the Routes and Page_Image Liquid Objects Can Help You Build More Robust Themes\",\"url\":\"partners/blog/liquid-objects\"},{\"title\":\"Understanding Progressive JPEG and WebP Formats\",\"url\":\"partners/blog/progressive-jpeg-and-webp\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/product-media.jpg?v=1592395822","imageAltText":"product media","modifiedAt":"18 Jun 2020","modifiedAtRaw":"2020-06-18T02:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/27343355960","handle":"build-forms-on-shopify","title":"Build Forms on Shopify: How to Use Liquid to Build Robust Forms for Shopify Themes","publishedAt":"2020-05-27T21:08:00Z","image":null,"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"Forms are used across a range of touchpoints on Shopify stores. In this article, we look at how Liquid can be leveraged to simplify the form building process by generating input elements, identifying errors, and outputting feedback to your client's customers.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/build-forms-on-shopify?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2020-05-28\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/build-forms-on-shopify_19289942-eaab-477e-aa30-6d3658470588.jpg?v=1590580562\" alt=\"build forms on shopify\"\u003e\u003c/a\u003e\n\u003cp\u003eForms are used across a range of touchpoints on Shopify stores. In this article, we look at how Liquid can be leveraged to simplify the form building process by generating input elements, identifying errors, and outputting feedback to your client's customers.\u003c/p\u003e","seo":{"__typename":"SEO","title":"How to Use Liquid to Build Forms on Shopify for Themes","description":"Forms are used across a range of touchpoints on Shopify stores. In this article, we look at how to build forms on Shopify with Liquid."},"authorV2":{"__typename":"ArticleAuthor","name":"Liam Griffin","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"How to Create Fast, Impressive Proposals That Sell\",\"url\":\"partners/blog/how-to-create-a-proposal\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"url\":\"partners/blog/shopify-online-store\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\",\"url\":\"partners/blog/how-to-build-a-shopify-app\"},{\"title\":\"Off Page SEO: 3 Quick Fixes and 3 Long Term Strategies\",\"url\":\"partners/blog/off-page-seo\"},{\"title\":\"How Open Graph Tags can Optimize Social Media Experiences\",\"url\":\"partners/blog/open-graph-tags\"},{\"title\":\"How the Routes and Page_Image Liquid Objects Can Help You Build More Robust Themes\",\"url\":\"partners/blog/liquid-objects\"},{\"title\":\"An Overview of Liquid: Shopify's Templating Language\",\"url\":\"partners/blog/115244038-an-overview-of-liquid-shopifys-templating-language\"},{\"title\":\"Building Narrative : Shopify's New Theme for Storytelling\",\"url\":\"partners/blog/building-narrative-shopify-s-new-theme-for-storytelling\"},{\"title\":\"How to Test your Theme Before Submitting to the Shopify Theme Store\",\"url\":\"partners/blog/test-shopify-theme\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/build-forms-on-shopify_19289942-eaab-477e-aa30-6d3658470588.jpg?v=1590580562","imageAltText":"build forms on shopify","modifiedAt":"27 May 2020","modifiedAtRaw":"2020-05-27T21:08:00Z"},{"__typename":"Article","id":"gid://shopify/Article/384568000546","handle":"digital-products","title":"How to Optimize Your Clients’ Themes to Sell Digital Products","publishedAt":"2020-05-27T02:00:00Z","image":null,"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"Selling digital products can help add new revenue streams for your clients who already sell physical products. However, optimizing their Shopify stores to sell digital products requires specific UX and theme design considerations. In this article, we’ll cover the practical strategies and insights to keep in mind throughout the process.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/digital-products?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2020-05-27\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/digital-products.jpg?v=1590501131\" alt=\"digital products\"\u003e\u003c/a\u003e\n\u003cp\u003eSelling digital products can help add new revenue streams for your clients who already sell physical products. However, optimizing their Shopify stores to sell digital products requires specific UX and theme design considerations. In this article, we’ll cover the practical strategies and insights to keep in mind throughout the process.\u003c/p\u003e","seo":{"__typename":"SEO","title":"How to Optimize Shopify Themes to Sell Digital Products","description":"Selling digital products requires a specialized UX. Learn practical strategies to optimize Shopify themes for your clients who sell digital products."},"authorV2":{"__typename":"ArticleAuthor","name":"Liam Griffin","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"An Overview of Liquid: Shopify's Templating Language\",\"url\":\"partners/blog/115244038-an-overview-of-liquid-shopifys-templating-language\"},{\"title\":\"Deprecating Sass for Shopify Themes\",\"url\":\"partners/blog/deprecating-sass\"},{\"title\":\"How Safe As Milk Grew a Successful Theme Partner Business\",\"url\":\"partners/blog/theme-partner-business\"},{\"title\":\"How to Combat Image Cropping on Shopify Slideshow Sections\",\"url\":\"partners/blog/shopify-slideshow\"},{\"title\":\"How to Get the Most out of the Timber Theme Framework\",\"url\":\"partners/blog/67401347-how-to-get-the-most-out-of-the-timber-theme-framework\"},{\"title\":\"How to Create a Customizable Logo Bar Section\",\"url\":\"partners/blog/logo-bar\"},{\"title\":\"Tips for an Efficient Shopify Theme Review Process\",\"url\":\"partners/blog/theme-review-process\"},{\"title\":\"8 Development Tips for Building Better Custom Shopify Sites\",\"url\":\"partners/blog/8-development-tips-for-building-better-custom-shopify-sites\"},{\"title\":\"How to Work With Shopify Theme Blocks\",\"url\":\"partners/blog/theme-blocks\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/digital-products.jpg?v=1590501131","imageAltText":"digital products","modifiedAt":"27 May 2020","modifiedAtRaw":"2020-05-27T02:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/383779733538","handle":"css-grid-framework","title":"A CSS Grid Framework for Shopify Collection Pages","publishedAt":"2020-03-05T03:00:00Z","image":null,"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"CSS Grid has become an increasingly popular technique for applying a layout to pages, and developers can take advantage of this system to reduce complexity and define clear style rules. All of the pages of a Shopify store can adopt CSS Grid, but one obvious touchpoint that can benefit the most from a robust and clean grid layout is the collection page. In today’s article, we go over how to use CSS grid on Shopify collection pages.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/css-grid-framework?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2020-03-05\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/CSS_grid_framework.jpg?v=1583301541\" alt=\"CSS grid framework\"\u003e\u003c/a\u003e\n\u003cp\u003eCSS Grid has become an increasingly popular technique for applying a layout to pages, and developers can take advantage of this system to reduce complexity and define clear style rules. All of the pages of a Shopify store can adopt CSS Grid, but one obvious touchpoint that can benefit the most from a robust and clean grid layout is the collection page. In today’s article, we go over how to use CSS grid on Shopify collection pages.\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":"Learn how to use the CSS Grid framework with Shopify stores, and specifically on collection pages. Click here to get started now."},"authorV2":{"__typename":"ArticleAuthor","name":"Liam Griffin","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"How to Get Published in the Shopify Theme Store\",\"url\":\"partners/blog/32453955-how-to-get-published-in-the-shopify-theme-store\"},{\"title\":\"Ads on the Shopify App Store: A New Channel for App Growth\",\"url\":\"partners/blog/app-store-ads\"},{\"title\":\"Deprecating Sass for Shopify Themes\",\"url\":\"partners/blog/deprecating-sass\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"url\":\"partners/blog/shopify-online-store\"},{\"title\":\"How to Create Your First Shopify Theme Section\",\"url\":\"partners/blog/how-to-create-your-first-shopify-theme-section\"},{\"title\":\"Tips for Using Snippets in Your Shopify Theme Work\",\"url\":\"partners/blog/88186566-tips-for-using-snippets-in-your-shopify-theme\"},{\"title\":\"How to Use Math Filters with Liquid\",\"url\":\"partners/blog/shopify-filters\"},{\"title\":\"How to Successfully Execute an Iterative Redesign in Shopify with Optimizely\",\"url\":\"partners/blog/how-to-successfully-execute-an-iterative-redesign-in-shopify-with-optimizely\"},{\"title\":\"Tips for an Efficient Shopify Theme Review Process\",\"url\":\"partners/blog/theme-review-process\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/CSS_grid_framework.jpg?v=1583301541","imageAltText":"CSS grid framework","modifiedAt":"5 Mar 2020","modifiedAtRaw":"2020-03-05T03:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/383770263586","handle":"shopify-slideshow","title":"How to Combat Image Cropping on Shopify Slideshow Sections","publishedAt":"2020-03-03T03:00:00Z","image":null,"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"Recently, the themes team at Shopify has made some changes to the popular slideshow feature in Shopify themes, hoping to combat the issue of image cropping. In doing so, they came up with some interesting takeaways. In this article, learn what they discovered, and how you can use those insights to build themes with a more usable slideshow feature.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/shopify-slideshow?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2020-03-03\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/Shopify_slideshow.jpg?v=1583119777\" alt=\"Shopify slideshow\"\u003e\u003c/a\u003e\n\u003cp\u003eRecently, the themes team at Shopify has made some changes to the popular slideshow feature in Shopify themes, hoping to combat the issue of image cropping. In doing so, they came up with some interesting takeaways. In this article, learn what they discovered, and how you can use those insights to build themes with a more usable slideshow feature.\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":"Using a Shopify slideshow in a theme can present challenges, especially when it comes to image cropping. Learn how to help your clients avoid this issue.\n"},"authorV2":{"__typename":"ArticleAuthor","name":"Guillaume Granger","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"url\":\"partners/blog/93130630-10-beautiful-ecommerce-website-color-schemes\"},{\"title\":\"How to Use Shopify Theme Settings to Create Mobile-Specific Logos\",\"url\":\"partners/blog/shopify-mobile-logos\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"url\":\"partners/blog/shopify-online-store\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"url\":\"partners/blog/img-url-filter\"},{\"title\":\"How to Use Shopify’s New font_picker Settings\",\"url\":\"partners/blog/font-picker\"},{\"title\":\"An Overview of Liquid: Shopify's Templating Language\",\"url\":\"partners/blog/115244038-an-overview-of-liquid-shopifys-templating-language\"},{\"title\":\"How to Create a Customizable Announcement Bar Section in Shopify\",\"url\":\"partners/blog/shopify-announcement-bar\"},{\"title\":\"4 Theme Features Every Client Will Ask For\",\"url\":\"partners/blog/18297579-4-theme-features-every-client-will-ask-for\"},{\"title\":\"How the Routes and Page_Image Liquid Objects Can Help You Build More Robust Themes\",\"url\":\"partners/blog/liquid-objects\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/Shopify_slideshow.jpg?v=1583119777","imageAltText":"Shopify slideshow","modifiedAt":"3 Mar 2020","modifiedAtRaw":"2020-03-03T03:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/225217621","handle":"a-beginners-guide-to-sass-with-shopify-part-2-making-stylesheets-smarter-with-sass-mixins-and-functions","title":"A Beginner's Guide to Sass with Shopify — Part 2: Making Stylesheets Smarter with Sass Mixins and Functions","publishedAt":"2020-02-20T03:00:00Z","image":null,"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"In the second part of our series on building Shopify themes with Sass, learn how to use arithmetic operators in Sass, create and use existing Sass functions, and useful examples of mixins and how they work.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/a-beginners-guide-to-sass-with-shopify-part-2-making-stylesheets-smarter-with-sass-mixins-and-functions?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2020-02-20\"\u003e\u003cimg alt=\"A beginner's guide to building Shopify themes with Sass part 2\" src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/beginners-guide-to-sass-with-shopify-part-2.png?v=1493043280\" style=\"border: 0;\"\u003e\u003c/a\u003e\n\u003cp\u003eIn the second part of our series on building Shopify themes with Sass, learn how to use arithmetic operators in Sass, create and use existing Sass functions, and useful examples of mixins and how they work. \u003c/p\u003e\n\u003cul\u003e\u003c/ul\u003e","seo":{"__typename":"SEO","title":"Guide to Sass with Shopify Pt. 2: Mixins and Functions","description":"Learn about Sass functions and mixins, and get some great examples of how to use them in Shopify theme development."},"authorV2":{"__typename":"ArticleAuthor","name":"Tiffany Tse","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"url\":\"partners/blog/shopify-online-store\"},{\"title\":\"An Overview of Liquid: Shopify's Templating Language\",\"url\":\"partners/blog/115244038-an-overview-of-liquid-shopifys-templating-language\"},{\"title\":\"Deprecating Sass for Shopify Themes\",\"url\":\"partners/blog/deprecating-sass\"},{\"title\":\"How to Use Product Media on Your Custom Shopify Themes\",\"url\":\"partners/blog/product-media\"},{\"title\":\"How to Display Price Ranges on Shopify Collection Pages\",\"url\":\"partners/blog/collection-page-price-range\"},{\"title\":\"How the Routes and Page_Image Liquid Objects Can Help You Build More Robust Themes\",\"url\":\"partners/blog/liquid-objects\"},{\"title\":\"How to Get the Most out of the Timber Theme Framework\",\"url\":\"partners/blog/67401347-how-to-get-the-most-out-of-the-timber-theme-framework\"},{\"title\":\"How to Test your Theme Before Submitting to the Shopify Theme Store\",\"url\":\"partners/blog/test-shopify-theme\"},{\"title\":\"How to Personalize Shopify Themes with the customer Object\",\"url\":\"partners/blog/customer-object\"},{\"title\":\"How to Work With Shopify Theme Blocks\",\"url\":\"partners/blog/theme-blocks\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/beginners-guide-to-sass-with-shopify-part-2.png?v=1493043280","imageAltText":"A beginner's guide to building Shopify themes with Sass part 2","modifiedAt":"20 Feb 2020","modifiedAtRaw":"2020-02-20T03:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/27981643832","handle":"social-media-marketing-icon","title":"How to Add a Social Media Marketing Icon to Your Theme","publishedAt":"2020-02-11T03:00:00Z","image":null,"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"New social media channels have allowed merchants to become more specialized in how and where they build a community. Learn how to add a custom social media marketing icon to your theme, and create a theme setting that your clients can interact with.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/social-media-marketing-icon?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2020-02-10\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/social-media-marketing-icon.jpeg?v=1580999318\" alt=\"social media marketing icon\"\u003e\u003c/a\u003e\n\u003cp\u003eNew social media channels have allowed merchants to become more specialized in how and where they build a community. Learn how to add a custom social media marketing icon to your theme, and create a theme setting that your clients can interact with.\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":"Social media marketing icons allow your client to link to their communities from their online store. Learn how to add custom icons to your themes."},"authorV2":{"__typename":"ArticleAuthor","name":"Liam Griffin","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"url\":\"partners/blog/shopify-online-store\"},{\"title\":\"Deprecating Sass for Shopify Themes\",\"url\":\"partners/blog/deprecating-sass\"},{\"title\":\"SEO and Web Design: How to Build a Website That Ranks (2022)\",\"url\":\"partners/blog/seo-web-design\"},{\"title\":\"How to work with Metafields when building Shopify themes\",\"url\":\"partners/blog/metafields\"},{\"title\":\"How to Create a Customizable Announcement Bar Section in Shopify\",\"url\":\"partners/blog/shopify-announcement-bar\"},{\"title\":\"An Overview of Liquid: Shopify's Templating Language\",\"url\":\"partners/blog/115244038-an-overview-of-liquid-shopifys-templating-language\"},{\"title\":\"Building an Accessible Breadcrumb Navigation with Liquid and Shopify\",\"url\":\"partners/blog/breadcrumb-navigation\"},{\"title\":\"Free Course] 10x Your Shopify Theme Development Skills with These Free Courses\",\"url\":\"partners/blog/97493062-free-course-10x-your-shopify-theme-development-skills-with-these-free-courses\"},{\"title\":\"How to Optimize Your Clients’ Themes to Sell Digital Products\",\"url\":\"partners/blog/digital-products\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/social-media-marketing-icon.jpeg?v=1580999318","imageAltText":"social media marketing icon","modifiedAt":"11 Feb 2020","modifiedAtRaw":"2020-02-11T03:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/224956742","handle":"a-beginners-guide-to-building-shopify-themes-with-sass-part-1-getting-started-with-sass","title":"A Beginner's Guide to Sass with Shopify — Part 1: Getting Started With Sass","publishedAt":"2020-02-06T02:52:00Z","image":null,"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"As CSS has gotten more complex, and stylesheets have become larger and harder to maintain, CSS preprocessors have become very popular. In this article, learn the differences between Sass and SCSS, get an introduction to variables and nesting, and understand some of the limitations of Sass in Shopify’s online theme editor.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/a-beginners-guide-to-building-shopify-themes-with-sass-part-1-getting-started-with-sass?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2020-02-06\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/sass.jpeg?v=1580912654\" alt=\"sass\"\u003e\u003c/a\u003e\n\u003cp\u003eAs CSS has gotten more complex, and stylesheets have become larger and harder to maintain, CSS preprocessors have become very popular. In this article, learn the differences between Sass and SCSS, get an introduction to variables and nesting, and understand some of the limitations of Sass in Shopify’s online theme editor.\u003c/p\u003e","seo":{"__typename":"SEO","title":"A Beginner's Guide to Sass with Shopify Pt. 1: Getting Started","description":"We cover the differences between Sass and SCSS, and give an introduction to variables, nesting, and using Sass in Shopify’s online theme editor."},"authorV2":{"__typename":"ArticleAuthor","name":"Tiffany Tse","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"The Essential List of Resources for Shopify Theme Development\",\"url\":\"partners/blog/the-ultimate-list-of-resources-for-shopify-theme-developers\"},{\"title\":\"How to Combat Image Cropping on Shopify Slideshow Sections\",\"url\":\"partners/blog/shopify-slideshow\"},{\"title\":\"Announcing Shopify’s New Sketch Plugin: Polaris Telescope\",\"url\":\"partners/blog/polaris-telescope\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"url\":\"partners/blog/img-url-filter\"},{\"title\":\"Tips for Using Snippets in Your Shopify Theme Work\",\"url\":\"partners/blog/88186566-tips-for-using-snippets-in-your-shopify-theme\"},{\"title\":\"Building Nested Navigations with Shopify Link List\",\"url\":\"partners/blog/shopify-link-list\"},{\"title\":\"An In-Depth Look Into Designing a Shopify Theme\",\"url\":\"partners/blog/100841542-an-in-depth-look-into-designing-a-shopify-theme\"},{\"title\":\"Understanding Progressive JPEG and WebP Formats\",\"url\":\"partners/blog/progressive-jpeg-and-webp\"},{\"title\":\"Live Reloading Shopify Themes: Sass Compilation with Theme Kit and Prepros\",\"url\":\"partners/blog/live-reload-shopify-sass\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/sass.jpeg?v=1580912654","imageAltText":"sass","modifiedAt":"6 Feb 2020","modifiedAtRaw":"2020-02-06T02:52:00Z"},{"__typename":"Article","id":"gid://shopify/Article/27980300344","handle":"shopify-liquid-debug","title":"How to Debug Liquid Render Performance with Shopify Theme Inspector for Chrome","publishedAt":"2020-02-04T03:00:00Z","image":null,"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"Announcing the Shopify Theme Inspector for Chrome, a tool that helps pinpoint specific lines of problematic code in your theme development. Learn how to use this new tool to optimize your clients’ stores, speed up render time, and convert more customers.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/shopify-liquid-debug?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2020-02-04\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/Shopify-liquid-debug.jpeg?v=1580748908\" alt=\"shopify liquid debug\"\u003e\u003c/a\u003e\n\u003cp\u003eAnnouncing the Shopify Theme Inspector for Chrome, a tool that helps pinpoint specific lines of problematic code in your theme development. Learn how to use this new tool to optimize your clients’ stores, speed up render time, and convert more customers.\u003c/p\u003e","seo":{"__typename":"SEO","title":"Shopify Liquid Debug with Shopify Theme Inspector for Chrome","description":"Shopify Liquid debug has never been easier than with the Shopify Theme Inspector for Chrome. Pinpoint specific lines of problematic code to make your clients’ stores faster and more performative."},"authorV2":{"__typename":"ArticleAuthor","name":"Umair Choudhary","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"The 20 Best Brackets Extensions for Front End Developers\",\"url\":\"partners/blog/brackets-extensions\"},{\"title\":\"An Overview of Liquid: Shopify's Templating Language\",\"url\":\"partners/blog/115244038-an-overview-of-liquid-shopifys-templating-language\"},{\"title\":\"Vue.js Tutorial — A Guide on Prototyping Web Apps\",\"url\":\"partners/blog/vuejs-tutorial\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\",\"url\":\"partners/blog/how-to-build-a-shopify-app\"},{\"title\":\"How to Build a Customizable Related Products Section\",\"url\":\"partners/blog/related-products\"},{\"title\":\"How to Use Liquid to Create Custom Landing Page Templates\",\"url\":\"partners/blog/landing-page\"},{\"title\":\"How to Use Math Filters with Liquid\",\"url\":\"partners/blog/shopify-filters\"},{\"title\":\"Deprecating Sass for Shopify Themes\",\"url\":\"partners/blog/deprecating-sass\"},{\"title\":\"How to Create Your First Shopify Theme Section\",\"url\":\"partners/blog/how-to-create-your-first-shopify-theme-section\"},{\"title\":\"Tips for an Efficient Shopify Theme Review Process\",\"url\":\"partners/blog/theme-review-process\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/Shopify-liquid-debug.jpeg?v=1580748908","imageAltText":"shopify liquid debug","modifiedAt":"4 Feb 2020","modifiedAtRaw":"2020-02-04T03:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/115244038","handle":"115244038-an-overview-of-liquid-shopifys-templating-language","title":"An Overview of Liquid: Shopify's Templating Language","publishedAt":"2020-01-30T03:00:00Z","image":null,"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"Liquid is Shopify’s templating language. In this article, learn how to get started with Liquid, including how it fits into Shopify theme building, and the core concepts that will enable you to start building powerful and immersive ecommerce templates.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/115244038-an-overview-of-liquid-shopifys-templating-language?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2020-01-29\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/header.jpg?v=1580305154\" alt=\"Shopify liquid\"\u003e\u003c/a\u003e\n\u003cp\u003eLiquid is Shopify’s templating language. In this article, learn how to get started with Liquid, including how it fits into Shopify theme building, and the core concepts that will enable you to start building powerful and immersive ecommerce templates.\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":"Liquid is Shopify's templating language. Learn how it fits into Shopify theme building, and the core concepts that will help you build ecommerce templates.\n"},"authorV2":{"__typename":"ArticleAuthor","name":"Keir Whitaker","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"How to Build a Shopify App: The Complete Guide\",\"url\":\"partners/blog/how-to-build-a-shopify-app\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"url\":\"partners/blog/shopify-online-store\"},{\"title\":\"How to Use Liquid to Create Custom Landing Page Templates\",\"url\":\"partners/blog/landing-page\"},{\"title\":\"How to Build a Shopify App as a Front End Developer\",\"url\":\"partners/blog/front-end-app\"},{\"title\":\"Using JavaScript To Super Power Your Client's Shopify Site\",\"url\":\"partners/blog/28500611-using-javascript-to-super-power-your-clients-shopify-site\"},{\"title\":\"Introduction to Shopify Theming for WordPress Theme Developers\",\"url\":\"partners/blog/introduction-to-shopify-theming-for-wordpress-theme-developers\"},{\"title\":\"Top Tips for Building Themes That Are Fully Featured, Like Customizing Shopify’s Best Free Themes\",\"url\":\"partners/blog/best-free-themes\"},{\"title\":\"How the Routes and Page_Image Liquid Objects Can Help You Build More Robust Themes\",\"url\":\"partners/blog/liquid-objects\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/header.jpg?v=1580305154","imageAltText":"Shopify liquid","modifiedAt":"30 Jan 2020","modifiedAtRaw":"2020-01-30T03:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/27627323448","handle":"minification","title":"5 Ways to Improve Store Loading Times with Minification","publishedAt":"2019-12-03T03:00:00Z","image":null,"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"Minification refers to the process of removing unnecessary or redundant data without affecting how the resource is processed by the browser. In this article, we'll look at some of the approaches you can take when attempting to minify the code of Shopify themes.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/minification?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2019-12-03\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/minification.jpg?v=1575296472\" alt=\"minification\"\u003e\u003c/a\u003e\n\u003cp\u003eMinification refers to the process of removing unnecessary or redundant data without affecting how the resource is processed by the browser. In this article, we'll look at some of the approaches you can take when attempting to minify the code of Shopify themes.\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":"Minification refers to the process of removing unnecessary or redundant data without affecting how the resource is processed by the browser. In this article, we'll look at some of the approaches you can take when attempting to minify the code of Shopify themes. "},"authorV2":{"__typename":"ArticleAuthor","name":"Liam Griffin","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/minification.jpg?v=1575296472","imageAltText":"minification","modifiedAt":"3 Dec 2019","modifiedAtRaw":"2019-12-03T03:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/27606712376","handle":"shopify-announcement-bar","title":"How to Create a Customizable Announcement Bar Section in Shopify","publishedAt":"2019-11-05T03:00:00Z","image":null,"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"Announcement bars are a great way to give your clients the ability to share messages with their buyers directly on their store. With BFCM on the horizon, learn how to build an announcement bar section in your custom themes so your clients can tell buyers about their sales and promotions.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/shopify-announcement-bar?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2019-11-05\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-announcement-bar_2ef745a0-c950-4862-be55-c7bad67112de.jpg?v=1572023572\" alt=\"shopify announcement bar\"\u003e\u003c/a\u003e\n\u003cp\u003eAnnouncement bars are a great way to give your clients the ability to share messages with their buyers directly on their store. With BFCM on the horizon, learn how to build an announcement bar section in your custom themes so your clients can tell buyers about their sales and promotions.\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":"Announcement bars are a great way to allow your clients the ability to share promotions, sales, or other messages with their buyers directly on their store. Learn how to use Liquid to build an announcement bar section in your custom themes."},"authorV2":{"__typename":"ArticleAuthor","name":"Liam Griffin","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"url\":\"partners/blog/93130630-10-beautiful-ecommerce-website-color-schemes\"},{\"title\":\"10 Ways to Create Delightful and User-Friendly Web Animation\",\"url\":\"partners/blog/web-animation\"},{\"title\":\"What is a Canonical URL? Best Practice Guide 2022\",\"url\":\"partners/blog/canonical-urls\"},{\"title\":\"Vue.js Tutorial — A Guide on Prototyping Web Apps\",\"url\":\"partners/blog/vuejs-tutorial\"},{\"title\":\"Free Course] 10x Your Shopify Theme Development Skills with These Free Courses\",\"url\":\"partners/blog/97493062-free-course-10x-your-shopify-theme-development-skills-with-these-free-courses\"},{\"title\":\"An Overview of Liquid: Shopify's Templating Language\",\"url\":\"partners/blog/115244038-an-overview-of-liquid-shopifys-templating-language\"},{\"title\":\"How to Use Liquid to Create Custom Landing Page Templates\",\"url\":\"partners/blog/landing-page\"},{\"title\":\"Working with Product Variants When Building a Shopify Theme\",\"url\":\"partners/blog/product-variants\"},{\"title\":\"How to Personalize Shopify Themes with the customer Object\",\"url\":\"partners/blog/customer-object\"},{\"title\":\"Best Practices for Developing Scalable (and Sustainable) Shopify Themes\",\"url\":\"partners/blog/best-practices-for-developing-shopify-themes\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-announcement-bar_2ef745a0-c950-4862-be55-c7bad67112de.jpg?v=1572023572","imageAltText":"shopify announcement bar","modifiedAt":"5 Nov 2019","modifiedAtRaw":"2019-11-05T03:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/27595407416","handle":"shopify-mobile-logos","title":"How to Use Shopify Theme Settings to Create Mobile-Specific Logos","publishedAt":"2019-10-03T02:00:00Z","image":null,"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"A logo is critical to a brand’s identity, no matter what device customers are using—but scaling logos down for mobile can be challenging. Learn how to customize themes so your clients can choose a specific logo for smaller screens, letting you mitigate layout issues and build a more customized experience.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/shopify-mobile-logos?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2019-10-03\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-mobile-logos.jpg?v=1570020693\" alt=\"shopify mobile logos\"\u003e\u003c/a\u003e\n\u003cp\u003eA logo is critical to a brand’s identity, no matter what device customers are using—but scaling logos down for mobile can be challenging. Learn how to customize themes so your clients can choose a specific logo for smaller screens, letting you mitigate layout issues and build a more customized experience.\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":"A logo is critical to a brand’s identity, no matter what device customers are using—but scaling logos down for mobile can be challenging. Learn how to customize themes so your clients can choose a specific logo for smaller screens, letting you mitigate layout issues and build a more customized experience."},"authorV2":{"__typename":"ArticleAuthor","name":"Liam Griffin","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"8 Development Tips for Building Better Custom Shopify Sites\",\"url\":\"partners/blog/8-development-tips-for-building-better-custom-shopify-sites\"},{\"title\":\"Deprecating Sass for Shopify Themes\",\"url\":\"partners/blog/deprecating-sass\"},{\"title\":\"How to Combat Image Cropping on Shopify Slideshow Sections\",\"url\":\"partners/blog/shopify-slideshow\"},{\"title\":\"How to Create a Customizable Announcement Bar Section in Shopify\",\"url\":\"partners/blog/shopify-announcement-bar\"},{\"title\":\"Working with Product Variants When Building a Shopify Theme\",\"url\":\"partners/blog/product-variants\"},{\"title\":\"Creating Useful CSS Hooks in Liquid\",\"url\":\"partners/blog/92262598-creating-useful-css-hooks-in-liquid\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"url\":\"partners/blog/img-url-filter\"},{\"title\":\"How to Use Math Filters with Liquid\",\"url\":\"partners/blog/shopify-filters\"},{\"title\":\"Why We Created Timber, Shopify’s Theme Framework (\u0026 Why You Should Use It)\",\"url\":\"partners/blog/15972059-why-we-created-timber-shopify-s-theme-framework-why-you-should-use-it\"},{\"title\":\"How to Create a Sticky Add to Cart Button On Scroll\",\"url\":\"partners/blog/112052742-how-to-create-a-sticky-add-to-cart-button-on-scroll\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-mobile-logos.jpg?v=1570020693","imageAltText":"shopify mobile logos","modifiedAt":"3 Oct 2019","modifiedAtRaw":"2019-10-03T02:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/27548975160","handle":"shopify-dynamic-checkout-buttons","title":"How to Improve Conversions with Dynamic Checkout Buttons","publishedAt":"2019-08-27T02:00:00Z","image":null,"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"The user experience on a store’s cart and checkout pages is crucial for determining whether or not a sale will be completed. In this post, learn how to implement dynamic checkout buttons onto your custom theme’s product and cart page.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/shopify-dynamic-checkout-buttons?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2019-08-27\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-dynamic-checkout-buttons.jpg?v=1566830810\" alt=\"Shopify dynamic checkout buttons\"\u003e\u003c/a\u003e\n\u003cp\u003eThe user experience on a store’s cart and checkout pages is crucial for determining whether or not a sale will be completed. In this post, learn how to implement dynamic checkout buttons onto your custom theme’s product and cart page.\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":"The user experience on a store’s cart and checkout pages is crucial for determining whether or not a sale will be completed. In this post, learn how to implement dynamic checkout buttons onto your custom theme’s product and cart page."},"authorV2":{"__typename":"ArticleAuthor","name":"Liam Griffin","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"url\":\"partners/blog/shopify-online-store\"},{\"title\":\"Storefront API Learning Kit\",\"url\":\"partners/blog/storefront-api-learning-kit\"},{\"title\":\"SidePanda: From Indie Makers to SaaS Business Owners\",\"url\":\"partners/blog/sidepanda\"},{\"title\":\"How Safe As Milk Grew a Successful Theme Partner Business\",\"url\":\"partners/blog/theme-partner-business\"},{\"title\":\"8 Development Tips for Building Better Custom Shopify Sites\",\"url\":\"partners/blog/8-development-tips-for-building-better-custom-shopify-sites\"},{\"title\":\"Best Practices for Developing Scalable (and Sustainable) Shopify Themes\",\"url\":\"partners/blog/best-practices-for-developing-shopify-themes\"},{\"title\":\"Shopify’s Buy Button 101: How to Use BuyButton.js in a WordPress Theme\",\"url\":\"partners/blog/shopify-s-buy-button-101-how-to-use-buybutton-js-in-a-wordpress-theme\"},{\"title\":\"How to Test your Theme Before Submitting to the Shopify Theme Store\",\"url\":\"partners/blog/test-shopify-theme\"},{\"title\":\"A CSS Grid Framework for Shopify Collection Pages\",\"url\":\"partners/blog/css-grid-framework\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-dynamic-checkout-buttons.jpg?v=1566830810","imageAltText":"Shopify dynamic checkout buttons","modifiedAt":"27 Aug 2019","modifiedAtRaw":"2019-08-27T02:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/27519615032","handle":"progressive-jpeg-and-webp","title":"Understanding Progressive JPEG and WebP Formats","publishedAt":"2019-07-23T02:00:00Z","image":null,"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"Just last week, Shopify started to automatically serve WebP images to improve the performance and delivery of visuals on your clients' stores. Learn the fundamentals of WebP versus progressive JPEGs, and how this change affects merchants stores.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/progressive-jpeg-and-webp?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2019-07-23\"\u003e\u003cimg class=\"marketing-block marketing-block--bordered\" src=\"//cdn.shopify.com/s/files/1/0533/2089/files/JPEG-and-WebP.png?v=1563811284\" alt=\"JPEG and WebP \"\u003e\u003c/a\u003e\n\u003cp\u003eJust last week, Shopify started to automatically serve WebP images to improve the performance and delivery of visuals on your clients' stores. Learn the fundamentals of WebP versus progressive JPEGs, and how this change affects merchants stores.\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":"Shopify automatically serves WebP images to improve the performance and delivery of visuals on your clients' stores. Learn the ins and outs of using WebP versus progressive JPEGs, and how it affects merchants' stores."},"authorV2":{"__typename":"ArticleAuthor","name":"Tiffany Tse","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"url\":\"partners/blog/93130630-10-beautiful-ecommerce-website-color-schemes\"},{\"title\":\"How to Get Published in the Shopify Theme Store\",\"url\":\"partners/blog/32453955-how-to-get-published-in-the-shopify-theme-store\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"url\":\"partners/blog/shopify-online-store\"},{\"title\":\"Build Forms on Shopify: How to Use Liquid to Build Robust Forms for Shopify Themes\",\"url\":\"partners/blog/build-forms-on-shopify\"},{\"title\":\"How to Use Liquid to Create Custom Landing Page Templates\",\"url\":\"partners/blog/landing-page\"},{\"title\":\"Tips for Using Snippets in Your Shopify Theme Work\",\"url\":\"partners/blog/88186566-tips-for-using-snippets-in-your-shopify-theme\"},{\"title\":\"Building a Clickable Call-to-Action Button for Your Shopify Theme\",\"url\":\"partners/blog/building-a-clickable-call-to-action-button-for-your-shopify-theme\"},{\"title\":\"Building Nested Navigations with Shopify Link List\",\"url\":\"partners/blog/shopify-link-list\"},{\"title\":\"Tips for an Efficient Shopify Theme Review Process\",\"url\":\"partners/blog/theme-review-process\"},{\"title\":\"How Safe As Milk Grew a Successful Theme Partner Business\",\"url\":\"partners/blog/theme-partner-business\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"//cdn.shopify.com/s/files/1/0533/2089/files/JPEG-and-WebP.png?v=1563811284","imageAltText":"JPEG and WebP ","imageClass":"marketing-block marketing-block--bordered","modifiedAt":"23 Jul 2019","modifiedAtRaw":"2019-07-23T02:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/221596038","handle":"live-reload-shopify-sass","title":"Live Reloading Shopify Themes: Sass Compilation with Theme Kit and Prepros","publishedAt":"2019-05-22T02:00:00Z","image":null,"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"No one likes refreshing their browser every time they make a change to a file during development. Learn how to integrate Prepros into a Theme Kit development workflow, so you no longer need to reload your browser to see your changes.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/live-reload-shopify-sass?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2019-05-22\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/live-reloading-sass-with-themekit-and-prepros.png?v=1489695032\" alt=\"Live reloading Sass with Shopify and Prepros\" border=\"0\"\u003e\u003c/a\u003e\n\u003cp\u003eNo one likes refreshing their browser every time they make a change to a file during development. Learn how to integrate Prepros into a Theme Kit development workflow, so you no longer need to reload your browser to see your changes.\u003c/p\u003e\n\u003cul\u003e\u003c/ul\u003e","seo":{"__typename":"SEO","title":"Live Reloading Shopify Themes: Sass Compilation with Theme Kit","description":"No one likes refreshing their browser every time they make a change to a file during development. Learn how to integrate Prepros into a Theme Kit development workflow, step-by-step, so you no longer need to reload your browser to see your changes."},"authorV2":{"__typename":"ArticleAuthor","name":"Tiffany Tse","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"url\":\"partners/blog/shopify-online-store\"},{\"title\":\"Deprecating Sass for Shopify Themes\",\"url\":\"partners/blog/deprecating-sass\"},{\"title\":\"Build Forms on Shopify: How to Use Liquid to Build Robust Forms for Shopify Themes\",\"url\":\"partners/blog/build-forms-on-shopify\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"url\":\"partners/blog/img-url-filter\"},{\"title\":\"How to work with Metafields when building Shopify themes\",\"url\":\"partners/blog/metafields\"},{\"title\":\"How to Create Your First Shopify Theme Section\",\"url\":\"partners/blog/how-to-create-your-first-shopify-theme-section\"},{\"title\":\"How to Work With Shopify Theme Blocks\",\"url\":\"partners/blog/theme-blocks\"},{\"title\":\"8 Development Tips for Building Better Custom Shopify Sites\",\"url\":\"partners/blog/8-development-tips-for-building-better-custom-shopify-sites\"},{\"title\":\"How Safe As Milk Grew a Successful Theme Partner Business\",\"url\":\"partners/blog/theme-partner-business\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/live-reloading-sass-with-themekit-and-prepros.png?v=1489695032","imageAltText":"Live reloading Sass with Shopify and Prepros","modifiedAt":"22 May 2019","modifiedAtRaw":"2019-05-22T02:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/27309473848","handle":"collection-page-price-range","title":"How to Display Price Ranges on Shopify Collection Pages","publishedAt":"2019-03-27T02:00:00Z","image":null,"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"Collection pages are crucial to merchants, as they can give buyers a first impression of available products and their prices. In this tutorial, we look at how to display prices as a range, rather than one single value, using Liquid objects and tags.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/collection-page-price-range?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2019-03-27\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/collection-page-price-range.jpg?v=1553604772\" alt=\"collection page price range\"\u003e\u003c/a\u003e\n\u003cp\u003eCollection pages are crucial to merchants, as they can give buyers a first impression of available products and their prices. In this tutorial, we look at how to display prices as a range, rather than one single value, using Liquid objects and tags.\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":"Collection pages are crucial to merchants, as they can give buyers a first impression of available products and their prices. In this tutorial, we look at how to display prices as a range, rather than one single value, using Liquid objects and tags."},"authorV2":{"__typename":"ArticleAuthor","name":"Liam Griffin","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"Ads on the Shopify App Store: A New Channel for App Growth\",\"url\":\"partners/blog/app-store-ads\"},{\"title\":\"How to Build a Customizable Related Products Section\",\"url\":\"partners/blog/related-products\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\",\"url\":\"partners/blog/how-to-build-a-shopify-app\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"url\":\"partners/blog/shopify-online-store\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"url\":\"partners/blog/img-url-filter\"},{\"title\":\"Working with Product Variants When Building a Shopify Theme\",\"url\":\"partners/blog/product-variants\"},{\"title\":\"Creating Useful CSS Hooks in Liquid\",\"url\":\"partners/blog/92262598-creating-useful-css-hooks-in-liquid\"},{\"title\":\"How to Test your Theme Before Submitting to the Shopify Theme Store\",\"url\":\"partners/blog/test-shopify-theme\"},{\"title\":\"10 Top Questions About Developing Shopify Themes Answered\",\"url\":\"partners/blog/89238022-10-top-questions-about-developing-shopify-themes-answered\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/collection-page-price-range.jpg?v=1553604772","imageAltText":"collection page price range","modifiedAt":"27 Mar 2019","modifiedAtRaw":"2019-03-27T02:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/27256881208","handle":"lazy-loading","title":"How Lazy Loading can Optimize Your Shopify Theme Images","publishedAt":"2019-03-06T03:00:00Z","image":null,"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"Like any website, an online store needs to load quickly. The last thing your clients want is for a customer to leave because the page was too slow to appear. In this article we look at how lazy loading images can improve page loading speeds.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/lazy-loading?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2019-03-06\"\u003e\u003cimg class=\"marketing-block marketing-block--bordered\" src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/lazy-loading.jpg?v=1551809728\" alt=\"Lazy loading\"\u003e\u003c/a\u003e\n\u003cp\u003eLike any website, an online store needs to load quickly. The last thing your clients want is for a customer to leave because the page was too slow to appear. In this article we look at how lazy loading images can improve page loading speeds.\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":"Like any website, an online store needs to load quickly. The last thing your clients want is for a customer to leave because the page was too slow to appear. In this article we look at how lazy loading images can improve page loading speeds."},"authorV2":{"__typename":"ArticleAuthor","name":"Sean Pourroy","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"url\":\"partners/blog/shopify-online-store\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\",\"url\":\"partners/blog/how-to-build-a-shopify-app\"},{\"title\":\"An Overview of Liquid: Shopify's Templating Language\",\"url\":\"partners/blog/115244038-an-overview-of-liquid-shopifys-templating-language\"},{\"title\":\"How to Combat Image Cropping on Shopify Slideshow Sections\",\"url\":\"partners/blog/shopify-slideshow\"},{\"title\":\"Understanding Progressive JPEG and WebP Formats\",\"url\":\"partners/blog/progressive-jpeg-and-webp\"},{\"title\":\"What is a Canonical URL? Best Practice Guide 2022\",\"url\":\"partners/blog/canonical-urls\"},{\"title\":\"How to Personalize Shopify Themes with the customer Object\",\"url\":\"partners/blog/customer-object\"},{\"title\":\"How the Routes and Page_Image Liquid Objects Can Help You Build More Robust Themes\",\"url\":\"partners/blog/liquid-objects\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/lazy-loading.jpg?v=1551809728","imageAltText":"Lazy loading","imageClass":"marketing-block marketing-block--bordered","modifiedAt":"6 Mar 2019","modifiedAtRaw":"2019-03-06T03:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/27243020344","handle":"shopify-blog-template","title":"How to use Liquid to Customize Shopify Theme Blog Templates","publishedAt":"2019-03-01T03:00:00Z","image":null,"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"For many online retailers, blog posts are unique opportunities to connect their brand with an audience. In this article, we’ll demonstrate practical ways to customize blog article pages, by designing an intuitive approach for displaying custom names for authors, and improving navigation with previous and next buttons.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/shopify-blog-template?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2019-03-01\"\u003e\u003cimg class=\"marketing-block marketing-block--bordered\" src=\"//cdn.shopify.com/s/files/1/0533/2089/files/shopify-blog-template.jpg?v=1551279591\" alt=\"Shopify blog template\"\u003e\u003c/a\u003e\n\u003cp\u003eFor many online retailers, blog posts are unique opportunities to connect their brand with an audience. In this article, we’ll demonstrate practical ways to customize blog article pages, by designing an intuitive approach for displaying custom names for authors, and improving navigation with previous and next buttons.\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":null},"authorV2":{"__typename":"ArticleAuthor","name":"Liam Griffin","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"url\":\"partners/blog/shopify-online-store\"},{\"title\":\"Free Course] 10x Your Shopify Theme Development Skills with These Free Courses\",\"url\":\"partners/blog/97493062-free-course-10x-your-shopify-theme-development-skills-with-these-free-courses\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"url\":\"partners/blog/img-url-filter\"},{\"title\":\"An Overview of Liquid: Shopify's Templating Language\",\"url\":\"partners/blog/115244038-an-overview-of-liquid-shopifys-templating-language\"},{\"title\":\"How to Build a Customizable Related Products Section\",\"url\":\"partners/blog/related-products\"},{\"title\":\"Storefront API Learning Kit\",\"url\":\"partners/blog/storefront-api-learning-kit\"},{\"title\":\"How to work with Metafields when building Shopify themes\",\"url\":\"partners/blog/metafields\"},{\"title\":\"How to Get the Most out of the Timber Theme Framework\",\"url\":\"partners/blog/67401347-how-to-get-the-most-out-of-the-timber-theme-framework\"},{\"title\":\"Shopify’s Buy Button 101: How to Use BuyButton.js in a WordPress Theme\",\"url\":\"partners/blog/shopify-s-buy-button-101-how-to-use-buybutton-js-in-a-wordpress-theme\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"//cdn.shopify.com/s/files/1/0533/2089/files/shopify-blog-template.jpg?v=1551279591","imageAltText":"Shopify blog template","imageClass":"marketing-block marketing-block--bordered","modifiedAt":"1 Mar 2019","modifiedAtRaw":"2019-03-01T03:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/27226734648","handle":"html-img-element","title":"How to Customize the img Element in Shopify Themes","publishedAt":"2019-02-21T03:00:00Z","image":null,"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"Customizing theme-specific images starts with the img element. In this article, you will learn how to reference images from the assets directory, include additional HTML attributes, and properly use the img_tag filter.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/html-img-element?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2019-02-21\"\u003e\u003cimg class=\"marketing-block marketing-block--bordered\" src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/html-img-element_682bcc47-bcdd-4018-89a4-7adbb7b932e5.png?v=1550690936\" alt=\"html img element\"\u003e\u003c/a\u003e\n\u003cp\u003eCustomizing theme-specific images starts with the img element. In this article, you will learn how to reference images from the \u003ccode\u003eassets\u003c/code\u003e directory, include additional HTML attributes, and properly use the \u003ccode\u003eimg_tag\u003c/code\u003e filter.\u003c/p\u003e","seo":{"__typename":"SEO","title":"How to Customize the HTML img Element in Shopify Themes","description":"The HTML img element in Shopify has tons of potential customizations and can help you bring a store to the next level. In this article, you will learn how to reference images from the assets directory, include additional HTML attributes, and properly use the img_tag filter."},"authorV2":{"__typename":"ArticleAuthor","name":"Tiffany Tse","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"Vue.js Tutorial — A Guide on Prototyping Web Apps\",\"url\":\"partners/blog/vuejs-tutorial\"},{\"title\":\"How to Create a Sticky Add to Cart Button On Scroll\",\"url\":\"partners/blog/112052742-how-to-create-a-sticky-add-to-cart-button-on-scroll\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"url\":\"partners/blog/shopify-online-store\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\",\"url\":\"partners/blog/how-to-build-a-shopify-app\"},{\"title\":\"An Overview of Liquid: Shopify's Templating Language\",\"url\":\"partners/blog/115244038-an-overview-of-liquid-shopifys-templating-language\"},{\"title\":\"How to Use Math Filters with Liquid\",\"url\":\"partners/blog/shopify-filters\"},{\"title\":\"How to Combat Image Cropping on Shopify Slideshow Sections\",\"url\":\"partners/blog/shopify-slideshow\"},{\"title\":\"10 Top Questions About Developing Shopify Themes Answered\",\"url\":\"partners/blog/89238022-10-top-questions-about-developing-shopify-themes-answered\"},{\"title\":\"Tips for an Efficient Shopify Theme Review Process\",\"url\":\"partners/blog/theme-review-process\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/html-img-element_682bcc47-bcdd-4018-89a4-7adbb7b932e5.png?v=1550690936","imageAltText":"html img element","imageClass":"marketing-block marketing-block--bordered","modifiedAt":"21 Feb 2019","modifiedAtRaw":"2019-02-21T03:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/95401862","handle":"95401862-3-simple-steps-for-setting-up-a-local-shopify-theme-development-environment","title":"3 Simple Steps for Setting Up a Local Shopify Theme Development Environment","publishedAt":"2019-02-08T03:00:00Z","image":null,"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"Learn how to develop Shopify themes beyond the Shopify Theme Editor. In this article, we look at using Theme Kit for a more localized experience when editing themes.","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/95401862-3-simple-steps-for-setting-up-a-local-shopify-theme-development-environment?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2019-02-08\"\u003e\u003cimg src=\"//cdn.shopify.com/s/files/1/0533/2089/files/local-shopify-theme-development.png?v=1549551843\" alt=\"local shopify theme development\"\u003e\u003c/a\u003e\n\u003cp\u003eLearn how to develop Shopify themes beyond the Shopify Theme Editor. In this article, we look at using Theme Kit for a more localized experience when editing themes.\u003c/p\u003e","seo":{"__typename":"SEO","title":"How to Set Up a Local Shopify Theme Dev Environment","description":"In this article, we'll cover three simple steps that’ll help you start developing themes on your local development environment."},"authorV2":{"__typename":"ArticleAuthor","name":"Tiffany Tse","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"//cdn.shopify.com/s/files/1/0533/2089/files/local-shopify-theme-development.png?v=1549551843","imageAltText":"local shopify theme development","modifiedAt":"8 Feb 2019","modifiedAtRaw":"2019-02-08T03:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/97493062","handle":"97493062-free-course-10x-your-shopify-theme-development-skills-with-these-free-courses","title":"[Free Course] 10x Your Shopify Theme Development Skills with These Free Courses","publishedAt":"2019-02-05T03:00:00Z","image":null,"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"There's a lot to consider when it comes to building and launching a successful Shopify store. In this article, we look at four resources you can use to develop and grow your Shopify theme development knowledge.","excerptHtml":"\u003ca href=\"https://shopifypartnerblog.myshopify.com/blogs/blog/97493062-free-course-10x-your-shopify-theme-development-skills-with-these-free-courses?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2019-02-05\"\u003e\u003cimg src=\"//cdn.shopify.com/s/files/1/0533/2089/files/annie-spratt-608002-unsplash_1_17675c3e-48ae-46c5-bfc2-dac7213ee7cd.jpg?v=1549290091\" alt=\"free-course-10x-your-shopify-theme-development-skills-with-these-free-courses\"\u003e\u003c/a\u003e\n\u003cp\u003eThere's a lot to consider when it comes to building and launching a successful Shopify store. In this article, we look at four resources you can use to develop and grow your Shopify theme development knowledge.\u003c/p\u003e","seo":{"__typename":"SEO","title":"[Free Course] 10x Your Shopify Theme Dev Skills ","description":"We've produced two new courses aimed at teaching new and experienced web designers how to work effectively with the Shopify platform."},"authorV2":{"__typename":"ArticleAuthor","name":"Keir Whitaker","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"The Essential List of Resources for Shopify Theme Development\",\"url\":\"partners/blog/the-ultimate-list-of-resources-for-shopify-theme-developers\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\",\"url\":\"partners/blog/how-to-build-a-shopify-app\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"url\":\"partners/blog/shopify-online-store\"},{\"title\":\"Announcing Shopify’s New Sketch Plugin: Polaris Telescope\",\"url\":\"partners/blog/polaris-telescope\"},{\"title\":\"Using Placeholder Images for Products with the placeholder_svg_tag Filter\",\"url\":\"partners/blog/placeholder-images\"},{\"title\":\"An Overview of Liquid: Shopify's Templating Language\",\"url\":\"partners/blog/115244038-an-overview-of-liquid-shopifys-templating-language\"},{\"title\":\"Shopify’s Buy Button 101: How to Use BuyButton.js in a WordPress Theme\",\"url\":\"partners/blog/shopify-s-buy-button-101-how-to-use-buybutton-js-in-a-wordpress-theme\"},{\"title\":\"How We Improved Theme Development Tooling Using Checksums\",\"url\":\"partners/blog/checksums\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"//cdn.shopify.com/s/files/1/0533/2089/files/annie-spratt-608002-unsplash_1_17675c3e-48ae-46c5-bfc2-dac7213ee7cd.jpg?v=1549290091","imageAltText":"free-course-10x-your-shopify-theme-development-skills-with-these-free-courses","modifiedAt":"5 Feb 2019","modifiedAtRaw":"2019-02-05T03:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/27113160760","handle":"translation-keys","title":"How To Use Translation Keys To Create Internationalized Themes","publishedAt":"2019-01-16T03:00:00Z","image":null,"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"Learn how to use Liquid to build internationalized or translatable themes, allowing clients to display different languages on their online stores.","excerptHtml":"\u003ca href=\"https://shopifypartnerblog.myshopify.com/blogs/blog/translation-keys?utm_source=exacttarget\u0026amp;utm_medium=email\u0026amp;utm_campaign=blog\u0026amp;utm_content=partner_blog-2019-01-15\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/translation-keys.jpg?v=1547341457\" alt=\"translation-keys\"\u003e\u003c/a\u003e\n\u003cp\u003eLearn how to use Liquid to build internationalized or translatable themes, allowing clients to display different languages on their online stores.\u003c/p\u003e","seo":{"__typename":"SEO","title":null,"description":"Learn how to use Liquid to build internationalized or translatable themes, allowing clients to display different languages on their online stores."},"authorV2":{"__typename":"ArticleAuthor","name":"Liam Griffin","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"url\":\"partners/blog/93130630-10-beautiful-ecommerce-website-color-schemes\"},{\"title\":\"An Overview of Liquid: Shopify's Templating Language\",\"url\":\"partners/blog/115244038-an-overview-of-liquid-shopifys-templating-language\"},{\"title\":\"How to Customize Content by Country with Shopify\",\"url\":\"partners/blog/customize-content-by-country\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"url\":\"partners/blog/shopify-online-store\"},{\"title\":\"How to work with Metafields when building Shopify themes\",\"url\":\"partners/blog/metafields\"},{\"title\":\"How the Routes and Page_Image Liquid Objects Can Help You Build More Robust Themes\",\"url\":\"partners/blog/liquid-objects\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"url\":\"partners/blog/img-url-filter\"},{\"title\":\"Tips for Using Snippets in Your Shopify Theme Work\",\"url\":\"partners/blog/88186566-tips-for-using-snippets-in-your-shopify-theme\"},{\"title\":\"An In-Depth Look Into Designing a Shopify Theme\",\"url\":\"partners/blog/100841542-an-in-depth-look-into-designing-a-shopify-theme\"},{\"title\":\"Shopify’s Buy Button 101: How to Use BuyButton.js in a WordPress Theme\",\"url\":\"partners/blog/shopify-s-buy-button-101-how-to-use-buybutton-js-in-a-wordpress-theme\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/translation-keys.jpg?v=1547341457","imageAltText":"translation-keys","modifiedAt":"16 Jan 2019","modifiedAtRaw":"2019-01-16T03:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/207423878","handle":"the-ultimate-list-of-resources-for-shopify-theme-developers","title":"The Essential List of Resources for Shopify Theme Development","publishedAt":"2018-11-02T12:57:00Z","image":null,"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"Whether you are starting out with Shopify Themes or are a seasoned Shopify Expert, there are always new and useful things to learn that will help with your everyday theme development. But with so much content at your fingertips, one of the problems is knowing where to start. With that in mind, we have created a comprehensive list of resources to help you master your theme development. In this article, you will learn: Where to find online courses on Shopify Theme development Resources on all things Liquid Tips and tricks for optimizing theme performance And more","excerptHtml":"\u003cmeta charset=\"utf-8\"\u003e\n\u003cp\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-theme-development-resources.jpg?v=1472574273\" alt=\"Shopify Theme Development Resources and Tutorials\"\u003e\u003c/p\u003e\n\u003cp\u003e\u003cspan style=\"font-weight: 400;\"\u003eWhether you are starting out with Shopify Themes or are a seasoned Shopify Expert, there are always new and useful things to learn that will help with your everyday theme development. But w\u003c/span\u003eith so much content at your fingertips, one of the problems is knowing where to start. \u003c/p\u003e\n\u003cp\u003eWith that in mind, we have created a comprehensive list of resources to help you master your theme development. In this article, you will learn:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eWhere to find online courses on Shopify Theme development\u003c/li\u003e\n\u003cli\u003eResources on all things Liquid\u003c/li\u003e\n\u003cli\u003eTips and tricks for optimizing theme performance\u003c/li\u003e\n\u003cli\u003eAnd more\u003c/li\u003e\n\u003c/ul\u003e","seo":{"__typename":"SEO","title":null,"description":"The most comprehensive list of resources, tutorials, and articles for Shopify Theme development."},"authorV2":{"__typename":"ArticleAuthor","name":"Keir Whitaker","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"How to Improve Your Shopify App's Onboarding Flow\",\"url\":\"partners/blog/improving-your-shopify-apps-onboarding-flow\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"url\":\"partners/blog/shopify-online-store\"},{\"title\":\"Everything You Need to Know About Development Stores\",\"url\":\"partners/blog/development-stores\"},{\"title\":\"Announcing Shopify’s New Sketch Plugin: Polaris Telescope\",\"url\":\"partners/blog/polaris-telescope\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\",\"url\":\"partners/blog/how-to-build-a-shopify-app\"},{\"title\":\"Introducing Shopify Developer Tools for macOS\",\"url\":\"partners/blog/developer-tools\"},{\"title\":\"Building Nested Navigations with Shopify Link List\",\"url\":\"partners/blog/shopify-link-list\"},{\"title\":\"How to Work With Shopify Theme Blocks\",\"url\":\"partners/blog/theme-blocks\"},{\"title\":\"How Safe As Milk Grew a Successful Theme Partner Business\",\"url\":\"partners/blog/theme-partner-business\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-theme-development-resources.jpg?v=1472574273","imageAltText":"Shopify Theme Development Resources and Tutorials","modifiedAt":"2 Nov 2018","modifiedAtRaw":"2018-11-02T12:57:00Z"},{"__typename":"Article","id":"gid://shopify/Article/78118150","handle":"78118150-4-essential-tips-for-building-your-first-shopify-theme","title":"4 Essential Tips for Building Your First Shopify Theme","publishedAt":"2018-08-29T12:55:00Z","image":null,"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"Getting started on your first Shopify theme can be a daunting experience. Finding the time to get familiar with a new platform is never easy. With that in mind, we’ve compiled this brief list of essential resources for the beginner looking to build their first Shopify theme. In this article you will learn: How to get started and familiarize yourself with Liquid Which development tools are most helpful when building themes, and where to find them What the Shopify Partner Academy is, and which courses are best suited helping you get started with theme development","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/78118150-4-essential-tips-for-building-your-first-shopify-theme?utm_campaign=partner+blog+rss\u0026amp;utm_medium=email\u0026amp;utm_source=mailchimp\u0026amp;utm_content=180829\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-theme-development.png?7908131167821991694\" alt=\"Shopify Theme Development\"\u003e\u003c/a\u003e\n\u003cp\u003eGetting started on your first Shopify theme can be a daunting experience. Finding the time to get familiar with a new platform is never easy. With that in mind, we’ve compiled this brief list of essential resources for the beginner looking to build their first Shopify theme.\u003c/p\u003e\n\u003cp\u003eIn this article you will learn:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eHow to get started and familiarize yourself with Liquid\u003c/li\u003e\n\u003cli\u003eWhich development tools are most helpful when building themes, and where to find them\u003c/li\u003e\n\u003cli\u003eWhat the Shopify Partner Academy is, and which courses are best suited helping you get started with theme development\u003c/li\u003e\n\u003c/ul\u003e","seo":{"__typename":"SEO","title":"4 Essential Tips for Building Your First Shopify Theme","description":"The essential list of resources for the beginner looking to get started with Liquid, customizing themes, and overall Shopify theme development."},"authorV2":{"__typename":"ArticleAuthor","name":"Tiffany Tse","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"url\":\"partners/blog/shopify-online-store\"},{\"title\":\"Free Course] 10x Your Shopify Theme Development Skills with These Free Courses\",\"url\":\"partners/blog/97493062-free-course-10x-your-shopify-theme-development-skills-with-these-free-courses\"},{\"title\":\"The Essential List of Resources for Shopify Theme Development\",\"url\":\"partners/blog/the-ultimate-list-of-resources-for-shopify-theme-developers\"},{\"title\":\"The 20 Best Visual Studio Code Extensions for Front End Developers\",\"url\":\"partners/blog/best-visual-studio-code-extensions\"},{\"title\":\"An Overview of Liquid: Shopify's Templating Language\",\"url\":\"partners/blog/115244038-an-overview-of-liquid-shopifys-templating-language\"},{\"title\":\"How to Build a Customizable Related Products Section\",\"url\":\"partners/blog/related-products\"},{\"title\":\"Understanding Shopify Theme Styles and Presets With settings_data.json\",\"url\":\"partners/blog/shopify-theme-styles-and-presets\"},{\"title\":\"Live Reloading Shopify Themes: Sass Compilation with Theme Kit and Prepros\",\"url\":\"partners/blog/live-reload-shopify-sass\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-theme-development.png?7908131167821991694","imageAltText":"Shopify Theme Development","modifiedAt":"29 Aug 2018","modifiedAtRaw":"2018-08-29T12:55:00Z"},{"__typename":"Article","id":"gid://shopify/Article/26729807928","handle":"font-picker","title":"How to Use Shopify’s New font_picker Settings","publishedAt":"2018-07-20T13:00:00Z","image":null,"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"Shopify recently announced a new partnership with Monotype, which has made hundreds of beautiful new fonts available for free to Shopify merchants in the online store editor. A key component of this new feature is the font_picker setting, which can be implemented into your clients’ custom themes. In this article, you will learn: How to implement the font picker into the settings.schema file How to update your stylesheet with new Liquid font filters Why you should test themes to ensure fonts load correctly","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/font-picker?utm_campaign=partner+blog+rss\u0026amp;utm_medium=email\u0026amp;utm_source=mailchimp\u0026amp;utm_content=180720\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/font-picker.jpg?v=1532009270\" alt=\"font picker\"\u003e\u003c/a\u003e\n\u003cp\u003eShopify recently announced a new partnership with Monotype, which has made hundreds of beautiful new fonts available for free to Shopify merchants in the online store editor. A key component of this new feature is the \u003ccode class=\"marketing-code\"\u003efont_picker\u003c/code\u003e setting, which can be implemented into your clients’ custom themes.\u003c/p\u003e\n\u003cp\u003eIn this article, you will learn:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eHow to implement the font picker into the \u003ccode class=\"marketing-code\"\u003esettings.schema\u003c/code\u003e file\u003c/li\u003e\n\u003cli\u003eHow to update your stylesheet with new Liquid font filters\u003c/li\u003e\n\u003cli\u003eWhy you should test themes to ensure fonts load correctly\u003c/li\u003e\n\u003c/ul\u003e","seo":{"__typename":"SEO","title":null,"description":"Shopify recently announced a new partnership with Monotype. A key component of this new feature is the font_picker setting type. In this article, we look at how you can use the font_picker setting type in your client’s themes, and show you a few ways to set up a stylesheet using the new Liquid font filters."},"authorV2":{"__typename":"ArticleAuthor","name":"Liam Griffin","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"url\":\"partners/blog/shopify-online-store\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"url\":\"partners/blog/img-url-filter\"},{\"title\":\"Using Placeholder Images for Products with the placeholder_svg_tag Filter\",\"url\":\"partners/blog/placeholder-images\"},{\"title\":\"How to Create a Sticky Add to Cart Button On Scroll\",\"url\":\"partners/blog/112052742-how-to-create-a-sticky-add-to-cart-button-on-scroll\"},{\"title\":\"How to Build a Customizable Related Products Section\",\"url\":\"partners/blog/related-products\"},{\"title\":\"Working with Product Variants When Building a Shopify Theme\",\"url\":\"partners/blog/product-variants\"},{\"title\":\"How to Use Liquid to Create Custom Landing Page Templates\",\"url\":\"partners/blog/landing-page\"},{\"title\":\"Building an Accessible Breadcrumb Navigation with Liquid and Shopify\",\"url\":\"partners/blog/breadcrumb-navigation\"},{\"title\":\"How to Work With Shopify Theme Blocks\",\"url\":\"partners/blog/theme-blocks\"},{\"title\":\"How the Routes and Page_Image Liquid Objects Can Help You Build More Robust Themes\",\"url\":\"partners/blog/liquid-objects\"}]","key":"interlinkings_json"},null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/font-picker.jpg?v=1532009270","imageAltText":"font picker","modifiedAt":"20 Jul 2018","modifiedAtRaw":"2018-07-20T13:00:00Z"},{"__typename":"Article","id":"gid://shopify/Article/26718994488","handle":"development-workflow","title":"How to Improve Your Theme Development Workflow","publishedAt":"2018-07-11T13:00:00Z","image":null,"tags":["Shopify Theme Development"],"contentHtml":"","excerpt":"There are an incredible number of different workflows developers use when building Shopify themes. And while no one development workflow rules them all, there are a number of method, tools, and resources that we use at Shopify to build themes. Today, we're sharing them with you. In this article, we look at: Resources to set up your code editor How to get started with themes Tools to simplify your development workflow Other considerations to suit your development needs","excerptHtml":"\u003ca href=\"https://www.shopify.com/partners/blog/development-workflow?utm_campaign=partner+blog+rss\u0026amp;utm_medium=email\u0026amp;utm_source=mailchimp\u0026amp;utm_content=1800711\"\u003e\u003cimg src=\"https://cdn.shopify.com/s/files/1/0533/2089/files/development-workflow.jpg?v=1531226196\" alt=\"development workflow\"\u003e\u003c/a\u003e\n\u003cp\u003eThere are an incredible number of different workflows developers use when building Shopify themes. And while no one development workflow rules them all, there are a number of method, tools, and resources that we use at Shopify to build themes. Today, we're sharing them with you.\u003c/p\u003e\n\u003cp\u003eIn this article, we look at:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eResources to set up your code editor\u003c/li\u003e\n\u003cli\u003eHow to get started with themes\u003c/li\u003e\n\u003cli\u003eTools to simplify your development workflow\u003c/li\u003e\n\u003cli\u003eOther considerations to suit your development needs\u003c/li\u003e\n\u003c/ul\u003e","seo":{"__typename":"SEO","title":null,"description":"There are an incredible number of different development workflows developers use when building Shopify themes. In this article, we take a look at our favorite methods, tools, and resources to help speed up your development process."},"authorV2":{"__typename":"ArticleAuthor","name":"Chris Berthe","avatarUrl":"https://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e?s=200\u0026d=404","isDisabledAuthor":false},"metafields":[null,null,null,null,null,null,{"__typename":"Metafield","value":"[{\"title\":\"10 Beautiful Ecommerce Website Color Schemes\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"93130630-10-beautiful-ecommerce-website-color-schemes\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/website-color-schemes_aa512fdf-91cb-4a30-8fa2-3d2c88d28cf1.jpg?v=1566309308\u0026width=1024\",\"imageAltText\":\"website color schemes\",\"modifiedAt\":\"2019-08-20\"},{\"title\":\"How to Build a Shopify App: The Complete Guide\\n\",\"tags\":[\"Shopify App Development\"],\"handle\":\"how-to-build-a-shopify-app\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/how-to-build-a-shopify-app.jpg?v=1614173396\u0026width=1024\",\"imageAltText\":\"How to build a Shopify app\",\"modifiedAt\":\"2021-02-24\"},{\"title\":\"15 Funny Lorem Ipsum Generators to Shake Up Your Design Mockups\",\"tags\":[\"Web Design Tools and Resources\"],\"handle\":\"79940998-15-funny-lorem-ipsum-generators-to-shake-up-your-design-mockups\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/lorem-ipsum-generator.jpg?v=1555505887\u0026width=1024\",\"imageAltText\":\"lorem ipsum generator\",\"modifiedAt\":\"2019-04-17\"},{\"title\":\"20 Memorable Web Design Portfolio Examples to Inspire Your Own Website\",\"tags\":[\"Inspiration \u0026 Creativity\"],\"handle\":\"web-design-portfolio-inspiration\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/web-design-portfolio-inspiration.jpg?v=1503509907\u0026width=1024\",\"imageAltText\":\"Web design portfolio inspiration\",\"modifiedAt\":\"2019-05-01\"},{\"title\":\"Inclusive Design: 12 Ways to Design for Everyone\",\"tags\":[\"Web Design\"],\"handle\":\"inclusive-design\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/inclusive-design.jpg?v=1521725383\u0026width=1024\",\"imageAltText\":\"inclusive design\",\"modifiedAt\":\"2018-03-23\"},{\"title\":\"How to Manipulate Images with the img_url Filter\",\"tags\":[\"Learning Liquid\"],\"handle\":\"img-url-filter\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/img-url-filter.jpg?v=1515074624\u0026width=1024\",\"imageAltText\":\"img url filter\",\"modifiedAt\":\"2018-01-04\"},{\"title\":\"Create a Marketplace in Less than 8 Minutes with Shopify’s Marketplace Kit\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-marketplace-kit\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/Partner_blog_hero_image.png?format=webp\u0026v=1655890916\u0026width=1024\",\"imageAltText\":\"Shopify Marketplace Kit hero image\",\"modifiedAt\":\"2022-05-13\"},{\"title\":\"Introducing Online Store 2.0: What it Means For Developers\",\"tags\":[\"Shopify News\"],\"handle\":\"shopify-online-store\",\"imageUrl\":\"https://cdn.shopify.com/s/files/1/0533/2089/files/shopify-online-store.jpg?v=1624557750\u0026width=1024\",\"imageAltText\":\"shopify online store\",\"modifiedAt\":\"2021-01-29\"}]","key":"popular_blog_post_json"}],"imageUrl":"https://cdn.shopify.com/s/files/1/0533/2089/files/development-workflow.jpg?v=1531226196","imageAltText":"development workflow","modifiedAt":"11 Jul 2018","modifiedAtRaw":"2018-07-11T13:00:00Z"}],"pagination":{"hasNextPage":true,"hasPreviousPage":false,"hasThirdPage":true},"topicContent":{"image":null,"title":"Shopify Theme Development","description":"Develop themes for Shopify and create unique and engaging online stores.","handle":"shopify-theme-development"}}},"actionData":null,"errors":null}};</script><script type="module" async="">; import * as route0 from "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/root-D1vdkrKJ.js"; import * as route1 from "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/layout-DKTEhKRd.js"; import * as route2 from "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/route-C_hg_bhg.js"; window.__remixManifest = { "entry": { "module": "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/entry.client-Dxyjp9Ci.js", "imports": [ "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/components-BYkh7uQh.js" ], "css": [] }, "routes": { "root": { "id": "root", "path": "", "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": true, "module": "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/root-D1vdkrKJ.js", "imports": [ "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/components-BYkh7uQh.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/PageData-BPXZST2I.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/PageLayout-DRZoM9hJ.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Provider-DTiy5_sz.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/SideBySide-Cp8LOrWn.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Section-BpAWeRIp.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/HeadingGroup-NuFRZU-B.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/SectionHeader-De54UcC1.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Image-UxWIC-g0.js" ], "css": [ "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/PageLayout-D6GQZq01.css" ] }, "pages/shopify.com/($locale)~~layout": { "id": "pages/shopify.com/($locale)~~layout", "parentId": "root", "path": ":locale?", "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/layout-DKTEhKRd.js", "imports": [ "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/components-BYkh7uQh.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/preload-font-CWwEAuti.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/PageData-BPXZST2I.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Provider-DTiy5_sz.js" ], "css": [] }, "pages/shopify.com/($locale)/partners/blog/topics/$topic": { "id": "pages/shopify.com/($locale)/partners/blog/topics/$topic", "parentId": "pages/shopify.com/($locale)~~layout", "path": "partners/blog/topics/:topic", "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/route-C_hg_bhg.js", "imports": [ "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/components-BYkh7uQh.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/blog-DY6PqPDm.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/PageLayout-DRZoM9hJ.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/PageData-BPXZST2I.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/BlogCard-Cj5hcYrX.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/NavigationSearch-KcOqWsCP.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/BlogConversion-YwMdGInk.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/FakeCursorPagination-Cq0sBVsX.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/partnersHelpers-BlRjfC34.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/PartnersFooter-XvX9vjAG.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/usePaginatedPageTitle-CSY13Xcy.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/useBlogPageTitle-CqfkEf3D.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/handle-BeFHnPVi.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/constants-Cs9nQPfb.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/style-l2iGeMrQ.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/ChevronRightIcon.svg-CYwxTNTZ.js" ], "css": [ "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/PageLayout-D6GQZq01.css" ] }, "pages/shopify.com/($locale)/partners/blog/topics": { "id": "pages/shopify.com/($locale)/partners/blog/topics", "parentId": "pages/shopify.com/($locale)~~layout", "path": "partners/blog/topics", "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/route-Cw1s7odo.js", "imports": [ "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/components-BYkh7uQh.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/PageLayout-DRZoM9hJ.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/blog-DY6PqPDm.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/TopicCard-DfzATZtx.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/PageData-BPXZST2I.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/NavigationSearch-KcOqWsCP.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Conversion-Da71Ybwp.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/BlogConversion-YwMdGInk.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/partnersHelpers-BlRjfC34.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/PartnersFooter-XvX9vjAG.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/useBlogPageTitle-CqfkEf3D.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/style-DctBR_VO.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/handle-BeFHnPVi.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/constants-Cs9nQPfb.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Image-rAgQ_h3c.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/HeadingGroup-NuFRZU-B.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/useIntlLocale-BFTi03ru.js" ], "css": [ "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/PageLayout-D6GQZq01.css" ] }, "pages/shopify.com/($locale)/partners/blog": { "id": "pages/shopify.com/($locale)/partners/blog", "parentId": "pages/shopify.com/($locale)~~layout", "path": "partners/blog", "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/route-ClshRv8Q.js", "imports": [ "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/components-BYkh7uQh.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/PageLayout-DRZoM9hJ.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/partnersHelpers-BlRjfC34.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/blog-DY6PqPDm.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/NavigationSearch-KcOqWsCP.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/BlogConversion-YwMdGInk.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/PageData-BPXZST2I.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/PartnersFooter-XvX9vjAG.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/useBlogPageTitle-CqfkEf3D.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Conversion-Da71Ybwp.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/constants-Cs9nQPfb.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/Hero-ComgHqQh.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/ArticleCarousel-KMhg4Q4-.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/handle-BeFHnPVi.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/HeadingGroup-NuFRZU-B.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/useIntlLocale-BFTi03ru.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/BlogCard-Cj5hcYrX.js", "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/style-l2iGeMrQ.js" ], "css": [ "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/PageLayout-D6GQZq01.css" ] }, "pages/shopify.com/$": { "id": "pages/shopify.com/$", "parentId": "root", "path": "*", "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": false, "module": "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/route-B3S1EpLE.js", "imports": [], "css": [] } }, "url": "https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/manifest-d9f2ebdc.js", "version": "d9f2ebdc" }; window.__remixRouteModules = {"root":route0,"pages/shopify.com/($locale)~~layout":route1,"pages/shopify.com/($locale)/partners/blog/topics/$topic":route2}; import("https://cdn.shopify.com/shopifycloud/brochure-iii/production-blog/assets/entry.client-Dxyjp9Ci.js");</script></body></html>