CINXE.COM

<!DOCTYPE html> <html class="no-js" lang="EN"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="preconnect" href="https://cdn.shopify.com" /> <link rel="preload" as="font" crossorigin="anonymous" type="font/woff2" href="https://cdn.shopify.com/static/fonts/ShopifySans--regular.woff2" /><link rel="preload" as="font" crossorigin="anonymous" type="font/woff2" href="https://cdn.shopify.com/static/fonts/ShopifySans--bold.woff2" /> <link rel="icon" type="image/png" href="https://cdn.shopify.com/static/shopify-favicon.png" /> <title> Forge Theme - Titanium - Ecommerce Website Template </title> <meta name="description" content="Elevate your online store with our Clothing and Fashion Shopify theme. Perfect for showcasing apparel and accessories, this stylish theme offers customizable layouts, vibrant visuals, and intuitive navigation. Fully responsive, it ensures a seamless shopping experience on all devices. Boost your brand’s visibility, attract more customers, and increase sales with our expertly designed Shopify theme" /> <link rel="canonical" href="https://themes.shopify.com/themes/forge/styles/titanium"> <script nonce="">document.documentElement.classList.remove('no-js'); document.documentElement.classList.add('js')</script> <meta name="google-site-verification" content="w4um_4h92pEHOipmSk8JHS8bY0x1c80EtfJAPo_FuU0"> <meta name="google-site-verification" content="Qu2Oloy2MEBgLgnmmmCTQ-0TuRH40OIOx63D8L8MbYQ"> <meta property="og:description" content="Elevate your online store with our Clothing and Fashion Shopify theme. Perfect for showcasing apparel and accessories, this stylish theme offers customizable layouts, vibrant visuals, and intuitive navigation. Fully responsive, it ensures a seamless shopping experience on all devices. Boost your brand’s visibility, attract more customers, and increase sales with our expertly designed Shopify theme"> <meta property="og:url" content="https://themes.shopify.com/themes/forge/styles/titanium"> <meta property="og:type" content="website"> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="xqWhWrjjlURr8cdKYahZ2QwxwhOHXokS9kS0_OMmQyb2r2Hr6CsR89UhXXO5ghJXorE02zbDKhAWnU0-CnmIkg" /> <meta property="og:image" content='https://cdn.shopify.com/theme-store/c4mk0p82ueg3bhz78lza5xobigy5.jpg'> <meta property="og:title" content='Forge Theme - Ecommerce Website Template'> <meta property="twitter:card" content='summary_large_image'> <meta property="twitter:title" content='Forge Theme - Ecommerce Website Template'> <meta property="twitter:description" content='Elevate your online store with our Clothing and Fashion Shopify theme. Perfect for showcasing apparel and accessories, this stylish theme offers customizable layouts, vibrant visuals, and intuitive navigation. Fully responsive, it ensures a seamless shopping experience on all devices. Boost your brand’s visibility, attract more customers, and increase sales with our expertly designed Shopify theme'> <meta property="twitter:image" content='https://cdn.shopify.com/theme-store/c4mk0p82ueg3bhz78lza5xobigy5.jpg'> <link rel="stylesheet" href="https://themes.shopify.com/cdn/shopifycloud/theme_store/assets/application-511d68ed337deed8f3f67c2eb6a44755ebeac23e02ed2f97e93a43f2c735e574.css" /> <link rel="stylesheet" href="https://themes.shopify.com/cdn/shopifycloud/theme_store/assets/tailwind-a438fb085e78dbd644977daf3d47e4db886575a8053934ac875ece3b5cfb7d32.css" data-turbo-track="reload" /> <link rel="stylesheet" href="https://themes.shopify.com/cdn/shopifycloud/theme_store/assets/inter-font-013a82a3f24b133ada787c7ed29ae12fec6fef808a104afb5332cad9be6be848.css" data-turbo-track="reload" /> <script type="text/javascript" id="dux-data" data-mode=production> (function () { function getData(key) { const dux_info = document.getElementById('dux-data'); if (dux_info && dux_info.dataset && dux_info.dataset[key]) { return dux_info.dataset[key]; } return; } function loadScript(src) { const promise = new Promise(function(resolve, reject){ const script = document.createElement('script'); script.src = src; script.async = true; script.onload = () => { resolve(true); }; script.onerror = () => { reject(false); }; document.head.appendChild(script); }); return promise; } loadScript(`https://cdn.shopify.com/shopifycloud/dux/dux-3.4.1.min.js`).then(() => { Dux.init({ service: "themestore", mode: getData('mode') || 'development', eventHandlerEndpoint: "https://themes.shopify.com/.well-known/dux", emitTrekkiePageViewEvent: true, enableGtm: true, enableGtmLoader: false, enableActiveConsent: false, shopId: getData('shop_id'), identityUuid: getData('identity_uuid'), }); }); })(); </script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer',"GTM-TMHDF2L");</script>  <script type="text/javascript"> (function(){ function trekkieLoadOnError() { var Monorail = { produce: function produce(monorailDomain, schemaId, payload) { var currentMs = new Date().getTime(); var event = { schema_id: schemaId, payload: payload, metadata: { event_created_at_ms: currentMs, event_sent_at_ms: currentMs } }; return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); }, sendRequest: function sendRequest(endpointUrl, payload) { // Try the sendBeacon API if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { var blobData = new window.Blob([payload], { type: 'text/plain' }); if (window.navigator.sendBeacon(endpointUrl, blobData)) { return true; } // sendBeacon was not successful } // XHR beacon var xhr = new XMLHttpRequest(); try { xhr.open('POST', endpointUrl); xhr.setRequestHeader('Content-Type', 'text/plain'); xhr.send(payload); } catch (e) { console.log(e); } return false; }, isIos12: function isIos12() { return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; } }; Monorail.produce('monorail-edge.shopifysvc.com', 'theme_store_trekkie_load_error/1.0', { url: window.location.href, 'locale': 'en', }); } var config = { 'Trekkie': { 'appName': 'themestore', 'defaultAttributes': { }, 'navigationTimingApiMeasurementsEnabled': true, 'navigationTimingApiMeasurementsSampleRate': 0.01, 'isServerSideCookieWritingEnabled': true }, 'Clickstream': { 'appName': 'themestore' }, 'Optimizely': {} }; var trekkie_version = '2020.07.23.1'; var analytics = window.analytics = window.analytics || []; if (analytics.integrations) { return; } analytics.methods = [ 'identify', 'page', 'ready', 'track', ]; analytics.factory = function(method){ return function(){ var args = Array.prototype.slice.call(arguments); args.unshift(method); analytics.push(args); return analytics; }; }; for (var i = 0; i < analytics.methods.length; i++) { var key = analytics.methods[i]; analytics[key] = analytics.factory(key); } analytics.load = function(config){ analytics.config = config; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = trekkieLoadOnError script.async = true; script.src = '//cdn.shopify.com/s/trekkie.' + config.Trekkie.appName + '.min.js?v=' + trekkie_version; var first = document.getElementsByTagName('script')[0]; first.parentNode.insertBefore(script, first); }; analytics.load(config); analytics.page(); })(); </script> <link rel="alternate" href="https://themes.shopify.com/themes/forge/styles/titanium" hreflang="en"> <link rel="alternate" href="https://themes.shopify.com/themes/forge/styles/titanium?locale=de" hreflang="de"> <link rel="alternate" href="https://themes.shopify.com/themes/forge/styles/titanium?locale=es" hreflang="es"> <link rel="alternate" href="https://themes.shopify.com/themes/forge/styles/titanium?locale=fr" hreflang="fr"> <link rel="alternate" href="https://themes.shopify.com/themes/forge/styles/titanium?locale=it" hreflang="it"> <link rel="alternate" href="https://themes.shopify.com/themes/forge/styles/titanium?locale=nl" hreflang="nl"> <link rel="alternate" href="https://themes.shopify.com/themes/forge/styles/titanium?locale=nb" hreflang="nb"> <link rel="alternate" href="https://themes.shopify.com/themes/forge/styles/titanium?locale=pl" hreflang="pl"> <link rel="alternate" href="https://themes.shopify.com/themes/forge/styles/titanium?locale=pt-BR" hreflang="pt-BR"> <link rel="alternate" href="https://themes.shopify.com/themes/forge/styles/titanium?locale=pt-PT" hreflang="pt-PT"> <link rel="alternate" href="https://themes.shopify.com/themes/forge/styles/titanium?locale=fi" hreflang="fi"> <link rel="alternate" href="https://themes.shopify.com/themes/forge/styles/titanium?locale=sv" hreflang="sv"> <link rel="alternate" href="https://themes.shopify.com/themes/forge/styles/titanium?locale=tr" hreflang="tr"> <link rel="alternate" href="https://themes.shopify.com/themes/forge/styles/titanium?locale=cs" hreflang="cs"> <link rel="alternate" href="https://themes.shopify.com/themes/forge/styles/titanium?locale=th" hreflang="th"> <link rel="alternate" href="https://themes.shopify.com/themes/forge/styles/titanium?locale=ja" hreflang="ja"> <link rel="alternate" href="https://themes.shopify.com/themes/forge/styles/titanium?locale=zh-CN" hreflang="zh-Hans"> <link rel="alternate" href="https://themes.shopify.com/themes/forge/styles/titanium?locale=zh-TW" hreflang="zh-Hant-TW"> <link rel="alternate" href="https://themes.shopify.com/themes/forge/styles/titanium?locale=ko" hreflang="ko"> <script> document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); document.documentElement.className += ' tailwindcss'; </script> <script> const host = atob('dGhlbWVzLnNob3BpZnkuY29t'); if (document.location.host !== host) { document.location.assign(`https://${host}`); } </script> </head> <body class="page--styles-show shopify-sans-supported-lang segment-online">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TMHDF2L" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="GlobalIconSymbols"><svg xmlns="http://www.w3.org/2000/svg"><symbol id="icons-polaris-thumbs-up"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill-rule="evenodd" fill="currentColor" d="M12.539 14.57a9.25 9.25 0 0 1-4.074-.838l-.307-.141a3.751 3.751 0 0 0-1.158-.32v-5.222a1.5 1.5 0 0 0 .15-.099 6.489 6.489 0 0 0 2.475-3.95 1.41 1.41 0 0 1 1.378 1.557l-.133 1.26a1.75 1.75 0 0 0 1.74 1.933h1.595c.758 0 1.342.67 1.239 1.42l-.338 2.449a2.25 2.25 0 0 1-2.176 1.942l-.391.01Zm-7.039-6.32h-1v5h1v-5Zm2.34 6.845a10.75 10.75 0 0 0 4.735.975l.391-.01a3.75 3.75 0 0 0 3.626-3.236l.337-2.448a2.75 2.75 0 0 0-2.724-3.126h-1.594a.25.25 0 0 1-.249-.276l.133-1.26a2.91 2.91 0 0 0-2.894-3.214h-.364c-.5 0-.928.357-1.017.849l-.055.303a4.989 4.989 0 0 1-1.915 3.098h-2c-.69 0-1.25.56-1.25 1.25v5.5c0 .69.56 1.25 1.25 1.25h2.345c.324 0 .644.07.938.205l.307.14Z"/></svg></symbol><symbol id="modules-caret-down"><svg xmlns="http://www.w3.org/2000/svg" baseProfile="tiny" viewBox="0 0 10.289 6.563"><path d="M5.212 6.563L0 1.423 1.404 0l3.788 3.735L8.865.01l1.424 1.404"/></svg></symbol><symbol id="modules-search"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M15.552 13.62L11.27 9.333a6.083 6.083 0 00.925-3.23A6.099 6.099 0 100 6.103a6.098 6.098 0 009.342 5.165l4.28 4.283c.295.3.68.45 1.063.45h.005c.333 0 .674-.12.93-.373.258-.26.38-.6.38-.94 0-.382-.154-.768-.448-1.063zM9.498 6.102a3.41 3.41 0 01-3.4 3.402 3.41 3.41 0 01-3.4-3.402 3.412 3.412 0 013.4-3.404 3.41 3.41 0 013.4 3.403z"/></svg></symbol><symbol id="icons-polaris-smiley-neutral"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"> <path fill="currentColor" d="M10 2c-4.4 0-8 3.6-8 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8Zm0 14.4c-3.5 0-6.4-2.9-6.4-6.4S6.5 3.6 10 3.6s6.4 2.9 6.4 6.4-2.9 6.4-6.4 6.4ZM7.6 9.2c.4 0 .8-.4.8-.8s-.4-.8-.8-.8-.8.4-.8.8.4.8.8.8Zm4.8-1.6c-.4 0-.8.4-.8.8s.4.8.8.8.8-.4.8-.8-.4-.8-.8-.8Zm0 4H7.6c-.4 0-.8.4-.8.8s.4.8.8.8h4.8c.4 0 .8-.4.8-.8s-.4-.8-.8-.8Z"/> </svg> </symbol><symbol id="icons-polaris-thumbs-down"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill-rule="evenodd" fill="currentColor" d="M12.16 4.904a10.75 10.75 0 0 0-4.735-.974l-.391.01a3.75 3.75 0 0 0-3.626 3.236l-.337 2.448a2.75 2.75 0 0 0 2.724 3.126h1.594a.25.25 0 0 1 .249.276l-.133 1.26a2.91 2.91 0 0 0 2.894 3.214h.364c.5 0 .928-.358 1.017-.85l.055-.302a4.989 4.989 0 0 1 1.915-3.098h2c.69 0 1.25-.56 1.25-1.25v-5.5c0-.69-.56-1.25-1.25-1.25h-2.345a2.25 2.25 0 0 1-.938-.205l-.307-.14Zm-4.699.525a9.25 9.25 0 0 1 4.074.839l.307.14a3.75 3.75 0 0 0 1.158.32v5.223c-.052.03-.102.062-.15.098a6.49 6.49 0 0 0-2.475 3.95 1.41 1.41 0 0 1-1.378-1.557l.133-1.26a1.75 1.75 0 0 0-1.74-1.932h-1.595a1.25 1.25 0 0 1-1.238-1.421l.337-2.448a2.25 2.25 0 0 1 2.176-1.942l.391-.01Zm7.039 6.32h1v-5h-1v5Z"/></svg></symbol><symbol id="spot-customer-support"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45 45"><path d="M38.5 16.25V14A12.51 12.51 0 0026 1.5h-6A12.51 12.51 0 007.5 14v2A5 5 0 003 21v5a5 5 0 005 5h4a2 2 0 002-2V18a2 2 0 00-2-2h-1.5v-2A9.51 9.51 0 0120 4.5h6a9.51 9.51 0 019.5 9.5v2H33a2 2 0 00-2 2v11a2 2 0 002 2h2v3.5a1.5 1.5 0 01-1.5 1.5H29v-1.5a1.5 1.5 0 00-1.5-1.5h-6a3.5 3.5 0 00-3.5 3.5v2a3.5 3.5 0 003.5 3.5h6a1.5 1.5 0 001.5-1.5V39h4.5a4.5 4.5 0 004.5-4.5v-3.6a5 5 0 004-4.9v-5a5 5 0 00-3.5-4.75zM11 19v9H8a2 2 0 01-2-2v-5a2 2 0 012-2zm15 20h-4.5a.5.5 0 01-.5-.5v-2a.5.5 0 01.5-.5H26zm13-13a2 2 0 01-2 2h-3v-9h3a2 2 0 012 2z"/></svg></symbol><symbol id="spot-buy-online"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45 45"><path d="M42.46 32.348a1.497 1.497 0 010 2.305l-6 5c-.28.233-.621.347-.959.347a1.498 1.498 0 01-.961-2.652L37.357 35H29a1.5 1.5 0 010-3h8.357l-2.817-2.347a1.5 1.5 0 111.92-2.305l6 5zM14 10h26V6H14v4zm-9 0h6V6H5v4zm34.5-7h-34A3.5 3.5 0 002 6.5v32A3.5 3.5 0 005.5 42h14a1.5 1.5 0 100-3H5V13h35v7.5a1.5 1.5 0 103 0v-14A3.5 3.5 0 0039.5 3z"/></svg></symbol><symbol id="spot-location"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45 45"><path d="M42.92 41l-4-12a1.5 1.5 0 00-1.42-1h-6.66C33.59 23.75 36 18.87 36 15a13 13 0 00-26 0c0 3.87 2.41 8.75 5.16 13H7.5a1.5 1.5 0 00-1.42 1l-4 12a1.5 1.5 0 001.42 2h38a1.5 1.5 0 001.42-2zM13 15a10 10 0 0120 0c0 3.54-2.86 8.88-6.09 13.48a1.5 1.5 0 00-.23.32c-1.23 1.73-2.5 3.34-3.68 4.7-1.18-1.36-2.45-3-3.68-4.7a1.5 1.5 0 00-.23-.32C15.86 23.88 13 18.54 13 15zM5.58 40l3-9h8.63a64.12 64.12 0 004.31 5.35 2 2 0 002.95 0A64.12 64.12 0 0028.79 31h7.63l3 9zM23 19a5 5 0 10-5-5 5 5 0 005 5zm0-7a2 2 0 11-2 2 2 2 0 012-2z"/></svg></symbol><symbol id="spot-mail"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45 45"><path id="path-1" d="M5 35V12.988l10.918 9.972-7.479 7.479A1.502 1.502 0 009.5 33c.384 0 .768-.146 1.061-.439l7.575-7.576 3.418 3.122a1.498 1.498 0 002.028-.003l3.334-3.067 7.523 7.524c.293.293.677.439 1.061.439a1.502 1.502 0 001.061-2.561l-7.436-7.435L40 12.999V35H5zm17.562-10.035L7.271 11h30.47L22.562 24.965zM41.5 8h-38A1.5 1.5 0 002 9.5v27A1.5 1.5 0 003.5 38h38a1.5 1.5 0 001.5-1.5v-27A1.5 1.5 0 0041.5 8z"/></svg></symbol><symbol id="modules-expand"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 44 44"><path d="M4 20.4h35.8v4.3H4z"/><path d="M19.7 4.7H24v35.8h-4.3z"/></svg></symbol><symbol id="modules-collapse"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 44 44"><path d="M4 21.4h35.8v4.3H4z"/></svg></symbol><symbol id="spot-guarantee"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45 45"><path d="M30.912 15.848a1.5 1.5 0 01.19 2.11l-9.5 11a1.5 1.5 0 01-1 .54h-.15a1.499 1.499 0 01-1-.39l-5.5-5a1.5 1.5 0 012-2.22l4.34 3.95 8.5-9.8a1.5 1.5 0 012.12-.18v-.01zM17.54 5.97c-.459 0-.898.214-1.178.596l-1.922 2.63a4.427 4.427 0 01-2.242 1.61l-3.123.997a1.437 1.437 0 00-1.008 1.373l.005 3.248a4.341 4.341 0 01-.854 2.605l-1.936 2.623a1.422 1.422 0 000 1.696l1.936 2.624c.561.762.857 1.663.854 2.605l-.005 3.247a1.438 1.438 0 001.008 1.373l3.125.998a4.426 4.426 0 012.24 1.61l1.923 2.63a1.456 1.456 0 001.633.524l3.12-1.009a4.474 4.474 0 012.77 0l3.119 1.01a1.46 1.46 0 001.632-.525l1.924-2.63a4.432 4.432 0 012.24-1.61l3.123-.998a1.437 1.437 0 001.01-1.373l-.006-3.248a4.336 4.336 0 01.855-2.604l1.934-2.624a1.422 1.422 0 000-1.696l-1.934-2.624a4.337 4.337 0 01-.855-2.605l.006-3.246a1.436 1.436 0 00-1.008-1.373l-3.126-.998a4.428 4.428 0 01-2.24-1.61l-1.923-2.63a1.458 1.458 0 00-1.633-.525l-3.119 1.01a4.478 4.478 0 01-2.77 0l-3.12-1.01a1.466 1.466 0 00-.454-.072M17.535 42c-1.4 0-2.745-.655-3.601-1.826l-1.925-2.63a1.442 1.442 0 00-.732-.526l-3.123-.998a4.397 4.397 0 01-3.087-4.2l.006-3.248c0-.309-.096-.603-.28-.85L2.86 25.095a4.352 4.352 0 010-5.193l1.933-2.623c.184-.248.28-.543.28-.85l-.006-3.249a4.397 4.397 0 013.086-4.2l3.124-.998a1.45 1.45 0 00.732-.527l1.925-2.63a4.466 4.466 0 014.993-1.605l3.12 1.01c.297.095.61.095.904 0h.002l3.12-1.01a4.466 4.466 0 014.994 1.605l1.923 2.63c.183.25.436.432.732.526l3.124.998a4.4 4.4 0 013.087 4.201l-.007 3.247c0 .31.096.604.28.852l1.934 2.624a4.352 4.352 0 010 5.193l-1.934 2.623a1.42 1.42 0 00-.28.851l.006 3.248a4.397 4.397 0 01-3.086 4.201l-3.123.997a1.45 1.45 0 00-.733.527l-1.924 2.63a4.472 4.472 0 01-4.993 1.606l-3.12-1.01a1.47 1.47 0 00-.904 0l-3.122 1.01c-.46.148-.928.22-1.392.22"/></svg></symbol><symbol id="spot-maximum-gauge"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45 45"><path d="M43 22.5a19.78 19.78 0 01-5.93 14.05 1.5 1.5 0 11-2.14-2.1A16.84 16.84 0 0040 22.5a17.5 17.5 0 00-35 0 16.84 16.84 0 005.07 11.95 1.5 1.5 0 01-2.14 2.1A19.79 19.79 0 012 22.5a20.5 20.5 0 0141 0zm-18.27-2.95a3.75 3.75 0 00-.22-.41A2.5 2.5 0 0020.37 22a3.75 3.75 0 00.3.36c1.61 1.74 7.63 6.88 7.63 6.88s-2.56-7.49-3.59-9.63zM22.5 8a1.5 1.5 0 000 3 11.5 11.5 0 018.24 19.52 1.5 1.5 0 002.15 2.09A14.5 14.5 0 0022.5 8z"/></svg></symbol><symbol id="spot-save-time"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45 45"><path d="M30.583 30.538a1.5 1.5 0 00-.045-2.12l-6.528-6.076.829-9.715a1.5 1.5 0 10-2.988-.255l-.891 10.43a1.5 1.5 0 00.456 1.21l7.046 6.571a1.5 1.5 0 002.121-.045M43 22.5C43 33.8 33.8 43 22.5 43S2 33.8 2 22.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5C5 32.15 12.85 40 22.5 40S40 32.15 40 22.5 32.15 5 22.5 5c-5.53 0-10.75 2.66-14.02 7.05h5.02c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-8c-.83 0-1.5-.67-1.5-1.5v-8c0-.83.67-1.5 1.5-1.5S7 4.72 7 5.55v3.56C10.84 4.66 16.52 2 22.5 2 33.8 2 43 11.2 43 22.5"/></svg></symbol><symbol id="spot-design"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45 45"><path d="M9.5 33.5a2 2 0 112 2 2 2 0 01-2-2zm32.5-8v16a1.5 1.5 0 01-1.5 1.5h-29A9.51 9.51 0 012 33.5v-29A1.5 1.5 0 013.5 3h16A1.5 1.5 0 0121 4.5v8.38l8.44-8.44a1.5 1.5 0 012.12 0l10 10a1.5 1.5 0 010 2.12L34.12 24h6.38a1.5 1.5 0 011.5 1.5zm-15.38-14l7.88 7.88 3.88-3.88-7.88-7.88zM18 14H5v19.5a6.5 6.5 0 0013 0zm0-8H5v5h13zm13 21.12S18.8 39.58 18.41 40H31zm1.38-5.62l-7.88-7.88-3.5 3.5v15.76zM39 27h-5v13h5z"/></svg></symbol><symbol id="spot-custom-code"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45 45"><path d="M41 5H4a2 2 0 00-2 2v31a2 2 0 002 2h37a2 2 0 002-2V7a2 2 0 00-2-2zm-1 7H14V8h26zM11 8v4H5V8zm29 29H5V15h35zM20 22.5a1.5 1.5 0 011.5-1.5H32a1.5 1.5 0 010 3H21.5a1.5 1.5 0 01-1.5-1.5zm0 6a1.5 1.5 0 011.5-1.5H28a1.5 1.5 0 010 3h-6.5a1.5 1.5 0 01-1.5-1.5zM10.86 23a1.5 1.5 0 012.28-2l3 3.5a1.51 1.51 0 010 2l-3 3.5a1.51 1.51 0 01-2.12.16 1.5 1.5 0 01-.16-2.16L13 25.5z"/></svg></symbol><symbol id="spot-gdpr"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45 45"><path d="M37 1.5H13c-1.58 0-3.08.68-4.12 1.86-.55.62-.49 1.57.13 2.12s1.57.49 2.11-.13c.48-.54 1.16-.85 1.88-.85h21.5V38a2.5 2.5 0 01-2.5 2.5c-1.63 0-3.5-.51-3.5-4.5 0-.83-.67-1.5-1.5-1.5H10.5V28c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v6.5H3c-.83 0-1.5.67-1.5 1.5 0 2.81 0 7.5 5.5 7.5h25c3.03 0 5.5-2.47 5.5-5.5V11.5H42c.83 0 1.5-.67 1.5-1.5V8c0-3.58-2.92-6.5-6.5-6.5zm-30 39c-1.9 0-2.37-.65-2.47-3h21.05c.14 1.16.45 2.16.91 3H7zm33.5-32h-3V4.54c1.69.24 3 1.7 3 3.46v.5zm-13.5 4H17a1.5 1.5 0 110-3h10a1.5 1.5 0 110 3zm3 6h-7a1.5 1.5 0 110-3h7a1.5 1.5 0 110 3zm-4.62 10.91l-3-7a1.4 1.4 0 00-.32-.47l-13-13C8.24 8.12 7.16 7.67 6 7.67s-2.24.45-3.06 1.27-1.27 1.9-1.27 3.06c0 1.16.45 2.24 1.27 3.06l13 13c.13.14.29.24.47.32l7 3a1.491 1.491 0 001.65-.32c.43-.43.56-1.09.32-1.65zM5.06 11.06c.52-.52 1.36-.52 1.88 0L17.88 22 16 23.88 5.06 12.94c-.52-.52-.52-1.36 0-1.88zm13.17 14.83l1.67-1.67 1.24 2.92-2.91-1.25zM30 24.5h-3a1.5 1.5 0 110-3h3a1.5 1.5 0 110 3z"/></svg></symbol><symbol id="icons-search"><svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2349_269)"> <path d="M2.5 10C2.5 5.86375 5.86375 2.5 10 2.5C14.1362 2.5 17.5 5.86375 17.5 10C17.5 14.1362 14.1362 17.5 10 17.5C5.86375 17.5 2.5 14.1362 2.5 10ZM24.6338 22.8662L17.89 16.1213C19.2573 14.3738 20.0001 12.2188 20 10C20 4.48625 15.5138 0 10 0C4.48625 0 0 4.48625 0 10C0 15.5138 4.48625 20 10 20C12.2187 19.9994 14.3734 19.2566 16.1213 17.89L22.8662 24.6338C22.9821 24.7502 23.1198 24.8427 23.2714 24.9057C23.4231 24.9688 23.5857 25.0013 23.75 25.0013C23.9143 25.0013 24.0769 24.9688 24.2286 24.9057C24.3802 24.8427 24.5179 24.7502 24.6338 24.6338C24.7499 24.5178 24.8421 24.38 24.905 24.2284C24.9679 24.0767 25.0002 23.9142 25.0002 23.75C25.0002 23.5858 24.9679 23.4233 24.905 23.2716C24.8421 23.12 24.7499 22.9822 24.6338 22.8662Z" fill="#181818" /> </g> </svg> </symbol><symbol id="shopify_themes_logo_v2"><svg width="91" height="27" viewBox="0 0 91 27" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16.3923 26.4932L22.9753 24.8225C22.9753 24.8225 20.141 5.25426 20.123 5.12002C20.1049 4.98578 19.9901 4.91128 19.8947 4.90317C19.8001 4.89506 17.9467 4.86629 17.9467 4.86629C17.9467 4.86629 16.817 3.74589 16.3923 3.32178V26.4932Z" fill="black"/> <path d="M15.6759 3.09835C15.6745 3.09908 15.3848 3.19054 14.8973 3.3447C14.8157 3.07474 14.6958 2.74283 14.5246 2.40944C13.9728 1.33403 13.1645 0.765351 12.188 0.763875C12.1865 0.763875 12.1858 0.763875 12.1844 0.763875C12.1165 0.763875 12.0493 0.770514 11.9814 0.776415C11.9525 0.74101 11.9236 0.706343 11.8933 0.672414C11.4678 0.207733 10.9225 -0.018707 10.2688 0.00120795C9.00772 0.0380874 7.75165 0.968188 6.73322 2.62039C6.0167 3.78283 5.47137 5.24326 5.3168 6.37398C3.8686 6.83202 2.85595 7.15214 2.83356 7.15951C2.1026 7.39407 2.07948 7.41693 1.98414 8.12059C1.91263 8.65239 0 23.7553 0 23.7553L15.8681 26.5574V3.06515C15.79 3.07032 15.72 3.08507 15.6759 3.09835ZM12.0117 4.2571C11.1717 4.52263 10.2551 4.8125 9.33564 5.10311C9.59422 4.09188 10.0847 3.08507 10.687 2.42493C10.911 2.17931 11.2244 1.90566 11.5957 1.74929C11.9446 2.49278 12.0204 3.54533 12.0117 4.2571ZM10.2934 0.858287C10.5895 0.851649 10.8387 0.918032 11.0518 1.06112C10.7109 1.24183 10.3815 1.50146 10.0724 1.84002C9.27135 2.71775 8.6574 4.08008 8.41255 5.39446C7.64908 5.63565 6.90223 5.87242 6.21461 6.08927C6.64871 4.02033 8.34682 0.915819 10.2934 0.858287ZM7.83977 12.6442C7.925 14.0228 11.4765 14.3237 11.6759 17.5529C11.8326 20.0931 10.3562 21.8309 8.22908 21.9681C5.67578 22.1326 4.2702 20.594 4.2702 20.594L4.81119 18.2433C4.81119 18.2433 6.22617 19.3334 7.35872 19.2604C8.09835 19.2125 8.36271 18.5981 8.33599 18.1636C8.22475 16.3654 5.33269 16.4716 5.14995 13.5168C4.9961 11.0304 6.59526 8.51078 10.1237 8.2836C11.483 8.19583 12.1793 8.55061 12.1793 8.55061L11.3725 11.633C11.3725 11.633 10.4725 11.2148 9.4057 11.2834C7.84049 11.3844 7.82388 12.392 7.83977 12.6442ZM12.8503 3.9923C12.8409 3.34028 12.7651 2.43304 12.4675 1.64898C13.4245 1.83412 13.8955 2.93976 14.0948 3.59917C13.7257 3.71497 13.3054 3.84774 12.8503 3.9923Z" fill="black"/> <path d="M35.9627 7.80974L35.4563 10.5214H38.1831L37.9904 11.4681H35.2629L33.9835 18.7832C33.8429 19.6031 33.7423 20.2411 33.7423 20.906C33.7423 21.6223 34.0567 22.0569 34.7804 22.0569C35.1665 22.0569 35.4078 22.0315 35.6244 21.9548L35.6947 22.8492C35.3266 22.9662 34.9446 23.0264 34.5603 23.0281C33.1846 23.0281 32.6536 22.0591 32.6536 21.0335C32.6536 20.3678 32.7239 19.7283 32.9194 18.7824L34.2241 11.4673H32.5586L32.7274 10.5207H34.4154L34.8015 8.32107L35.9627 7.80974ZM37.9419 22.7978L41.1519 4.76562H42.2139L40.7418 12.8485H40.7897C41.7793 11.2087 43.1064 10.265 44.748 10.265C45.8579 10.265 47.306 11.032 47.306 13.2577C47.2998 13.9095 47.2434 14.5596 47.1372 15.2016L45.7861 22.7978H44.748L46.1237 15.1249C46.2211 14.5422 46.2696 13.9515 46.2686 13.3598C46.2686 12.1829 45.7137 11.2623 44.3858 11.2623C42.7203 11.2623 40.6209 13.4366 40.1384 16.1475L38.98 22.7978H37.9419ZM55.8016 22.1076C55.1981 22.5168 54.0882 23.0281 52.6366 23.0281C49.933 23.0281 48.9919 20.7771 48.9919 18.4239C48.9919 14.8945 51.3087 10.265 54.6397 10.265C56.5464 10.265 57.3425 11.5948 57.3425 12.9484C57.3425 16.0685 53.9666 16.9384 50.1749 16.913C50.0539 17.4758 50.03 19.0873 50.2713 19.9564C50.6813 21.3637 51.5745 22.0285 52.8033 22.0285C54.0826 22.0285 54.9512 21.5426 55.4822 21.2086L55.8016 22.1076ZM54.4497 11.2623C52.664 11.2623 51.047 13.3084 50.3472 15.9433C53.3638 15.9686 56.2601 15.4312 56.2601 13.0013C56.2601 11.8504 55.535 11.2623 54.4497 11.2623ZM57.9263 22.7978L59.4736 14.1268C59.7085 12.9351 59.8858 11.7315 60.0047 10.5207H60.9696L60.632 12.8992H60.7024C61.7644 11.1341 63.1155 10.265 64.4912 10.265C66.0842 10.265 66.8565 11.4159 66.9289 13.0527C67.9431 11.2109 69.3203 10.2904 70.9112 10.265C72.0457 10.265 73.4214 11.1088 73.4214 13.1809C73.411 13.8758 73.3466 14.5687 73.2287 15.2523L71.8769 22.7978H70.8387L72.1906 15.227C72.2993 14.6456 72.3558 14.0546 72.3593 13.4619C72.3593 12.1061 71.8769 11.2623 70.5497 11.2623C69.0024 11.2623 67.1224 13.1809 66.6399 15.9433L65.433 22.8008H64.3969L65.7727 15.1018C65.8873 14.5475 65.9439 13.9816 65.9415 13.4142C65.9415 12.3394 65.6524 11.2653 64.1072 11.2653C62.6112 11.2653 60.6081 13.4903 60.1495 16.0737L58.9912 22.8008L57.9263 22.7978ZM81.8916 22.1076C81.2881 22.5168 80.1776 23.0281 78.7266 23.0281C76.0237 23.0281 75.0826 20.7771 75.0826 18.4239C75.0826 14.8945 77.3994 10.265 80.7297 10.265C82.6364 10.265 83.4333 11.5948 83.4333 12.9484C83.4333 16.0685 80.0573 16.9384 76.2649 16.913C76.144 17.4758 76.1201 19.0873 76.3613 19.9564C76.772 21.3637 77.6646 22.0285 78.8933 22.0285C80.1727 22.0285 81.0413 21.5426 81.5723 21.2086L81.8916 22.1076ZM80.5398 11.2623C78.7533 11.2623 77.1364 13.3084 76.4366 15.9433C79.4538 15.9686 82.3495 15.4312 82.3495 13.0013C82.3495 11.8504 81.6285 11.2623 80.5398 11.2623ZM83.8701 21.3659C84.4802 21.7901 85.192 22.0208 85.9217 22.0308C87.4423 22.0308 88.4537 20.8799 88.4537 19.4965C88.4537 18.2681 87.9712 17.5265 86.8852 16.7848C85.7508 15.9917 85.1234 14.8923 85.1234 13.7668C85.1234 11.8482 86.5715 10.2635 88.5985 10.2635C89.3947 10.2635 90.1916 10.5445 90.5292 10.8263L90.1431 11.7722C89.7815 11.5418 89.1535 11.2608 88.4783 11.2608C87.0779 11.2608 86.1573 12.2842 86.1573 13.5626C86.1573 14.7142 86.7607 15.3515 87.7264 16.0223C88.8363 16.8154 89.5122 17.9402 89.5122 19.1685C89.5122 21.6491 87.7989 23.0303 85.8197 23.0303C84.7816 23.0303 83.8644 22.6211 83.4783 22.2887L83.8701 21.3659Z" fill="black"/> </svg> </symbol><symbol id="modules-mobile-hamburger"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M19 11H1a1 1 0 110-2h18a1 1 0 110 2zm0-7H1a1 1 0 110-2h18a1 1 0 110 2zm0 14H1a1 1 0 110-2h18a1 1 0 110 2z"/></svg></symbol><symbol id="modules-cancel"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M11.414 10l6.293-6.293a1 1 0 00-1.414-1.414L10 8.586 3.707 2.293a1 1 0 00-1.414 1.414L8.586 10l-6.293 6.293a1 1 0 001.414 1.414L10 11.414l6.293 6.293a.996.996 0 001.414 0 1 1 0 000-1.414L11.414 10z"/></svg></symbol><symbol id="modules-social-facebook"><svg xmlns="http://www.w3.org/2000/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"/></svg></symbol><symbol id="modules-social-twitter"><svg xmlns="http://www.w3.org/2000/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-3.7-5.5c-.8.3-1.6.6-2.5.7.9-.5 1.5-1.4 1.8-2.4-.8.5-1.7.8-2.7 1-.8-.8-1.9-1.4-3.1-1.4-2.4 0-4.2 1.9-4.2 4.3 0 .3 0 .7.1 1-3.5-.2-6.7-1.9-8.8-4.5-.3.7-.6 1.4-.6 2.2 0 1.5.7 2.8 1.9 3.5-.7 0-1.4-.2-1.9-.5 0 2.1 1.5 3.8 3.4 4.2-.3.1-.7.1-1.1.1-.3 0-.6 0-.8-.1.5 1.7 2.1 2.8 4 2.9-1.5 1.1-3.3 1.9-5.3 1.9-.3 0-.7 0-1-.1 1.9 1.2 4.1 1.9 6.5 1.9 7.8 0 12.1-6.5 12.1-12.1v-.6c.9-.4 1.6-1.2 2.2-2z"/></svg></symbol><symbol id="modules-social-youtube"><svg xmlns="http://www.w3.org/2000/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.7l6.3 3.8-6.3 3.8v-7.6z"/></svg></symbol><symbol id="modules-social-instagram"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><defs/><path fill-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" clip-rule="evenodd"/></svg> </symbol><symbol id="modules-social-linkedin"><svg xmlns="http://www.w3.org/2000/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"/></svg></symbol><symbol id="modules-social-pinterest"><svg xmlns="http://www.w3.org/2000/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"/></svg></symbol><symbol id="icons-globe"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><path d="M22.54.16c-.29-.04-.58-.07-.88-.09C21.12.02 20.56 0 20 0c-3.15 0-6.13.73-8.78 2.03-.4.19-.78.4-1.16.62C4.05 6.1 0 12.59 0 20c0 6.08 2.73 11.54 7.02 15.2.32.28.64.54.98.8 3.34 2.51 7.5 4 12 4 5.62 0 10.71-2.33 14.34-6.07.21-.21.41-.43.61-.65C38.09 29.75 40 25.09 40 20 40 9.83 32.37 1.41 22.54.16zm11.19 31.45c-.42.52-.88 1-1.37 1.45C29.13 36.12 24.78 38 20 38c-3.89 0-7.49-1.24-10.44-3.35-.54-.39-1.06-.8-1.56-1.25-.74-.65-1.42-1.37-2.03-2.15v-.01c-.76-.93-1.42-1.94-1.97-3.02-1.28-2.46-2-5.26-2-8.22 0-2.05.34-4.02.99-5.85.27-.81.6-1.58.99-2.33.01-.01.01-.03.02-.04.46-.91 1-1.77 1.61-2.57C6.58 7.92 7.72 6.76 9 5.77c.63-.5 1.3-.95 2-1.34.03-.02.07-.04.1-.06.65-.38 1.33-.71 2.03-1 .29-.13.58-.24.87-.34.65-.23 1.31-.42 2-.57.97-.23 1.97-.38 3-.43.33-.02.66-.03 1-.03.12 0 .24 0 .36.01.22 0 .43.01.64.02.46.03.91.07 1.36.13C31.17 3.32 38 10.88 38 20c0 4.42-1.6 8.48-4.27 11.61z"/><path d="M11.22 4.03c-.4.19-.78.4-1.16.62a.98.98 0 0 1 1.16-.62zM23.07 25.9c-.73 1.07-1.1 1.99-1.19 2.99-.07.71-.57 1.49-1.16 1.81-.4.22-.6.5-.78 1.09-.14.44-.39.88-.78 1.34-.58.7-1.7 2.41-2.31 3.4a1.287 1.287 0 0 1-1.38.61c-1.67-.36-3.1-4.54-3.32-6.18-.16-1.21-.37-1.88-1.11-2.34-.98-.62-1.5-1.43-1.55-2.43-.02-.4-.17-.66-.54-.95-1.13-.86-1.49-2.17-.98-3.61.14-.4.32-.76.49-1.11.08-.14.15-.28.21-.42.06-.12.1-.22.14-.3-.96-.11-1.61-.8-1.97-1.18-.48-.51-1.18-.92-1.87-1.32l-.09-.06c-1.2-.7-1.81-1.69-1.81-2.95-.01-.02-.04-.08-.08-.14.27-.81.6-1.58.99-2.33.02.06.02.13.02.19.02.07.24.39.37.59.33.49.7 1.05.7 1.69 0 .45.14.83.82 1.23l.09.05c.77.45 1.64.96 2.32 1.68.62.66.77.6 1.01.51.43-.15.9 0 1.16.36.81 1.14.34 2.15.05 2.75-.11.24-.19.39-.27.55-.15.31-.3.6-.4.88-.27.78 0 1.12.3 1.35.85.64 1.29 1.44 1.34 2.45.01.21.09.49.62.82 1.54.97 1.85 2.46 2.03 3.78.18 1.4.94 3.14 1.49 4.02.54-.84 1.41-2.18 2-2.88.26-.3.36-.51.39-.63.23-.74.63-1.66 1.75-2.27.02-.02.11-.18.12-.25.12-1.33.61-2.57 1.53-3.92.51-.74.46-.98.46-.98s-.11-.24-1.08-.58l-.11-.04c-1.12-.39-2-.69-3.01-.28a.999.999 0 0 1-1.37-.93c0-.1-.01-.18-.01-.26-.01-.19-.01-.39.03-.62.05-.22.2-.9.15-1.07-.06-.06-.36-.23-.88-.46-.03-.01-.13-.05-.25-.13-.21-.12-.42-.27-.63-.42-.39-.27-.76-.53-1.11-.64-.34-.1-.78-.11-1.28-.11-.22 0-.45-.01-.68-.01-.56.13-1.27-.01-1.77-1.15-.05-.12-.15-.35-.21-.4-.2-.04-.41-.15-.55-.3-1.26-1.35-.78-2.4-.51-2.79.69-1.01 2.25-1.27 3.29-1.06.13-.11.29-.26.44-.39.66-.62 1.66-1.53 3.19-2.49.05-.22.11-.6.15-.88.07-.41.13-.82.23-1.19-2.6-1.63-4.04-2.64-4.81-3.22.65-.38 1.33-.71 2.03-1 .92.65 2.37 1.62 4.65 3.03.34.21.52.61.46 1a.99.99 0 0 1-.38.64c-.07.24-.15.73-.2 1.05-.16 1.03-.3 1.93-1.03 2.24-1.4.87-2.32 1.72-2.94 2.29-.73.68-1.31 1.22-2.1.9-.32-.12-1.02-.01-1.27.16.02.04.05.09.1.16.77.3 1.09.98 1.27 1.4.23.01.44.01.65.01.62 0 1.25.01 1.88.21.63.2 1.17.57 1.64.9.16.11.33.23.49.33.03.01.06.03.09.04 1.7.77 2.19 1.4 1.99 2.97 1.08-.07 2.04.28 2.92.58l.1.04c.91.32 1.99.81 2.33 1.85.34 1.02-.24 2.05-.71 2.73zm-.53-23.74c-.29-.04-.58-.07-.88-.09.3-.12.63-.07.88.09zm11.19 29.45c-.42.52-.88 1-1.37 1.45-1.72-1.57-2.78-4.26-2.36-5.74.18-.67.36-2.18.28-2.6-.51-.85-.98-1.68-.87-2.82-.22-.21-.42-.45-.6-.67l-.16-.19c-.26.12-.51.23-.76.33-1.64.64-2.78-1.04-3.54-2.16-.1-.16-.21-.32-.31-.46-.53-.74-1.09-1.46-1.6-2.12l-.59-.77c-.17-.23-.24-.51-.19-.79.06-.32.14-.61.21-.88s.16-.64.14-.75c-.05-.21-.1-.38-.14-.52-.33-1.18-.07-1.53.86-2.54.34-.37.49-.38 2.93-.68 1.14-.14 3.22-.39 3.8-.56.08-.06.17-.11.27-.15.08-.03.16-.13.22-.25.07-.16.06-.29.05-.31-.16.04-.82.13-1.36.2-3.02.42-4.84.67-5.08-.74 0-.06-.01-.12-.01-.17-.23-.54-1.38-2.12-1.87-2.56-.04-.03-.07-.07-.1-.11-.9-1.08-1.31-2.1-1.22-3.04.22 0 .43.01.64.02.46.03.91.07 1.36.13v.02c-.05.37.22.95.74 1.58.38.4 1.8 1.93 2.28 3.2h.01c.74 0 2.2-.2 2.98-.31 1.01-.14 1.48-.19 1.78-.17.99.08 1.71.75 1.84 1.7.14 1.01-.41 2.07-1.28 2.55-.5.42-1.72.58-4.81.96-.68.08-1.49.18-1.87.24-.11.12-.21.23-.28.3.02.05.03.09.05.15.04.16.1.36.16.61.13.59-.01 1.16-.16 1.71-.03.1-.05.2-.08.31l.31.4c.52.68 1.09 1.42 1.63 2.18.11.15.23.32.35.5.29.43.91 1.34 1.21 1.41.2-.1.46-.22.73-.34l.46-.21c.25-.11.53-.12.79-.01.48.2.82.62 1.15 1.02.16.19.43.52.55.58.42.22.7.73.57 1.19-.2.7-.03 1.03.56 2.04.64 1.07-.1 4.06-.11 4.08-.19.7.59 2.67 1.81 3.76z"/></svg </symbol><symbol id="modules-nav-arrow-down"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 5"><path d="M0 0l5 5 5-5H0z"/></svg></symbol></svg></div> <div class="signup-form-wrapper signup--hidden " data-define="{form_0: new SignupForm(this)}"> <form class="marketing-form signup-form stateful-form" novalidate="novalidate" autocomplete="off" data-namespace="form_0" data-hidden-fields-namespace="hiddenFields_0" data-bind-event-submit="form_0.handleSubmit(this, event)" action="https://accounts.shopify.com/store-create" accept-charset="UTF-8" method="post"> <div data-define="{ email0: new StatefulField( 'email', form_0, this, { required: true, validate: true, live: false, showHint: true, showError: true }, {}, 'form_0' )} " class="stateful-field email "><div data-context="email0"><label data-bind-class="{'js-has-error': state.error,'js-is-filled': state.filled || state.value.length > 0,'js-has-hint': !state.error && state.hint}" class="marketing-input-wrapper"><span class="marketing-label marketing-label--in-field marketing-label--floating">Email address</span><input placeholder="Email address" aria-describedby="MessageId_a643" name="signup[email]" type="email" autocomplete="email" data-bind="state.value" data-bind-event-blur="ShopifyMarketing.context.form_0.handleFieldBlur(ShopifyMarketing.context.email0)" data-bind-event-keyup="ShopifyMarketing.context.form_0.handleFieldKeyup(event, ShopifyMarketing.context.email0)" class="marketing-input marketing-input--floating" id="0_signup_email" /></label><span class="marketing-form__messages" id="MessageId_a643"><span class="suggest hide" data-bind-unsafe-html="displayHint()" data-bind-show="!state.error && state.hint"></span><span class="error hide" data-bind="displayError()" data-bind-show="state.error == true"></span></span></div></div> <div data-define="{hiddenFields_0: new HiddenFields({ source: "", source_url: "", source_url_referer: "", signup_code: "", signup_page: "", signup_page_referer: "", signup_types: ["online_store"], theme: "", selected_app: "", selected_plan: "", domain_to_connect: "", }, this)}"> <div data-context="hiddenFields_0"> <input type="hidden" name="ref" value=""> <input type="hidden" name="language" value="en"> <input type="hidden" name="locale" value="en"> <input type="hidden" name="_y" data-bind="fields.y"> <input type="hidden" name="ssid" data-bind="fields.ssid"> <input type="hidden" name="source" data-bind="fields.source"> <input type="hidden" name="source_url" data-bind="fields.source_url"> <input type="hidden" name="source_url_referer" data-bind="fields.source_url_referer"> <input type="hidden" name="signup_code" data-bind="fields.signup_code"> <input type="hidden" name="signup_page" data-bind="fields.signup_page"> <input type="hidden" name="signup_page_referer" data-bind="fields.signup_page_referer"> <input type="hidden" name="promotional_program_code" value=""> <input type="hidden" name="domain_to_connect" data-bind="fields.domain_to_connect"> <input type="hidden" name="signup_types[]" value="online_store"> <input type="hidden" name="signup_types[]" data-bind-disabled="fields.signup_types" data-bind="fields.signup_type"> <input type="hidden" name="extra[selected_theme]" data-bind="fields.theme"> <input type="hidden" name="extra[selected_app]" data-bind="fields.selected_app"> <input type="hidden" name="extra[selected_plan]" data-bind="fields.selected_plan"> </div> </div> <div class=" cta_wrapper"> <button class="marketing-button marketing-form__button " name="button" data-bind-disabled="form_0.pending == true" type="submit">Create your store</button> </div> </form> </div> <div id="Announcements"></div> <div class="theme-search-overlay" id="ThemeSearchOverlay"> <div class="theme-search-margin"> <div class="theme-search" id="SearchThemes"> <form class="theme-search__form" action="/themes" role="search"> <input type="search" name="q" id="q" class="marketing-input theme-search__input gutter-bottom--reset" placeholder="Search by feature, style, or designer" autocomplete="off" required="required" aria-controls="searchResultsScreenReaderText" maxLength="50" /> <button name="button" type="button" class="theme-search__input-button theme-search__input-clear-button">Clear</button> <button name="button" type="button" class="theme-search__input-button theme-search__input-close-button"> <svg class="icon theme-search__input-icon" aria-labelledby="icon-modules-cancel-60-title" role="img"><title id="icon-modules-cancel-60-title">close search</title> <use xlink:href="#modules-cancel" /> </svg> </button> </form> <div class="theme-search__results" id="SearchResultsPopover" aria-controls="searchResultsScreenReaderText" tabindex="1"> <div class="theme-search__results-section theme-search__results-section--empty"> <ul class="theme-search__results-list"> <li class="theme-search__results-list-item"> <a href="/themes?price=free" class="theme-search__result theme-search__results-link"> <span class="theme-search__results-text">Free themes</span> <span class="theme-search__results-type">Price</span> </a> </li> <li class="theme-search__results-list-item"> <a href="/themes?industry=jewelry-and-accessories" class="theme-search__result theme-search__results-link"> <span class="theme-search__results-text">Jewelry and accessories</span> <span class="theme-search__results-type">Industry</span> </a> </li> <li class="theme-search__results-list-item"> <a href="/themes?catalog-size=small-catalog" class="theme-search__result theme-search__results-link"> <span class="theme-search__results-text">Small catalog</span> <span class="theme-search__results-type">Catalog size</span> </a> </li> <li class="theme-search__results-list-item"> <a href="/themes?industry=food-and-drink" class="theme-search__result theme-search__results-link"> <span class="theme-search__results-text">Food and Drink</span> <span class="theme-search__results-type">Industry</span> </a> </li> </ul> </div> <div class="theme-search__results-section theme-search__results-section--quick-links"> <ul class="theme-search__results-list"></ul> </div> <div class="theme-search__results-section theme-search__results-section--suggestions"> <p class="theme-search__results-label"> <svg class="icon theme-search__results-label-icon" aria-labelledby="icon-modules-search-61-title" role="img"><title id="icon-modules-search-61-title">Search the Theme Store</title> <use xlink:href="#modules-search" /> </svg> <span>Suggestions</span> </p> <ul class="theme-search__results-list"></ul> </div> </div> <div id="searchResultsScreenReaderText" class="visuallyhidden" aria-live="polite"></div> </div> </div> </div> <div class="marketing-nav--theme-listing" data-section-name="global-nav"> <div class="tw-container"> <header id="SiteNavContainer" class="site-nav-container "> <div class="marketing-nav-wrapper"> <a class="in-page-link skip-to-main visuallyhidden focusable" data-ga-event="Main Nav" data-ga-action="Skip to content" data-trekkie-event="Main Nav" data-trekkie-action="Skip to content" data-trekkie-id="Main Nav Skip to content" href="#Main">Skip to Content</a> <nav class="marketing-nav--skin-light marketing-nav marketing-nav--primary" id="ShopifyMainNav" itemscope="itemscope" itemtype="https://schema.org/SiteNavigationElement"> <div class="marketing-nav__logo "> <a href="/" class="theme-store-logo" data-ga-event="Main Nav" data-ga-action="Logo" data-trekkie-event="Main Nav" data-trekkie-action="Logo" data-trekkie-id="Main Nav Logo"> <svg class="icon" aria-labelledby="icon-shopify_themes_logo_v2-46-title" role="img"><title id="icon-shopify_themes_logo_v2-46-title">Shopify</title> <use xlink:href="#shopify_themes_logo_v2" /> </svg> </a> </div> <ul class="marketing-nav__items display--expanded-nav"> <li><div class="popover-wrapper js-popover-dropdown popover-wrapper--dropdown" data-position="bottom" data-align="left"><button type="button" class="popover__trigger marketing-nav__item marketing-nav__item--primary" itemprop="name">Collections<svg class="icon marketing-nav__arrow" aria-hidden="true" focusable="false"> <use xlink:href="#modules-caret-down" /> </svg></button><div class="popover"><div class="popover__content"><ul class="popover__list"><li><a href="/collections/large-inventory?surface_detail=navbar-collections&surface_inter_position=1&surface_intra_position=1&surface_type=nav" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="large-inventory">Large catalogs</a></li><li><a href="/collections/small-inventory?surface_detail=navbar-collections&surface_inter_position=1&surface_intra_position=2&surface_type=nav" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="small-inventory">Small catalogs</a></li><li><a href="/collections/free-themes?surface_detail=navbar-collections&surface_inter_position=1&surface_intra_position=3&surface_type=nav" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="free-themes">Free themes</a></li><li><a href="/collections/selling-in-person?surface_detail=navbar-collections&surface_inter_position=1&surface_intra_position=4&surface_type=nav" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="selling-in-person">Selling in person</a></li><li><a href="/collections/selling-internationally?surface_detail=navbar-collections&surface_inter_position=1&surface_intra_position=5&surface_type=nav" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="selling-internationally">Selling internationally</a></li><li><a href="/collections/minimalist?surface_detail=navbar-collections&surface_inter_position=1&surface_intra_position=6&surface_type=nav" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="minimalist">Minimalist style</a></li><li><a href="/collections/trending-themes?surface_detail=navbar-collections&surface_inter_position=1&surface_intra_position=7&surface_type=nav" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="trending-themes">Trending this week</a></li><li><a href="/collections/new-themes?surface_detail=navbar-collections&surface_inter_position=1&surface_intra_position=8&surface_type=nav" class="marketing-nav__item marketing-nav__item--child" itemprop="name" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="new-themes">New themes</a></li></ul></div></div></div></li><li><a href="https://themes.shopify.com/themes?surface_detail=navbar-all-themes&surface_inter_position=2&surface_intra_position=1&surface_type=nav" class="marketing-nav__item marketing-nav__item--primary" itemprop="name" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="All themes">All themes</a></li> </ul> <button name="button" type="submit" class="theme-search-overlay__activator marketing-nav__item marketing-nav__item--user" data-module="theme-search-activator" aria-expanded="false" aria-controls="ThemeSearchOverlay" aria-label="Search the Theme Store"> <svg class="icon theme-search-overlay__activator-icon tw-w-8 tw-h-8 tw-mt-[2px]" aria-hidden="true" focusable="false"> <use xlink:href="#icons-search" /> </svg> <span class="theme-search-menu-label">Search</span> </button> <ul class="marketing-nav__items marketing-nav__user display--expanded-nav"> <li><a href="/login" class="marketing-nav__item marketing-nav__item--user hide--mobile hide--tablet" itemprop="name" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="Log in">Log in</a></li><li><a href="https://accounts.shopify.com/store-create?_s=06ade42d-b941-4b5f-a986-9c3b2f99cb4d&_y=f7ae5b43-582d-446a-a62a-b536247dda55&locale=en&signup_types%5B%5D=online_store" class="marketing-nav__item marketing-nav__item--user tw-text-white js-open-signup get-started--nav tw-text-white tw-bg-black tw-border tw-border-black tw-border-1 tw-rounded-full tw-px-6 tw-py-3 tw-shrink hover:tw-bg-transparent hover:tw-text-black tw-shadow-none hover:tw-shadow-none marketing-nav__button marketing-button marketing-button--small start-free-trial__button" itemprop="name" data-ga-event="Main Nav" data-ga-action="Get Started">Sign up</a></li> </ul> <button name="button" type="button" class="marketing-nav__hamburger hide--expanded-nav js-drawer-open-right" aria-haspopup="dialog" aria-expanded="false" data-ga-event="Main Nav" data-ga-action="Hamburger"> <svg class="icon" aria-labelledby="icon-modules-mobile-hamburger-48-title" role="img"><title id="icon-modules-mobile-hamburger-48-title">Open Main Navigation</title> <use xlink:href="#modules-mobile-hamburger" /> </svg> </button> </nav> </div> <div id="NavDrawer" class="drawer drawer--right" role="dialog" aria-modal="true" aria-labelledby="DrawerTitle"> <div class="drawer__inner"> <div class="drawer__top"> <div class="marketing-nav__logo"> <a href="/" class="theme-store-logo"> <svg class="icon" aria-labelledby="icon-shopify_themes_logo_v2-49-title" role="img"><title id="icon-shopify_themes_logo_v2-49-title">Home</title> <use xlink:href="#shopify_themes_logo_v2" /> </svg> </a> </div> <button name="button" type="button" class="drawer__close-button js-drawer-close" data-ga-event="Main Nav" data-ga-action="close navigation"> <svg class="icon" aria-labelledby="icon-modules-cancel-50-title" role="img"><title id="icon-modules-cancel-50-title">Close Main Navigation</title> <use xlink:href="#modules-cancel" /> </svg> </button> </div> <nav id="DrawerTitle" aria-label="Main Navigation"> <ul class="drawer__items drawer__items--primary" id="DrawerNavPrimaryAccordion"> <li class="accordion-item"><button name="button" type="button" class="drawer__item drawer__item--primary accordion-link">Collections<svg class="icon marketing-nav__arrow" aria-hidden="true" focusable="false"> <use xlink:href="#modules-caret-down" /> </svg></button><div class="drawer__items-wrapper accordion-content"><ul class="drawer__items drawer__items--nested"><li><a href="/collections/large-inventory?surface_detail=navbar-collections&surface_inter_position=1&surface_intra_position=1&surface_type=nav" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="large-inventory">Large catalogs</a></li><li><a href="/collections/small-inventory?surface_detail=navbar-collections&surface_inter_position=1&surface_intra_position=2&surface_type=nav" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="small-inventory">Small catalogs</a></li><li><a href="/collections/free-themes?surface_detail=navbar-collections&surface_inter_position=1&surface_intra_position=3&surface_type=nav" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="free-themes">Free themes</a></li><li><a href="/collections/selling-in-person?surface_detail=navbar-collections&surface_inter_position=1&surface_intra_position=4&surface_type=nav" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="selling-in-person">Selling in person</a></li><li><a href="/collections/selling-internationally?surface_detail=navbar-collections&surface_inter_position=1&surface_intra_position=5&surface_type=nav" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="selling-internationally">Selling internationally</a></li><li><a href="/collections/minimalist?surface_detail=navbar-collections&surface_inter_position=1&surface_intra_position=6&surface_type=nav" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="minimalist">Minimalist style</a></li><li><a href="/collections/trending-themes?surface_detail=navbar-collections&surface_inter_position=1&surface_intra_position=7&surface_type=nav" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="trending-themes">Trending this week</a></li><li><a href="/collections/new-themes?surface_detail=navbar-collections&surface_inter_position=1&surface_intra_position=8&surface_type=nav" class="drawer__item" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="new-themes">New themes</a></li></ul></div></li><li><a href="https://themes.shopify.com/themes?surface_detail=navbar-all-themes&surface_inter_position=2&surface_intra_position=1&surface_type=nav" class="drawer__item drawer__item--primary" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="All themes">All themes</a></li><li><a href="/login" class="drawer__item drawer__item--primary" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="Log in">Log in</a></li> </ul> <ul class="drawer__items drawer__items--user" id="DrawerNavSecondaryAccordion"> <li><a href="/login" class="drawer__item hide--mobile hide--tablet" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="Log in">Log in</a></li><li><a href="https://accounts.shopify.com/store-create?_s=06ade42d-b941-4b5f-a986-9c3b2f99cb4d&_y=f7ae5b43-582d-446a-a62a-b536247dda55&locale=en&signup_types%5B%5D=online_store" class="drawer__item tw-text-white js-open-signup get-started--nav tw-text-white tw-bg-black tw-border tw-border-black tw-border-1 tw-rounded-full tw-px-6 tw-py-3 tw-shrink hover:tw-bg-transparent hover:tw-text-black tw-shadow-none hover:tw-shadow-none marketing-nav__button marketing-button marketing-button--small start-free-trial__button" data-ga-event="Main Nav" data-ga-action="Get Started">Sign up</a></li> </ul> <ul class="drawer__items drawer__items--corporate"> <li><a href="https://www.shopify.com/about" class="drawer__item external-nav-link" target="_blank">About</a></li><li><a href="https://www.shopify.com/careers" class="drawer__item external-nav-link" target="_blank">Careers</a></li><li><a href="https://news.shopify.com" class="drawer__item external-nav-link" target="_blank">Press and Media</a></li><li><a href="https://www.shopify.com/plus" class="drawer__item external-nav-link" target="_blank">Enterprise</a></li><li><a href="https://www.shopify.com/sitemap" class="drawer__item">Sitemap</a></li> </ul> </nav> </div> </div> </header> </div> </div> <div hidden="hidden"><span id="NewWindow">Opens in a new window</span><span id="ExternalSite">Opens an external site</span><span id="NewWindowExternalSite">Opens an external site in a new window</span></div> <div id="PageContainer"> <main role="main" id="Main"> <div class="theme-listing-page" data-theme-id="1492" data-theme-name="Forge" data-style-id="2152" data-style-name="Titanium" data-paid="true" data-theme-filters="["price","industry","catalog-size","features"]">  <script id="GoogleAnalyticsScript" async src="https://www.googletagmanager.com/gtag/js?id=G-8L78ZYY7WY&l=partnersDataLayer"></script> <script> window.partnersDataLayer = window.partnersDataLayer || []; function gtag(){partnersDataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-8L78ZYY7WY'); </script> <section> <div class="theme-listing__hero-banner tw-bg-canvas-inverted-primary" itemtype="https://schema.org/Product" itemscope> <meta itemprop="returnPolicyCategory" content="https://schema.org/MerchantReturnNotPermitted"> <div class="tw-container lg:tw-pt-xl xl:tw-pt-3xl tw-pb-3xl tw-flex tw-flex-col tw-gap-md md:tw-gap-lg"> <div class="theme-listing__hero-banner-main-content !tw-bg-transparent tw-grid tw-grid-cols-12 tw-gap-gutter--mobile md:tw-gap-gutter--desktop" data-initial-handle="titanium"> <div class="tw-col-span-full md:tw-col-span-5 lg:tw-col-span-4 xl:tw-col-span-3 tw-flex tw-flex-col tw-gap-xl tw-pt-xl lg:tw-pt-0"> <div class="md:tw-pb-xl md:tw-border-b md:tw-border-stroke-inverted-primary"> <div class="tw-flex tw-flex-wrap tw-items-end tw-gap-md tw-pb-xs"> <h1 class="tw-text-heading-3xl tw-text-fg-inverted-primary" itemprop="name"> Forge </h1> </div> <div class="theme-meta__price--container tw-pt-sm" itemprop="offers" itemtype="https://schema.org/Offer" itemscope> <meta itemprop="price" content="250.00"> <meta itemprop="priceCurrency" content="USD"> <p class="tw-text-fg-inverted-primary tw-text-body-sm"> $250 USD </p> <p class="tw-text-fg-inverted-tertiary tw-text-body-sm theme-meta__price_local_currency"></p> </div> <p class="tw-pt-xs tw-text-fg-inverted-tertiary tw-text-body-xs"> <a id="UnlimitedFreeTrialLink" class="tw-link-base tw-link-inverted tw-link-xs link" href="#ThemeStoreDetails">Unlimited free trial</a>. Pay if you publish. </p> <p class="tw-text-fg-inverted-tertiary tw-text-body-xs theme-meta__price--local-currency-notice"></p> <p class="theme-meta__tagline tw-text-fg-inverted-primary tw-text-body-md tw-pt-xl tw-text-pretty">A product focused theme with unique selling features and options</p> </div> <dl class="tw-text-fg-inverted-secondary tw-text-body-sm tw-flex md:tw-flex-col md:tw-gap-lg"> <div class="tw-border-r tw-border-r-stroke-inverted-secondary md:tw-border-0 tw-pr-lg md:tw-pr-0 tw-mr-lg md:tw-mr-0"> <dt class="tw-text-heading-xs tw-text-fg-inverted-tertiary"> Reviews (13) </dt> <dd class="tw-flex tw-items-center tw-gap-xs"> <svg class="icon tw-w-[20px] tw-h-[20px]" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg> 100% positive </dd> </div> <div> <dt class="tw-text-heading-xs tw-text-fg-inverted-tertiary"> Developer </dt> <dd> <a class="tw-link-base tw-link-xs tw-link-inverted" target="_blank" rel="noopener noreferrer nofollow" title="We are Underground LLC" href="https://www.weareunderground.com">We are Underground LLC</a> </dd> </div> </dl> <div class="theme-ctas--mobile-only md:tw-hidden tw-flex tw-flex-col tw-items-center tw-gap-sm"> <div class="tw-w-full tw-flex tw-flex-wrap tw-gap-md"> <a class="marketing-button tw-flex-1 tw-button-base tw-button-md tw-button-secondary theme-primary-cta" id="MobileAddTheme" data-ga-action="Install theme (upper CTA)" data-ga-label="Forge - Titanium" data-trekkie-style-id="2152" data-trekkie-style-handle="titanium" data-trekkie-theme-handle="forge" data-trekkie-theme-id="1492" data-ga-event="Preview theme" data-js-theme-action="login" data-partner-tracking-enabled="true" data-partner-tracking-action="add_to_cart" data-partner-tracking-value="250.00" data-partner-tracking-name="Forge" data-partner-tracking-id="1492" data-partner-tracking-currency="USD" data-partner-google-analytics-id="G-8L78ZYY7WY" href="https://themes.shopify.com/login?ux=signup"> Sign up to try </a> <a class="marketing-button marketing-button--secondary theme-preview-link tw-flex-1 tw-button-base tw-button-md tw-button-primary tw-border tw-border-stroke-inverted-primary hover:tw-border-stroke-inverted-primary !tw-ml-0 tw-whitespace-nowrap tw-break-words tw-text-center" data-ga-action="Clicked View Demo Store on text link" data-ga-label="Forge - Titanium" data-trekkie-style-id="2152" data-trekkie-style-handle="titanium" data-trekkie-theme-handle="forge" data-trekkie-theme-id="1492" data-ga-event="Theme Details" data-demo-url="forge-theme-titanium.myshopify.com/" href="/themes/forge/styles/titanium/preview"> View demo store </a> </div> <div class="tw-md-sm md:tw-mb-md tw-text-center"> <h2 class="visuallyhidden"> Release notes </h2> <div class="tw-text-fg-inverted-tertiary tw-text-body-xs tw-flex tw-flex-wrap tw-justify-center md:tw-flex-col"> <span>Last updated Jul 18, 2024</span> <span class="tw-px-sm md:tw-hidden">•</span> <span>Version 4.0.0</span> </div> </div> </div> <div class="tw-hidden md:tw-flex tw-flex-col tw-items-center tw-gap-md"> <a class="marketing-button tw-w-full tw-button-base tw-button-md tw-button-secondary theme-primary-cta" id="AddTheme" data-ga-action="Install theme (upper CTA)" data-ga-label="Forge - Titanium" data-trekkie-style-id="2152" data-trekkie-style-handle="titanium" data-trekkie-theme-handle="forge" data-trekkie-theme-id="1492" data-ga-event="Preview theme" data-js-theme-action="login" data-partner-tracking-enabled="true" data-partner-tracking-action="add_to_cart" data-partner-tracking-value="250.00" data-partner-tracking-name="Forge" data-partner-tracking-id="1492" data-partner-tracking-currency="USD" data-partner-google-analytics-id="G-8L78ZYY7WY" href="https://themes.shopify.com/login?ux=signup"> Sign up to try </a> <a class="marketing-button marketing-button--secondary theme-preview-link tw-w-full tw-button-base tw-button-md tw-button-primary tw-border tw-border-stroke-inverted-primary hover:tw-border-stroke-inverted-primary !tw-ml-0 tw-whitespace-nowrap tw-break-words tw-text-center" data-ga-action="Clicked View Demo Store on text link" data-ga-label="Forge - Titanium" data-trekkie-style-id="2152" data-trekkie-style-handle="titanium" data-trekkie-theme-handle="forge" data-trekkie-theme-id="1492" data-ga-event="Theme Details" data-demo-url="forge-theme-titanium.myshopify.com/" href="/themes/forge/styles/titanium/preview"> View demo store </a> <div class="tw-md-sm md:tw-mb-md tw-text-center"> <h2 class="visuallyhidden"> Release notes </h2> <div class="tw-text-fg-inverted-tertiary tw-text-body-xs tw-flex tw-flex-wrap tw-justify-center md:tw-flex-col"> <span>Last updated Jul 18, 2024</span> <span class="tw-px-sm md:tw-hidden">•</span> <span>Version 4.0.0</span> </div> </div> </div> <div class="mobile-carousel sm:tw-hidden example-presets carousel--is-loading"> <div class="carousel-item carousel-item--mobile tw-overflow-hidden tw-rounded-md tw-border tw-border-solid tw-border-stroke-inverted-secondary tw-max-w-full "> <img class="main-screenshot__image--mobile" itemprop="image" alt="Mobile preview for Forge in the "Platinum" style" src="https://cdn.shopify.com/theme-store/lqaiww1i066c9zl8fhwx5a4rvffb.jpg" /> </div> <div class="carousel-item carousel-item--mobile tw-overflow-hidden tw-rounded-md tw-border tw-border-solid tw-border-stroke-inverted-secondary tw-max-w-full no-js--visible js-is-active"> <img class="main-screenshot__image--mobile" itemprop="image" alt="Mobile preview for Forge in the "Titanium" style" src="https://cdn.shopify.com/theme-store/thy7rnznxxavtge3op9h6ym3nqob.jpg" /> </div> <div class="carousel-item carousel-item--mobile tw-overflow-hidden tw-rounded-md tw-border tw-border-solid tw-border-stroke-inverted-secondary tw-max-w-full "> <img class="main-screenshot__image--mobile" itemprop="image" alt="Mobile preview for Forge in the "Iridium" style" src="https://cdn.shopify.com/theme-store/rpugpjuh18bgnmesc77q5ck9nq8n.jpg" /> </div> <div class="carousel-item carousel-item--mobile tw-overflow-hidden tw-rounded-md tw-border tw-border-solid tw-border-stroke-inverted-secondary tw-max-w-full "> <img class="main-screenshot__image--mobile" itemprop="image" alt="Mobile preview for Forge in the "Carbon" style" src="https://cdn.shopify.com/theme-store/mteyjdacodugho3zdqvr9q6eqkg4.jpg" /> </div> </div> </div> <div class="theme-screenshot-container tablet-up-carousel tw-hidden sm:tw-block tw-col-span-full md:tw-col-span-7 lg:tw-col-span-8 xl:tw-col-span-9 md:tw-pt-xl lg:tw-pt-0 carousel--is-loading"> <div class="tw-overflow-hidden tw-rounded-md tw-border tw-border-solid tw-border-stroke-inverted-secondary carousel-item carousel-item--desktop "> <div class="main-screenshot tw-overflow-scroll tw-max-h-full tw-w-full tw-self-start"> <img class="main-screenshot__image tw-w-full" itemprop="image" alt="Desktop preview for Forge in the "Platinum" style" src="https://cdn.shopify.com/theme-store/gct4698wpj2lg92sb5wmjv2vne70.jpg" /> </div> <div class="iphone-wrapper tw-absolute tw-right-md -tw-bottom-lg md:-tw-bottom-3xl xl:-tw-bottom-2xl"> <div class="iphone"> <div class="tw-block tw-overflow-hidden iphone__screenshot"> <img itemprop="image" alt="Mobile preview for Forge in the "Platinum" style" src="https://cdn.shopify.com/theme-store/lqaiww1i066c9zl8fhwx5a4rvffb.jpg" /> </div> </div> </div> </div> <div class="tw-overflow-hidden tw-rounded-md tw-border tw-border-solid tw-border-stroke-inverted-secondary carousel-item carousel-item--desktop no-js--visible js-is-active"> <div class="main-screenshot tw-overflow-scroll tw-max-h-full tw-w-full tw-self-start"> <img class="main-screenshot__image tw-w-full" itemprop="image" alt="Desktop preview for Forge in the "Titanium" style" src="https://cdn.shopify.com/theme-store/c4mk0p82ueg3bhz78lza5xobigy5.jpg" /> </div> <div class="iphone-wrapper tw-absolute tw-right-md -tw-bottom-lg md:-tw-bottom-3xl xl:-tw-bottom-2xl"> <div class="iphone"> <div class="tw-block tw-overflow-hidden iphone__screenshot"> <img itemprop="image" alt="Mobile preview for Forge in the "Titanium" style" src="https://cdn.shopify.com/theme-store/thy7rnznxxavtge3op9h6ym3nqob.jpg" /> </div> </div> </div> </div> <div class="tw-overflow-hidden tw-rounded-md tw-border tw-border-solid tw-border-stroke-inverted-secondary carousel-item carousel-item--desktop "> <div class="main-screenshot tw-overflow-scroll tw-max-h-full tw-w-full tw-self-start"> <img class="main-screenshot__image tw-w-full" itemprop="image" alt="Desktop preview for Forge in the "Iridium" style" src="https://cdn.shopify.com/theme-store/2erxcush968k2wpkr7x96vfotnzz.jpg" /> </div> <div class="iphone-wrapper tw-absolute tw-right-md -tw-bottom-lg md:-tw-bottom-3xl xl:-tw-bottom-2xl"> <div class="iphone"> <div class="tw-block tw-overflow-hidden iphone__screenshot"> <img itemprop="image" alt="Mobile preview for Forge in the "Iridium" style" src="https://cdn.shopify.com/theme-store/rpugpjuh18bgnmesc77q5ck9nq8n.jpg" /> </div> </div> </div> </div> <div class="tw-overflow-hidden tw-rounded-md tw-border tw-border-solid tw-border-stroke-inverted-secondary carousel-item carousel-item--desktop "> <div class="main-screenshot tw-overflow-scroll tw-max-h-full tw-w-full tw-self-start"> <img class="main-screenshot__image tw-w-full" itemprop="image" alt="Desktop preview for Forge in the "Carbon" style" src="https://cdn.shopify.com/theme-store/fj36y1rhvd82g2a60d5x931kkr06.jpg" /> </div> <div class="iphone-wrapper tw-absolute tw-right-md -tw-bottom-lg md:-tw-bottom-3xl xl:-tw-bottom-2xl"> <div class="iphone"> <div class="tw-block tw-overflow-hidden iphone__screenshot"> <img itemprop="image" alt="Mobile preview for Forge in the "Carbon" style" src="https://cdn.shopify.com/theme-store/mteyjdacodugho3zdqvr9q6eqkg4.jpg" /> </div> </div> </div> </div> </div> </div> <div class="tw-flex tw-justify-center md:tw-justify-end tw-items-center tw-text-fg-inverted-primary -tw-mb-[40px] md:-tw-mb-[30px]"> <label id="ExamplePresetsSelectorLabel" class="tw-text-label-md">Example presets</label> <div class="popover-wrapper js-popover example-presets-selector md:tw-mr-0 listbox-container with-carousel" data-position="bottom" data-align="left"> <button type="button" class="popover__trigger example-presets-selector__button tw-text-label-md" id="SelectedExamplePresetsLabel" aria-haspopup="listbox" aria-labelledby="ExamplePresetsSelectorLabel SelectedExamplePresetsLabel" style="--palette-hex-code: #FFFFFF"> <span class="listbox__selected-option-label">Titanium</span> <svg class="icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-caret-down" /> </svg> </button> <div class="popover"><div class="popover__content"> <div id="ExamplePresetsOptions" class="example-presets-selector__options carousel-nav mobile-carousel-nav" role="listbox" aria-activedescendant="ExamplePresetsOption-titanium"> <a role="option" id="ExamplePresetsSelection__platinum" class="example-presets-selector__option style-selector carousel-nav-item" data-option="platinum" data-option-label="Platinum" data-example-presets-hex-code="#a9b8c5" style="--palette-hex-code: #a9b8c5" href="/themes/forge/styles/platinum" data-state="0" data-preview-url="/themes/forge/styles/platinum/preview" data-id="1903" data-handle="platinum" data-style-name="Platinum" data-style-slug="" data-theme-name="Forge" data-ui-color="#a9b8c5" data-ui-color-light="rgba(169,184,197,0.15)" data-demo-url="forge-theme-demo.myshopify.com/" data-ga-event="Theme Details Styles" data-ga-action="Clicked" data-ga-label="Forge - Platinum"> <span class="example-presets-selector__option-label"> Platinum </span> </a> <a role="option" id="ExamplePresetsSelection__titanium" class="example-presets-selector__option style-selector carousel-nav-item" data-option="titanium" data-option-label="Titanium" data-example-presets-hex-code="#FFFFFF" style="--palette-hex-code: #FFFFFF" aria-selected='true' href="/themes/forge/styles/titanium" data-state="1" data-preview-url="/themes/forge/styles/titanium/preview" data-id="2152" data-handle="titanium" data-style-name="Titanium" data-style-slug="" data-theme-name="Forge" data-ui-color="#FFFFFF" data-ui-color-light="rgba(255,255,255,0.15)" data-demo-url="forge-theme-titanium.myshopify.com/" data-ga-event="Theme Details Styles" data-ga-action="Clicked" data-ga-label="Forge - Titanium"> <span class="example-presets-selector__option-label"> Titanium </span> </a> <a role="option" id="ExamplePresetsSelection__iridium" class="example-presets-selector__option style-selector carousel-nav-item" data-option="iridium" data-option-label="Iridium" data-example-presets-hex-code="#4d132d" style="--palette-hex-code: #4d132d" href="/themes/forge/styles/iridium" data-state="2" data-preview-url="/themes/forge/styles/iridium/preview" data-id="3042" data-handle="iridium" data-style-name="Iridium" data-style-slug="" data-theme-name="Forge" data-ui-color="#4d132d" data-ui-color-light="rgba(77,19,45,0.15)" data-demo-url="forge-theme-iridium.myshopify.com/" data-ga-event="Theme Details Styles" data-ga-action="Clicked" data-ga-label="Forge - Iridium"> <span class="example-presets-selector__option-label"> Iridium </span> </a> <a role="option" id="ExamplePresetsSelection__carbon" class="example-presets-selector__option style-selector carousel-nav-item" data-option="carbon" data-option-label="Carbon" data-example-presets-hex-code="#f3efec" style="--palette-hex-code: #f3efec" href="/themes/forge/styles/carbon" data-state="3" data-preview-url="/themes/forge/styles/carbon/preview" data-id="1904" data-handle="carbon" data-style-name="Carbon" data-style-slug="" data-theme-name="Forge" data-ui-color="#f3efec" data-ui-color-light="rgba(243,239,236,0.15)" data-demo-url="forge-theme-apparel.myshopify.com/" data-ga-event="Theme Details Styles" data-ga-action="Clicked" data-ga-label="Forge - Carbon"> <span class="example-presets-selector__option-label"> Carbon </span> </a> </div> </div></div></div></div> <div class="tw-hidden" itemprop="aggregateRating" itemtype="https://schema.org/AggregateRating" itemscope> <meta itemprop="reviewCount" content="13"> <meta itemprop="ratingValue" content="100%"> </div> </div> </div> </section> <section class="tw-container tw-py-xl lg:tw-py-3xl"> <h2 class="visuallyhidden">Theme highlights</h2> <div class="theme-listing__highlights tw-grid md:tw-grid-cols-3 tw-gap-2xl md:tw-gap-gutter--desktop"> <div class="block theme-listing__highlight "> <div class="theme-listing__highlight-screenshot tw-relative tw-rounded-md md:tw-rounded-sm xl:tw-rounded-md tw-mb-md tw-overflow-hidden tw-aspect-[16/9]" style="--background-image: url('https://cdn.shopify.com/theme-store/di8gxbn4l70p0md72znahkcgeqyp.jpg')"> <button class="theme-listing__highlight-overlay" id="ImageHighlight__1" data-lightbox-media-title="Sell products in sets" data-lightbox-media-desc="Upsell with metafields to create sets of products that add to cart with a single button click." data-lightbox-media="https://cdn.shopify.com/theme-store/di8gxbn4l70p0md72znahkcgeqyp.jpg"> <span class="theme-listing__highlight-button theme-listing__highlight-button--enlarge-image tw-shadow-md"><svg class="icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-search" /> </svg></span> <span class="visuallyhidden">Enlarge screenshot in lightbox</span> </button> </div> <div> <h3 class="tw-text-heading-md tw-pb-xs">Sell products in sets</h3> <p class="tw-text-body-md tw-text-fg-secondary">Upsell with metafields to create sets of products that add to cart with a single button click.</p> </div> </div> <div class="block theme-listing__highlight "> <div class="theme-listing__highlight-screenshot tw-relative tw-rounded-md md:tw-rounded-sm xl:tw-rounded-md tw-mb-md tw-overflow-hidden tw-aspect-[16/9]" style="--background-image: url('https://cdn.shopify.com/theme-store/inejp83iobztyg48hnjcxvmg0dwb.jpg')"> <button class="theme-listing__highlight-overlay" id="ImageHighlight__2" data-lightbox-media-title="Deep Product Filtering" data-lightbox-media-desc="Includes enhanced icons and theme settings to help with product discovery and increase customer engagement." data-lightbox-media="https://cdn.shopify.com/theme-store/inejp83iobztyg48hnjcxvmg0dwb.jpg"> <span class="theme-listing__highlight-button theme-listing__highlight-button--enlarge-image tw-shadow-md"><svg class="icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-search" /> </svg></span> <span class="visuallyhidden">Enlarge screenshot in lightbox</span> </button> </div> <div> <h3 class="tw-text-heading-md tw-pb-xs">Deep Product Filtering</h3> <p class="tw-text-body-md tw-text-fg-secondary">Includes enhanced icons and theme settings to help with product discovery and increase customer engagement.</p> </div> </div> <div class="block theme-listing__highlight "> <div class="theme-listing__highlight-screenshot tw-relative tw-rounded-md md:tw-rounded-sm xl:tw-rounded-md tw-mb-md tw-overflow-hidden tw-aspect-[16/9]" style="--background-image: url('https://cdn.shopify.com/theme-store/8q5tp2ceawj56ms2ayzi92why3o2.jpg')"> <button class="theme-listing__highlight-overlay" id="ImageHighlight__3" data-lightbox-media-title="Free support + Free updates" data-lightbox-media-desc="Free support from the original Shopify themes team, we've been here since 2007. Free updates to all future versions included!" data-lightbox-media="https://cdn.shopify.com/theme-store/8q5tp2ceawj56ms2ayzi92why3o2.jpg"> <span class="theme-listing__highlight-button theme-listing__highlight-button--enlarge-image tw-shadow-md"><svg class="icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-search" /> </svg></span> <span class="visuallyhidden">Enlarge screenshot in lightbox</span> </button> </div> <div> <h3 class="tw-text-heading-md tw-pb-xs">Free support + Free updates</h3> <p class="tw-text-body-md tw-text-fg-secondary">Free support from the original Shopify themes team, we've been here since 2007. Free updates to all future versions included!</p> </div> </div> </div> </section> <section class="tw-container tw-pb-xl md:tw-py-xl"> <div class="theme-listing__tabs tw-hidden md:tw-block" id="ThemeDetailsTabs" data-mobile-tabs="ThemeDetailsMobileTabs"> <div role="tablist" class="theme-listing__tablist tw-flex tw-flex-wrap tw-gap-2xl tw-border-b tw-border-stroke-primary" aria-label="Theme details"> <button role="tab" class="theme-listing__tab tw-text-label-sm tw-uppercase tw-font-bold tw-tracking-wide tw-mb-[-1px] tw-inline-flex tw-flex-col tw-items-center tw-justify-between tw-py-sm" aria-selected="true" aria-controls="FeaturesTabContent" id="TabButton__Features" data-tab-label="Features"> Features </button> <button role="tab" class="theme-listing__tab tw-text-label-sm tw-uppercase tw-font-bold tw-tracking-wide tw-mb-[-1px] tw-inline-flex tw-flex-col tw-items-center tw-justify-between tw-py-sm" aria-selected="false" aria-controls="ReviewsTabContent" id="TabButton__Reviews" tabIndex="-1" data-tab-label="Reviews"> Reviews </button> <button role="tab" class="theme-listing__tab tw-text-label-sm tw-uppercase tw-font-bold tw-tracking-wide tw-mb-[-1px] tw-inline-flex tw-flex-col tw-items-center tw-justify-between tw-py-sm" aria-selected="false" aria-controls="SupportTabContent" id="TabButton__Support" tabIndex="-1" data-tab-label="Support and documentation"> Support and documentation </button> </div> <div tabIndex="0" class="theme-listing__tabpanel" role="tabpanel" id="FeaturesTabContent" aria-labelledby="TabButton__Features"> <div class="theme-listing__tabpanel-content"> <div class="theme-listing__tabpanel-annotated-content tw-grid tw-grid-cols-12 tw-gap-gutter--mobile md:tw-gap-gutter--desktop tw-border-t tw-border-stroke-primary md:tw-mt-[-1px] tw-pt-md xl:tw-pt-xl tw-pb-xl xl:tw-pb-3xl"> <h4 class="tw-text-heading-md tw-col-span-full md:tw-col-span-6 lg:tw-col-span-5 xl:tw-col-span-4">This theme is great for</h4> <ul class="tw-col-span-full md:tw-col-span-6 lg:tw-col-span-7 xl:tw-col-span-8 tw-m-0 tw-text-body-sm tw-grid sm:tw-grid-cols-2 lg:tw-grid-cols-3 xl:tw-grid-cols-4 tw-gap-x-gutter--mobile md:tw-gap-x-gutter--desktop tw-gap-y-sm"> <li class="tw-text-fg-secondary"> <strong class="tw-text-fg-primary lg:tw-block">Quick setup<span class="lg:tw-hidden">: </span> </strong>Theme setup steps are minimal to allow for quick launch </li> <li class="tw-text-fg-secondary"> <strong class="tw-text-fg-primary lg:tw-block">High-volume stores<span class="lg:tw-hidden">: </span> </strong>Designed for stores that process a large number of transactions in a given period </li> <li class="tw-text-fg-secondary"> <strong class="tw-text-fg-primary lg:tw-block">Age-restricted products<span class="lg:tw-hidden">: </span> </strong>Supports the sale of age-restricted products such as lottery tickets, alcohol, or tobacco </li> </ul> </div> <div class="theme-listing__tabpanel-annotated-content tw-grid tw-grid-cols-12 tw-gap-gutter--mobile md:tw-gap-gutter--desktop tw-border-t tw-border-stroke-primary md:tw-mt-[-1px] tw-pt-md xl:tw-pt-xl tw-pb-xl xl:tw-pb-3xl"> <h4 class="tw-text-heading-md tw-col-span-full md:tw-col-span-6 lg:tw-col-span-5 xl:tw-col-span-4">Cart and checkout</h4> <ul class="tw-col-span-full md:tw-col-span-6 lg:tw-col-span-7 xl:tw-col-span-8 tw-m-0 tw-text-body-sm tw-grid tw-grid-cols-2 lg:tw-grid-cols-3 xl:tw-grid-cols-4 tw-gap-x-gutter--mobile md:tw-gap-x-gutter--desktop tw-gap-y-sm"> <li>Cart notes</li> <li>In-store pickups</li> <li>Pre-order</li> <li>Quick buy</li> <li>Slide-out cart</li> <li>Sticky cart</li> </ul> </div> <div class="theme-listing__tabpanel-annotated-content tw-grid tw-grid-cols-12 tw-gap-gutter--mobile md:tw-gap-gutter--desktop tw-border-t tw-border-stroke-primary md:tw-mt-[-1px] tw-pt-md xl:tw-pt-xl tw-pb-xl xl:tw-pb-3xl"> <h4 class="tw-text-heading-md tw-col-span-full md:tw-col-span-6 lg:tw-col-span-5 xl:tw-col-span-4">Marketing and conversion</h4> <ul class="tw-col-span-full md:tw-col-span-6 lg:tw-col-span-7 xl:tw-col-span-8 tw-m-0 tw-text-body-sm tw-grid tw-grid-cols-2 lg:tw-grid-cols-3 xl:tw-grid-cols-4 tw-gap-x-gutter--mobile md:tw-gap-x-gutter--desktop tw-gap-y-sm"> <li>Age verifier</li> <li>Blogs</li> <li>Countdown timer</li> <li>Cross-selling</li> <li>Customizable contact form</li> <li>EU translations (EN, FR, IT, DE, ES)</li> <li>FAQ page</li> <li>In-menu promos</li> <li>Press coverage</li> <li>Product badges</li> <li>Promo banners</li> <li>Promo popups</li> <li>Promo tiles</li> <li>Quick view</li> <li>Recommended products</li> <li>Stock counter</li> <li>Trust badges</li> </ul> </div> <div class="theme-listing__tabpanel-annotated-content tw-grid tw-grid-cols-12 tw-gap-gutter--mobile md:tw-gap-gutter--desktop tw-border-t tw-border-stroke-primary md:tw-mt-[-1px] tw-pt-md xl:tw-pt-xl tw-pb-xl xl:tw-pb-3xl"> <h4 class="tw-text-heading-md tw-col-span-full md:tw-col-span-6 lg:tw-col-span-5 xl:tw-col-span-4">Merchandising</h4> <ul class="tw-col-span-full md:tw-col-span-6 lg:tw-col-span-7 xl:tw-col-span-8 tw-m-0 tw-text-body-sm tw-grid tw-grid-cols-2 lg:tw-grid-cols-3 xl:tw-grid-cols-4 tw-gap-x-gutter--mobile md:tw-gap-x-gutter--desktop tw-gap-y-sm"> <li>Animation</li> <li>Color swatches</li> <li>High-resolution images</li> <li>Image galleries</li> <li>Image hotspot</li> <li>Image rollover</li> <li>Image zoom</li> <li>Ingredients or nutritional information</li> <li>Lookbooks</li> <li>Product options</li> <li>Product tabs</li> <li>Product videos</li> <li>Shipping/delivery information</li> <li>Size chart</li> <li>Slideshow</li> <li>Usage information</li> </ul> </div> <div class="theme-listing__tabpanel-annotated-content tw-grid tw-grid-cols-12 tw-gap-gutter--mobile md:tw-gap-gutter--desktop tw-border-t tw-border-stroke-primary md:tw-mt-[-1px] tw-pt-md xl:tw-pt-xl tw-pb-xl xl:tw-pb-3xl"> <h4 class="tw-text-heading-md tw-col-span-full md:tw-col-span-6 lg:tw-col-span-5 xl:tw-col-span-4">Product discovery</h4> <ul class="tw-col-span-full md:tw-col-span-6 lg:tw-col-span-7 xl:tw-col-span-8 tw-m-0 tw-text-body-sm tw-grid tw-grid-cols-2 lg:tw-grid-cols-3 xl:tw-grid-cols-4 tw-gap-x-gutter--mobile md:tw-gap-x-gutter--desktop tw-gap-y-sm"> <li>Breadcrumbs</li> <li>Collection page navigation</li> <li>Enhanced search</li> <li>Mega menu</li> <li>Product filtering and sorting</li> <li>Recommended products</li> <li>Sticky header</li> <li>Swatch filters</li> </ul> </div> </div> </div> <div tabIndex="0" class="theme-listing__tabpanel" role="tabpanel" id="ReviewsTabContent" aria-labelledby="TabButton__Reviews" hidden> <div class="theme-listing__tabpanel-content"> <div> <section class="section tw-p-0" id="Reviews" data-name="forge" data-style="titanium"> <div class="tw-grid tw-grid-cols-12 tw-gap-gutter--mobile md:tw-gap-gutter--desktop tw-pb-xl md:tw-pt-xl"> <div class="section-header tw-col-span-full md:tw-col-span-4 xl:tw-col-span-3 tw-mb-2xl md:tw-mb-0"> <h3 id="ReviewsHeading" class="tw-text-heading-xl"> 13 reviews </h3> <div> <p class="tw-text-body-md tw-pt-xs tw-pb-lg">100% positive</p> <ul class="review-graph gutter-bottom"> <li class="review-graph__item gutter-bottom--half"> <svg class="icon review-graph__icon icon--review-positive" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg> <div class="review-graph__bar"> <div class="review-graph__bar-fill review-graph__bar-fill--positive" style="width: 100%"></div> </div> <div class="review-graph__count tw-text-body-md">13 <span class="visuallyhidden">positive reviews</span></div> </li> <li class="review-graph__item gutter-bottom--half"> <svg class="icon review-graph__icon icon--review-neutral" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-smiley-neutral" /> </svg> <div class="review-graph__bar"> <div class="review-graph__bar-fill review-graph__bar-fill--neutral" style="width: 0%"></div> </div> <div class="review-graph__count tw-text-body-md">0 <span class="visuallyhidden">neutral reviews</span></div> </li> <li class="review-graph__item gutter-bottom--half"> <svg class="icon review-graph__icon icon--review-negative" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-down" /> </svg> <div class="review-graph__bar"> <div class="review-graph__bar-fill review-graph__bar-fill--negative" style="width: 0%"></div> </div> <div class="review-graph__count tw-text-body-md">0 <span class="visuallyhidden">negative reviews</span></div> </li> </ul> <a class="tw-button-base tw-button-md tw-button-secondary tw-block md:tw-inline-block demo-overlay__button" id="ReviewLink" data-disable-modal="true" href="/themes/forge/styles/titanium/reviews/new">Write a review</a> </div> </div> <script type="text/template" id="ReviewForm"></script> <div id="ReviewsContent" class="tw-col-span-full md:tw-col-span-8 xl:tw-col-start-5"> <script type="text/template" id="ReviewReplyForm-0"></script> <figure class="tw-relative tw-mb-xl lg:tw-mb-2xl tw-break-words"> <figcaption class="tw-flex tw-flex-col-reverse sm:tw-flex-row sm:tw-items-end tw-justify-between sm:tw-pb-sm"> <div class=""> <span class="tw-text-body-lg">NANA KAY Jewelry</span> <div class="tw-inline-block md:-tw-translate-y-2xs tw-w-xl"><svg class="icon review-graph__icon icon--review-positive" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg></div> </div> <span class="tw-text-body-xs tw-text-fg-tertiary tw-whitespace-nowrap tw-pb-2xs">3 days ago</span> </figcaption> <p class="tw-text-body-md tw-text-fg-secondary">We’re thrilled with this Shopify theme! It’s sleek, easy to customize, and fits our shop perfectly. The support team is outstanding – quick, friendly, and professional. They helped us resolve an issue in no time. We highly recommend this theme and the excellent support!</p> </figure> <script type="text/template" id="ReviewReplyForm-1"></script> <figure class="tw-relative tw-mb-xl lg:tw-mb-2xl tw-break-words"> <figcaption class="tw-flex tw-flex-col-reverse sm:tw-flex-row sm:tw-items-end tw-justify-between sm:tw-pb-sm"> <div class=""> <span class="tw-text-body-lg">Duffield Design</span> <div class="tw-inline-block md:-tw-translate-y-2xs tw-w-xl"><svg class="icon review-graph__icon icon--review-positive" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg></div> </div> <span class="tw-text-body-xs tw-text-fg-tertiary tw-whitespace-nowrap tw-pb-2xs">Oct 11, 2024</span> </figcaption> <p class="tw-text-body-md tw-text-fg-secondary">The Forge theme was very easy to set up and customize. The support team was quick and helpful when I couldn't figure out how to turn off collection images in the menu. </p> <figure class="review__designer-reply"> <figcaption class="tw-pb-sm"> <span class="tw-text-body-lg tw-pr-sm">Reply from We are Underground LLC</span> <span class="tw-text-body-xs tw-text-fg-tertiary tw-whitespace-nowrap">Oct 11, 2024</span> </figcaption> <p class="tw-text-body-md tw-text-fg-secondary"> We are very pleased to have been able to help and thankful for this kind review. It is good to know that our theme is easy to setup as we constantly strive to improve the Forge theme with every update. </p> </figure> </figure> <script type="text/template" id="ReviewReplyForm-2"></script> <figure class="tw-relative tw-mb-xl lg:tw-mb-2xl tw-break-words"> <figcaption class="tw-flex tw-flex-col-reverse sm:tw-flex-row sm:tw-items-end tw-justify-between sm:tw-pb-sm"> <div class=""> <span class="tw-text-body-lg">Lost Towels</span> <div class="tw-inline-block md:-tw-translate-y-2xs tw-w-xl"><svg class="icon review-graph__icon icon--review-positive" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg></div> </div> <span class="tw-text-body-xs tw-text-fg-tertiary tw-whitespace-nowrap tw-pb-2xs">Jul 18, 2024</span> </figcaption> <p class="tw-text-body-md tw-text-fg-secondary">Had a good experience building our site with this theme! One of the developers, Tiffany, provided some excellent support and was super responsive to all my questions. We're thrilled with the site and looking forward to making it even better.</p> <figure class="review__designer-reply"> <figcaption class="tw-pb-sm"> <span class="tw-text-body-lg tw-pr-sm">Reply from We are Underground LLC</span> <span class="tw-text-body-xs tw-text-fg-tertiary tw-whitespace-nowrap">Aug 8, 2024</span> </figcaption> <p class="tw-text-body-md tw-text-fg-secondary"> Thank you for taking the time to give us this positive review. WE are very pleased to hear that you are happy with the theme and the support that our team was able to provide. </p> </figure> </figure> <script type="text/template" id="ReviewReplyForm-3"></script> <figure class="tw-relative tw-mb-xl lg:tw-mb-2xl tw-break-words"> <figcaption class="tw-flex tw-flex-col-reverse sm:tw-flex-row sm:tw-items-end tw-justify-between sm:tw-pb-sm"> <div class=""> <span class="tw-text-body-lg">Mexapparel Wholesale</span> <div class="tw-inline-block md:-tw-translate-y-2xs tw-w-xl"><svg class="icon review-graph__icon icon--review-positive" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg></div> </div> <span class="tw-text-body-xs tw-text-fg-tertiary tw-whitespace-nowrap tw-pb-2xs">Jul 5, 2024</span> </figcaption> <p class="tw-text-body-md tw-text-fg-secondary">Connor gave is a very quick response in terms to fix a little situation we had with forge, the quality of the service is top i really recommend this themes! thank you. A quick update in my review, we needed to add some special features we could achieve with the help of Kaytee from the dev service, who help us thru all the posible iterations to make our theme customized to our buyers. </p> <figure class="review__designer-reply"> <figcaption class="tw-pb-sm"> <span class="tw-text-body-lg tw-pr-sm">Reply from We are Underground LLC</span> <span class="tw-text-body-xs tw-text-fg-tertiary tw-whitespace-nowrap">Jun 14, 2024</span> </figcaption> <p class="tw-text-body-md tw-text-fg-secondary"> Thank you for taking the time to give us this great review. Connor works very hard to help all of our merchants, it is great to see that recognized! We are here to help if you need us! </p> </figure> </figure> <div role="navigation" aria-label="Pagination" class="pagination pagination--reviews clearfix"><span class="previous_page disabled" aria-label="Previous page">‹ Newer</span> <em class="current" aria-label="Page 1" aria-current="page">1</em> <a rel="next" aria-label="Page 2" href="/themes/forge/styles/titanium?reviews_page=2#Reviews">2</a> <a aria-label="Page 3" href="/themes/forge/styles/titanium?reviews_page=3#Reviews">3</a> <a aria-label="Page 4" href="/themes/forge/styles/titanium?reviews_page=4#Reviews">4</a> <a class="next_page" aria-label="Next page" rel="next" href="/themes/forge/styles/titanium?reviews_page=2#Reviews">Older ›</a></div> </div> </div> </section> </div> </div> </div> <div tabIndex="0" class="theme-listing__tabpanel" role="tabpanel" id="SupportTabContent" aria-labelledby="TabButton__Support" hidden> <div class="theme-listing__tabpanel-content tw-grid tw-grid-cols-12 tw-gap-gutter--mobile md:tw-gap-gutter--desktop tw-pb-xl md:tw-pt-xl"> <div class="tw-col-span-full md:tw-col-span-4 xl:tw-col-span-3 tw-mb-lg md:tw-mb-0"> <h4 class="tw-text-heading-xl--mobile md:tw-text-heading-md"> This theme is supported by We are Underground LLC </h4> <ul class="tw-mt-md md:tw-mt-xl tw-flex tw-flex-col tw-gap-sm theme-listing__tabpanel-links-list"> <li> <svg class="icon" aria-hidden="true" focusable="false"> <use xlink:href="#spot-customer-support" /> </svg> <a id="GetSupportLink" class="tw-link-base tw-link-sm tw-text-body-sm link" target="_blank" rel="noopener noreferrer" href="https://www.weareunderground.com/blogs/theme-support">Get support</a> </li> <li> <svg class="icon" aria-hidden="true" focusable="false"> <use xlink:href="#spot-buy-online" /> </svg> <a id="ReadDocumentationLink" class="tw-link-base tw-link-sm tw-text-body-sm link" target="_blank" rel="noopener noreferrer" href="https://www.weareunderground.com">Read the documentation</a> </li> </ul> <div class="business-imprint tw-mt-xl md:tw-mt-2xl"> <div class="tw-mb-md tw-text-body-lg--mobile md:tw-body-lg"> About </div> <ul class="tw-flex tw-flex-col tw-gap-md"> <li class="business-imprint__address tw-flex tw-gap-md"> <svg class="icon tw-w-[20px] tw-h-[20px] tw-shrink-0" aria-hidden="true" focusable="false"> <use xlink:href="#spot-location" /> </svg> <span class="tw-text-body-sm">52 Riley road suite #383, Celebration, FL, 34747, US</span> </li> <li class="business-imprint__email tw-flex tw-gap-md"> <svg class="icon tw-w-[20px] tw-h-[20px] tw-shrink-0" aria-hidden="true" focusable="false"> <use xlink:href="#spot-mail" /> </svg> <span id="support-email" class="tw-text-body-sm">support@weareunderground.com</span> </li> </ul> </div> </div> <div class="tw-col-span-full md:tw-col-span-8 xl:tw-col-start-5"> <section class="section section--theme-release-notes tw-p-0" id="ReleaseNotes" data-name="forge" data-style="titanium"> <div class="section-header"> <h2 class="tw-text-heading-xl tw-pb-lg"> Release notes </h2> </div> <div class="release-notes"> <div class="release-note tw-mb-xl lg:tw-mb-2xl"> <h3 class="tw-text-body-lg !tw-font-medium tw-pb-sm">Version 4.0.0 <span class="tw-text-body-xs tw-text-fg-tertiary tw-pl-sm">July 18, 2024</span></h3> <div class="tw-text-body-md tw-mb-sm tw-text-fg-secondary tw-font-medium"> </div> <div class="more-details"> <h3><a href="#added" class="anchor"></a>Added</h3> <ul> <li>We added an option to display store policies in the themes footer.</li> <li>We added a range indicator to the product and featured product sections.</li> <li>We added support to include images for product customizations.</li> <li>We added Snapchat, Vimeo, and Flickr to the social icons.</li> <li>We added an option to show cart and account icons to the header.</li> <li>We added an alternate section button animation to the global theme settings.</li> <li>We added improvements to loading animations to add a smoother faster content load.</li> <li>We added an option to show product images 2 per row in the main product pages.</li> <li>We added an option to show a small size product image gallery.</li> <li>We added a richtext block to the shop the look section.</li> <li>We added an announcement carousel section.</li> <li>We added a countdown timer section.</li> <li>We added a countdown timer to the product and featured product sections.</li> <li>We added an age verification option to the theme settings.</li> <li>We added some collection grid item theme settings to allow for alternate appearances.</li> <li>We added an option to show product and collection images next to their respective links in dropdowns.</li> <li>We added a function to show custom icons in the product grid.</li> <li>We added theme settings to the product grid allowing for alternative product title and price appearance.</li> <li>We added a new multicolumn section.</li> <li>We added a circular images setting to the collection list section.</li> <li>We added an option for 5 per row in the main collection section.</li> <li>We added a color scheme setting to the collection and search filter slideout.</li> <li>We added a vertical filter option for the appearance of the collection and search sidebar slideout.</li> <li>We added an alternate style named Iridium.</li> </ul> <h3><a href="#changed" class="anchor"></a>Changed</h3> <ul> <li>We changed the gift card section to allow for the qr code visibility to be toggled between shown or hidden.</li> <li>We changed the gift card section to allow for a preferred gift card image.</li> <li>We changed the product page quantity to show for gift card products.</li> <li>We changed the collection filter maximum size to comply with Shopify's 5,000 product limit.</li> <li>We changed the background video section to utilize the Shopify media picker.</li> <li>We changed the loading of stylesheets for all sections as part of a performance enhancement.</li> <li>We changed the cart upsell to show multiple products vs just a single item.</li> <li>We changed the navigation to center align if the logo alignment is set to inline left.</li> <li>We changed the linklist section to include a color scheme setting.</li> </ul> <h3><a href="#fixes-and-improvements" class="anchor"></a>Fixes and improvements</h3> <ul> <li>We fixed the Mailing Popup's error messages from breaking the layout.</li> <li>We fixed the Mailing Popup from displaying the form again after submitting. It now displays a thank you message.</li> <li>We fixed an issue with incorrect translation for "terms" in the search section.</li> <li>We fixed an issue with hard coded translations for colors available shown on product grid items with multiple colors.</li> <li>We fixed an issue with google structured data displaying errors with currencies that use commas instead of decimals.</li> <li>We fixed an incorrect German translation for "from".</li> <li>We fixed an issue with image with text overlay images not appearing on mobile devices.</li> <li>We fixed an issue with the collection sort by menu not highlighting the currently selected sort option.</li> <li>We fixed an edge case issue with the mobile menu cutting off content if there are an extraordinarily large number of links.</li> <li>We fixed an issue with the currency conversion country flags displaying too large.</li> <li>We fixed an issue with dates not being translated correctly.</li> <li>We fixed an issue that prevented merchants from using quotation marks or other special characters when naming product variants.</li> <li>We have updated the text in the Shop the Look section for clarity on product limits.</li> <li>We fixed an issue that caused announcement bar text to always show in uppercase.</li> <li>We fixed an issue with the product quantity selector not working if variants are disabled.</li> <li>We fixed an issue with the background video caption reducing in width if set to the right of the video.</li> <li>We fixed an issue with the image gallery link breaking the caption position if there is no link text.</li> <li>We fixed an issue with missing top and bottom padding on full width product pages.</li> </ul> </div> </div> <div class="release-note tw-mb-xl lg:tw-mb-2xl"> <h3 class="tw-text-body-lg !tw-font-medium tw-pb-sm">Version 3.0.0 <span class="tw-text-body-xs tw-text-fg-tertiary tw-pl-sm">April 10, 2024</span></h3> <div class="tw-text-body-md tw-mb-sm tw-text-fg-secondary tw-font-medium"> <p>We have added support for Shopifys new color and filter swatch feature along with bug fixes and small improvements.<br> We have also removed all code references to Shopifys product reviews app which will cease functioning on May 6th 2024. Follow <a href="https://help.shopify.com/en/manual/products/product-reviews">Shopifys documentation</a> to migrate to another app.</p> </div> <div class="more-details"> <h3><a href="#removed" class="anchor"></a>Removed</h3> <ul> <li>We have removed all code associated with the Shopify reviews app as part of a mandatory Shopify update.</li> <li>We removed a redundant masonry gallery javascript file and associated code.</li> <li>We have removed code that creates a hack for showing collection images as banner images which is now easier to accomplish using metafields.</li> </ul> <h3><a href="#added" class="anchor"></a>Added</h3> <ul> <li>We added support for Shopifys new product color swatch feature.</li> <li>We added support for Shopifys new filter color swatch feature.</li> <li>We added an about us page template.</li> <li>We added a send on date to the gift card recipient form.</li> <li>We added mobile device support for the email newsletter popup.</li> <li>We added support for a skip link to better navigate the store using the keyboard.</li> <li>We added an overlay checkbox to the header section allowing merchants to float the theme header over the first section on the homepage.</li> <li>We added currency and language options to the header.</li> </ul> <h3><a href="#fixes-and-improvements" class="anchor"></a>Fixes and improvements</h3> <ul> <li>We fixed an issue on the collection pages where the "filter" sub menu would appear afterwards even if it should be the "sort" sub menu.</li> <li>We fixed the Quickshop not working when the product does not have any images.</li> <li>We fixed the Shop the Look section not displaying a product image when the product's featured media is something other than an image.</li> <li>We fixed an issue where additional checkout buttons were not displaying in the cart.</li> <li>We improved accessibility by removing button transitions when their device has reduced motion enabled.</li> <li>We improved accessibility by removing section animations when their device has reduced motion enabled.</li> <li>We fixed an issue with the filter and sort buttons sometimes returning an empty slideout.</li> <li>We fixed an issue with social meta tags that could see product titles not being added to the og:title tag.</li> <li>We fixed an issue with font families not offering fallbacks for unsupported types.</li> <li>We fixed an incorrect French translation for Shipping.</li> <li>We fixed an issue on mobile devices which initiated the image switch on product grid images instead of following the link to the product on first tap.</li> <li>We fixed an issue with the featured product carousel section images not following their respective product links.</li> <li>We fixed an issue where not all sections were available to be saved to a metaobject.</li> <li>We fixed an issue where products with varying compare at prices do not show the correct discount when viewed in a collection or featured collection.</li> </ul> </div> </div> <div class="release-note tw-mb-xl lg:tw-mb-2xl"> <h3 class="tw-text-body-lg !tw-font-medium tw-pb-sm">Version 2.3.0 <span class="tw-text-body-xs tw-text-fg-tertiary tw-pl-sm">November 16, 2023</span></h3> <div class="tw-text-body-md tw-mb-sm tw-text-fg-secondary tw-font-medium"> <p>We’ve added some performance enhancements along with a mandatory Shopify update which allows for the implementation of visual filters. All known bugs have also been fixed</p> </div> <div class="more-details"> <h3><a href="#added" class="anchor"></a>Added</h3> <ul> <li>We added support for metaobject swatches</li> <li>We added support for Shopify's new "AND" / "OR" filter operators</li> <li>We added a new setting in the collection template to show savings on the product grid</li> </ul> <h3><a href="#changed" class="anchor"></a>Changed</h3> <ul> <li>We have updated all images across the theme to use fetchprioity where appropriately placed within the first section</li> <li>We changed the buttons for the Mailing Popup, Newsletter section and Footer newsletter section to make it more cohesive with the rest of the theme.</li> <li>We updated all sections to allow for wider usage across the theme and included all sections for use with metaobjects</li> <li>The vendor will now appear in the cart when the global "Show product vendor" setting is enabled</li> <li>We updated text alignment settings to use the new text_alignment shopify input setting</li> <li>We changed the H1 tags found in the Onboard product and Quickshop to be H2 tags for better SEO</li> </ul> <h3><a href="#removed" class="anchor"></a>Removed</h3> <h3><a href="#security" class="anchor"></a>Security</h3> <h3><a href="#fixes-and-improvements" class="anchor"></a>Fixes and improvements</h3> <ul> <li>We fixed the Mega Menu headers appearing off in the Safari web browser</li> <li>We fixed an issue on mobile where choosing the swatch variant showed the wrong image</li> <li>We fixed an issue with the product zoom buttons opening the wrong image</li> <li>We fixed the Product Recommendations section that did not swipe on mobile</li> <li>We fixed an issue with gift card images not printing</li> <li>We fixed an issue on the collection pages where the "filter" sub menu would appear afterwards even if it should be the "sort" sub menu</li> <li>We fixed an issue with the Last Name disappearing on the contact forms on mobile devices</li> <li>We improved the French translations for Free Shipping</li> <li>We improved accessibility by removing button transitions when their device has reduced motion enabled</li> </ul> </div> </div> </div> <div role="navigation" aria-label="Pagination" class="pagination pagination--release-notes"><span class="previous_page disabled" aria-label="Previous page">‹ Newer</span> <em class="current" aria-label="Page 1" aria-current="page">1</em> <a rel="next" aria-label="Page 2" href="/themes/forge/styles/titanium?release_notes_page=2#ReleaseNotes">2</a> <a aria-label="Page 3" href="/themes/forge/styles/titanium?release_notes_page=3#ReleaseNotes">3</a> <a aria-label="Page 4" href="/themes/forge/styles/titanium?release_notes_page=4#ReleaseNotes">4</a> <a class="next_page" aria-label="Next page" rel="next" href="/themes/forge/styles/titanium?release_notes_page=2#ReleaseNotes">Older ›</a></div> </section> </div> </div> </div> </div> <div class="theme-listing__tabs--mobile md:tw-hidden" id="ThemeDetailsMobileTabs"> <div class="mobile-tabs__item tw-border-b tw-border-stroke-secondary accordion-item" id="FeaturesTabContent--MobileTabs" data-open-by-default> <button id="MobileTabButton__Features" class="mobile-tabs__toggle tw-flex tw-justify-between tw-w-full tw-py-lg" data-tab-label="Features"> <span class="mobile-tabs__toggle-label tw-text-label-sm tw-uppercase tw-font-bold tw-tracking-wide">Features</span> <svg class="icon mobile-tabs__toggle-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="#modules-expand" /> </svg> <svg class="icon mobile-tabs__toggle-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="#modules-collapse" /> </svg> </button> <div class="mobile-tabs__content accordion-content"> <div class="theme-listing__tabpanel-content"> <div class="theme-listing__tabpanel-annotated-content tw-grid tw-grid-cols-12 tw-gap-gutter--mobile md:tw-gap-gutter--desktop tw-border-t tw-border-stroke-primary md:tw-mt-[-1px] tw-pt-md xl:tw-pt-xl tw-pb-xl xl:tw-pb-3xl"> <h4 class="tw-text-heading-md tw-col-span-full md:tw-col-span-6 lg:tw-col-span-5 xl:tw-col-span-4">This theme is great for</h4> <ul class="tw-col-span-full md:tw-col-span-6 lg:tw-col-span-7 xl:tw-col-span-8 tw-m-0 tw-text-body-sm tw-grid sm:tw-grid-cols-2 lg:tw-grid-cols-3 xl:tw-grid-cols-4 tw-gap-x-gutter--mobile md:tw-gap-x-gutter--desktop tw-gap-y-sm"> <li class="tw-text-fg-secondary"> <strong class="tw-text-fg-primary lg:tw-block">Quick setup<span class="lg:tw-hidden">: </span> </strong>Theme setup steps are minimal to allow for quick launch </li> <li class="tw-text-fg-secondary"> <strong class="tw-text-fg-primary lg:tw-block">High-volume stores<span class="lg:tw-hidden">: </span> </strong>Designed for stores that process a large number of transactions in a given period </li> <li class="tw-text-fg-secondary"> <strong class="tw-text-fg-primary lg:tw-block">Age-restricted products<span class="lg:tw-hidden">: </span> </strong>Supports the sale of age-restricted products such as lottery tickets, alcohol, or tobacco </li> </ul> </div> <div class="theme-listing__tabpanel-annotated-content tw-grid tw-grid-cols-12 tw-gap-gutter--mobile md:tw-gap-gutter--desktop tw-border-t tw-border-stroke-primary md:tw-mt-[-1px] tw-pt-md xl:tw-pt-xl tw-pb-xl xl:tw-pb-3xl"> <h4 class="tw-text-heading-md tw-col-span-full md:tw-col-span-6 lg:tw-col-span-5 xl:tw-col-span-4">Cart and checkout</h4> <ul class="tw-col-span-full md:tw-col-span-6 lg:tw-col-span-7 xl:tw-col-span-8 tw-m-0 tw-text-body-sm tw-grid tw-grid-cols-2 lg:tw-grid-cols-3 xl:tw-grid-cols-4 tw-gap-x-gutter--mobile md:tw-gap-x-gutter--desktop tw-gap-y-sm"> <li>Cart notes</li> <li>In-store pickups</li> <li>Pre-order</li> <li>Quick buy</li> <li>Slide-out cart</li> <li>Sticky cart</li> </ul> </div> <div class="theme-listing__tabpanel-annotated-content tw-grid tw-grid-cols-12 tw-gap-gutter--mobile md:tw-gap-gutter--desktop tw-border-t tw-border-stroke-primary md:tw-mt-[-1px] tw-pt-md xl:tw-pt-xl tw-pb-xl xl:tw-pb-3xl"> <h4 class="tw-text-heading-md tw-col-span-full md:tw-col-span-6 lg:tw-col-span-5 xl:tw-col-span-4">Marketing and conversion</h4> <ul class="tw-col-span-full md:tw-col-span-6 lg:tw-col-span-7 xl:tw-col-span-8 tw-m-0 tw-text-body-sm tw-grid tw-grid-cols-2 lg:tw-grid-cols-3 xl:tw-grid-cols-4 tw-gap-x-gutter--mobile md:tw-gap-x-gutter--desktop tw-gap-y-sm"> <li>Age verifier</li> <li>Blogs</li> <li>Countdown timer</li> <li>Cross-selling</li> <li>Customizable contact form</li> <li>EU translations (EN, FR, IT, DE, ES)</li> <li>FAQ page</li> <li>In-menu promos</li> <li>Press coverage</li> <li>Product badges</li> <li>Promo banners</li> <li>Promo popups</li> <li>Promo tiles</li> <li>Quick view</li> <li>Recommended products</li> <li>Stock counter</li> <li>Trust badges</li> </ul> </div> <div class="theme-listing__tabpanel-annotated-content tw-grid tw-grid-cols-12 tw-gap-gutter--mobile md:tw-gap-gutter--desktop tw-border-t tw-border-stroke-primary md:tw-mt-[-1px] tw-pt-md xl:tw-pt-xl tw-pb-xl xl:tw-pb-3xl"> <h4 class="tw-text-heading-md tw-col-span-full md:tw-col-span-6 lg:tw-col-span-5 xl:tw-col-span-4">Merchandising</h4> <ul class="tw-col-span-full md:tw-col-span-6 lg:tw-col-span-7 xl:tw-col-span-8 tw-m-0 tw-text-body-sm tw-grid tw-grid-cols-2 lg:tw-grid-cols-3 xl:tw-grid-cols-4 tw-gap-x-gutter--mobile md:tw-gap-x-gutter--desktop tw-gap-y-sm"> <li>Animation</li> <li>Color swatches</li> <li>High-resolution images</li> <li>Image galleries</li> <li>Image hotspot</li> <li>Image rollover</li> <li>Image zoom</li> <li>Ingredients or nutritional information</li> <li>Lookbooks</li> <li>Product options</li> <li>Product tabs</li> <li>Product videos</li> <li>Shipping/delivery information</li> <li>Size chart</li> <li>Slideshow</li> <li>Usage information</li> </ul> </div> <div class="theme-listing__tabpanel-annotated-content tw-grid tw-grid-cols-12 tw-gap-gutter--mobile md:tw-gap-gutter--desktop tw-border-t tw-border-stroke-primary md:tw-mt-[-1px] tw-pt-md xl:tw-pt-xl tw-pb-xl xl:tw-pb-3xl"> <h4 class="tw-text-heading-md tw-col-span-full md:tw-col-span-6 lg:tw-col-span-5 xl:tw-col-span-4">Product discovery</h4> <ul class="tw-col-span-full md:tw-col-span-6 lg:tw-col-span-7 xl:tw-col-span-8 tw-m-0 tw-text-body-sm tw-grid tw-grid-cols-2 lg:tw-grid-cols-3 xl:tw-grid-cols-4 tw-gap-x-gutter--mobile md:tw-gap-x-gutter--desktop tw-gap-y-sm"> <li>Breadcrumbs</li> <li>Collection page navigation</li> <li>Enhanced search</li> <li>Mega menu</li> <li>Product filtering and sorting</li> <li>Recommended products</li> <li>Sticky header</li> <li>Swatch filters</li> </ul> </div> </div> </div> </div> <div class="mobile-tabs__item tw-border-b tw-border-stroke-secondary accordion-item" id="ReviewsTabContent--MobileTabs"> <button id="MobileTabButton__Reviews" class="mobile-tabs__toggle tw-flex tw-justify-between tw-w-full tw-py-lg" data-tab-label="Reviews"> <span class="mobile-tabs__toggle-label tw-text-label-sm tw-uppercase tw-font-bold tw-tracking-wide">Reviews</span> <svg class="icon mobile-tabs__toggle-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="#modules-expand" /> </svg> <svg class="icon mobile-tabs__toggle-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="#modules-collapse" /> </svg> </button> <div class="mobile-tabs__content accordion-content"> <div class="theme-listing__tabpanel-content"> <div> <section class="section tw-p-0" id="Reviews" data-name="forge" data-style="titanium"> <div class="tw-grid tw-grid-cols-12 tw-gap-gutter--mobile md:tw-gap-gutter--desktop tw-pb-xl md:tw-pt-xl"> <div class="section-header tw-col-span-full md:tw-col-span-4 xl:tw-col-span-3 tw-mb-2xl md:tw-mb-0"> <h3 id="ReviewsHeading" class="tw-text-heading-xl"> 13 reviews </h3> <div> <p class="tw-text-body-md tw-pt-xs tw-pb-lg">100% positive</p> <ul class="review-graph gutter-bottom"> <li class="review-graph__item gutter-bottom--half"> <svg class="icon review-graph__icon icon--review-positive" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg> <div class="review-graph__bar"> <div class="review-graph__bar-fill review-graph__bar-fill--positive" style="width: 100%"></div> </div> <div class="review-graph__count tw-text-body-md">13 <span class="visuallyhidden">positive reviews</span></div> </li> <li class="review-graph__item gutter-bottom--half"> <svg class="icon review-graph__icon icon--review-neutral" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-smiley-neutral" /> </svg> <div class="review-graph__bar"> <div class="review-graph__bar-fill review-graph__bar-fill--neutral" style="width: 0%"></div> </div> <div class="review-graph__count tw-text-body-md">0 <span class="visuallyhidden">neutral reviews</span></div> </li> <li class="review-graph__item gutter-bottom--half"> <svg class="icon review-graph__icon icon--review-negative" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-down" /> </svg> <div class="review-graph__bar"> <div class="review-graph__bar-fill review-graph__bar-fill--negative" style="width: 0%"></div> </div> <div class="review-graph__count tw-text-body-md">0 <span class="visuallyhidden">negative reviews</span></div> </li> </ul> <a class="tw-button-base tw-button-md tw-button-secondary tw-block md:tw-inline-block demo-overlay__button" id="ReviewLink" data-disable-modal="true" href="/themes/forge/styles/titanium/reviews/new">Write a review</a> </div> </div> <script type="text/template" id="ReviewForm"></script> <div id="ReviewsContent" class="tw-col-span-full md:tw-col-span-8 xl:tw-col-start-5"> <script type="text/template" id="ReviewReplyForm-0-mobile"></script> <figure class="tw-relative tw-mb-xl lg:tw-mb-2xl tw-break-words"> <figcaption class="tw-flex tw-flex-col-reverse sm:tw-flex-row sm:tw-items-end tw-justify-between sm:tw-pb-sm"> <div class=""> <span class="tw-text-body-lg">NANA KAY Jewelry</span> <div class="tw-inline-block md:-tw-translate-y-2xs tw-w-xl"><svg class="icon review-graph__icon icon--review-positive" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg></div> </div> <span class="tw-text-body-xs tw-text-fg-tertiary tw-whitespace-nowrap tw-pb-2xs">3 days ago</span> </figcaption> <p class="tw-text-body-md tw-text-fg-secondary">We’re thrilled with this Shopify theme! It’s sleek, easy to customize, and fits our shop perfectly. The support team is outstanding – quick, friendly, and professional. They helped us resolve an issue in no time. We highly recommend this theme and the excellent support!</p> </figure> <script type="text/template" id="ReviewReplyForm-1-mobile"></script> <figure class="tw-relative tw-mb-xl lg:tw-mb-2xl tw-break-words"> <figcaption class="tw-flex tw-flex-col-reverse sm:tw-flex-row sm:tw-items-end tw-justify-between sm:tw-pb-sm"> <div class=""> <span class="tw-text-body-lg">Duffield Design</span> <div class="tw-inline-block md:-tw-translate-y-2xs tw-w-xl"><svg class="icon review-graph__icon icon--review-positive" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg></div> </div> <span class="tw-text-body-xs tw-text-fg-tertiary tw-whitespace-nowrap tw-pb-2xs">Oct 11, 2024</span> </figcaption> <p class="tw-text-body-md tw-text-fg-secondary">The Forge theme was very easy to set up and customize. The support team was quick and helpful when I couldn't figure out how to turn off collection images in the menu. </p> <figure class="review__designer-reply"> <figcaption class="tw-pb-sm"> <span class="tw-text-body-lg tw-pr-sm">Reply from We are Underground LLC</span> <span class="tw-text-body-xs tw-text-fg-tertiary tw-whitespace-nowrap">Oct 11, 2024</span> </figcaption> <p class="tw-text-body-md tw-text-fg-secondary"> We are very pleased to have been able to help and thankful for this kind review. It is good to know that our theme is easy to setup as we constantly strive to improve the Forge theme with every update. </p> </figure> </figure> <script type="text/template" id="ReviewReplyForm-2-mobile"></script> <figure class="tw-relative tw-mb-xl lg:tw-mb-2xl tw-break-words"> <figcaption class="tw-flex tw-flex-col-reverse sm:tw-flex-row sm:tw-items-end tw-justify-between sm:tw-pb-sm"> <div class=""> <span class="tw-text-body-lg">Lost Towels</span> <div class="tw-inline-block md:-tw-translate-y-2xs tw-w-xl"><svg class="icon review-graph__icon icon--review-positive" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg></div> </div> <span class="tw-text-body-xs tw-text-fg-tertiary tw-whitespace-nowrap tw-pb-2xs">Jul 18, 2024</span> </figcaption> <p class="tw-text-body-md tw-text-fg-secondary">Had a good experience building our site with this theme! One of the developers, Tiffany, provided some excellent support and was super responsive to all my questions. We're thrilled with the site and looking forward to making it even better.</p> <figure class="review__designer-reply"> <figcaption class="tw-pb-sm"> <span class="tw-text-body-lg tw-pr-sm">Reply from We are Underground LLC</span> <span class="tw-text-body-xs tw-text-fg-tertiary tw-whitespace-nowrap">Aug 8, 2024</span> </figcaption> <p class="tw-text-body-md tw-text-fg-secondary"> Thank you for taking the time to give us this positive review. WE are very pleased to hear that you are happy with the theme and the support that our team was able to provide. </p> </figure> </figure> <script type="text/template" id="ReviewReplyForm-3-mobile"></script> <figure class="tw-relative tw-mb-xl lg:tw-mb-2xl tw-break-words"> <figcaption class="tw-flex tw-flex-col-reverse sm:tw-flex-row sm:tw-items-end tw-justify-between sm:tw-pb-sm"> <div class=""> <span class="tw-text-body-lg">Mexapparel Wholesale</span> <div class="tw-inline-block md:-tw-translate-y-2xs tw-w-xl"><svg class="icon review-graph__icon icon--review-positive" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg></div> </div> <span class="tw-text-body-xs tw-text-fg-tertiary tw-whitespace-nowrap tw-pb-2xs">Jul 5, 2024</span> </figcaption> <p class="tw-text-body-md tw-text-fg-secondary">Connor gave is a very quick response in terms to fix a little situation we had with forge, the quality of the service is top i really recommend this themes! thank you. A quick update in my review, we needed to add some special features we could achieve with the help of Kaytee from the dev service, who help us thru all the posible iterations to make our theme customized to our buyers. </p> <figure class="review__designer-reply"> <figcaption class="tw-pb-sm"> <span class="tw-text-body-lg tw-pr-sm">Reply from We are Underground LLC</span> <span class="tw-text-body-xs tw-text-fg-tertiary tw-whitespace-nowrap">Jun 14, 2024</span> </figcaption> <p class="tw-text-body-md tw-text-fg-secondary"> Thank you for taking the time to give us this great review. Connor works very hard to help all of our merchants, it is great to see that recognized! We are here to help if you need us! </p> </figure> </figure> <div role="navigation" aria-label="Pagination" class="pagination pagination--reviews clearfix"><span class="previous_page disabled" aria-label="Previous page">‹ Newer</span> <em class="current" aria-label="Page 1" aria-current="page">1</em> <a rel="next" aria-label="Page 2" href="/themes/forge/styles/titanium?reviews_page=2#Reviews">2</a> <a aria-label="Page 3" href="/themes/forge/styles/titanium?reviews_page=3#Reviews">3</a> <a aria-label="Page 4" href="/themes/forge/styles/titanium?reviews_page=4#Reviews">4</a> <a class="next_page" aria-label="Next page" rel="next" href="/themes/forge/styles/titanium?reviews_page=2#Reviews">Older ›</a></div> </div> </div> </section> </div> </div> </div> </div> <div class="mobile-tabs__item tw-border-b tw-border-stroke-secondary accordion-item" id="SupportTabContent--MobileTabs"> <button id="MobileTabButton__Support and documentation" class="mobile-tabs__toggle tw-flex tw-justify-between tw-w-full tw-py-lg" data-tab-label="Support and documentation"> <span class="mobile-tabs__toggle-label tw-text-label-sm tw-uppercase tw-font-bold tw-tracking-wide">Support and documentation</span> <svg class="icon mobile-tabs__toggle-icon--expand" aria-hidden="true" focusable="false"> <use xlink:href="#modules-expand" /> </svg> <svg class="icon mobile-tabs__toggle-icon--collapse" aria-hidden="true" focusable="false"> <use xlink:href="#modules-collapse" /> </svg> </button> <div class="mobile-tabs__content accordion-content"> <div class="theme-listing__tabpanel-content tw-grid tw-grid-cols-12 tw-gap-gutter--mobile md:tw-gap-gutter--desktop tw-pb-xl md:tw-pt-xl"> <div class="tw-col-span-full md:tw-col-span-4 xl:tw-col-span-3 tw-mb-lg md:tw-mb-0"> <h4 class="tw-text-heading-xl--mobile md:tw-text-heading-md"> This theme is supported by We are Underground LLC </h4> <ul class="tw-mt-md md:tw-mt-xl tw-flex tw-flex-col tw-gap-sm theme-listing__tabpanel-links-list"> <li> <svg class="icon" aria-hidden="true" focusable="false"> <use xlink:href="#spot-customer-support" /> </svg> <a id="GetSupportLink" class="tw-link-base tw-link-sm tw-text-body-sm link" target="_blank" rel="noopener noreferrer" href="https://www.weareunderground.com/blogs/theme-support">Get support</a> </li> <li> <svg class="icon" aria-hidden="true" focusable="false"> <use xlink:href="#spot-buy-online" /> </svg> <a id="ReadDocumentationLink" class="tw-link-base tw-link-sm tw-text-body-sm link" target="_blank" rel="noopener noreferrer" href="https://www.weareunderground.com">Read the documentation</a> </li> </ul> <div class="business-imprint tw-mt-xl md:tw-mt-2xl"> <div class="tw-mb-md tw-text-body-lg--mobile md:tw-body-lg"> About </div> <ul class="tw-flex tw-flex-col tw-gap-md"> <li class="business-imprint__address tw-flex tw-gap-md"> <svg class="icon tw-w-[20px] tw-h-[20px] tw-shrink-0" aria-hidden="true" focusable="false"> <use xlink:href="#spot-location" /> </svg> <span class="tw-text-body-sm">52 Riley road suite #383, Celebration, FL, 34747, US</span> </li> <li class="business-imprint__email tw-flex tw-gap-md"> <svg class="icon tw-w-[20px] tw-h-[20px] tw-shrink-0" aria-hidden="true" focusable="false"> <use xlink:href="#spot-mail" /> </svg> <span id="support-email" class="tw-text-body-sm">support@weareunderground.com</span> </li> </ul> </div> </div> <div class="tw-col-span-full md:tw-col-span-8 xl:tw-col-start-5"> <section class="section section--theme-release-notes tw-p-0" id="ReleaseNotes" data-name="forge" data-style="titanium"> <div class="section-header"> <h2 class="tw-text-heading-xl tw-pb-lg"> Release notes </h2> </div> <div class="release-notes"> <div class="release-note tw-mb-xl lg:tw-mb-2xl"> <h3 class="tw-text-body-lg !tw-font-medium tw-pb-sm">Version 4.0.0 <span class="tw-text-body-xs tw-text-fg-tertiary tw-pl-sm">July 18, 2024</span></h3> <div class="tw-text-body-md tw-mb-sm tw-text-fg-secondary tw-font-medium"> </div> <div class="more-details"> <h3><a href="#added" class="anchor"></a>Added</h3> <ul> <li>We added an option to display store policies in the themes footer.</li> <li>We added a range indicator to the product and featured product sections.</li> <li>We added support to include images for product customizations.</li> <li>We added Snapchat, Vimeo, and Flickr to the social icons.</li> <li>We added an option to show cart and account icons to the header.</li> <li>We added an alternate section button animation to the global theme settings.</li> <li>We added improvements to loading animations to add a smoother faster content load.</li> <li>We added an option to show product images 2 per row in the main product pages.</li> <li>We added an option to show a small size product image gallery.</li> <li>We added a richtext block to the shop the look section.</li> <li>We added an announcement carousel section.</li> <li>We added a countdown timer section.</li> <li>We added a countdown timer to the product and featured product sections.</li> <li>We added an age verification option to the theme settings.</li> <li>We added some collection grid item theme settings to allow for alternate appearances.</li> <li>We added an option to show product and collection images next to their respective links in dropdowns.</li> <li>We added a function to show custom icons in the product grid.</li> <li>We added theme settings to the product grid allowing for alternative product title and price appearance.</li> <li>We added a new multicolumn section.</li> <li>We added a circular images setting to the collection list section.</li> <li>We added an option for 5 per row in the main collection section.</li> <li>We added a color scheme setting to the collection and search filter slideout.</li> <li>We added a vertical filter option for the appearance of the collection and search sidebar slideout.</li> <li>We added an alternate style named Iridium.</li> </ul> <h3><a href="#changed" class="anchor"></a>Changed</h3> <ul> <li>We changed the gift card section to allow for the qr code visibility to be toggled between shown or hidden.</li> <li>We changed the gift card section to allow for a preferred gift card image.</li> <li>We changed the product page quantity to show for gift card products.</li> <li>We changed the collection filter maximum size to comply with Shopify's 5,000 product limit.</li> <li>We changed the background video section to utilize the Shopify media picker.</li> <li>We changed the loading of stylesheets for all sections as part of a performance enhancement.</li> <li>We changed the cart upsell to show multiple products vs just a single item.</li> <li>We changed the navigation to center align if the logo alignment is set to inline left.</li> <li>We changed the linklist section to include a color scheme setting.</li> </ul> <h3><a href="#fixes-and-improvements" class="anchor"></a>Fixes and improvements</h3> <ul> <li>We fixed the Mailing Popup's error messages from breaking the layout.</li> <li>We fixed the Mailing Popup from displaying the form again after submitting. It now displays a thank you message.</li> <li>We fixed an issue with incorrect translation for "terms" in the search section.</li> <li>We fixed an issue with hard coded translations for colors available shown on product grid items with multiple colors.</li> <li>We fixed an issue with google structured data displaying errors with currencies that use commas instead of decimals.</li> <li>We fixed an incorrect German translation for "from".</li> <li>We fixed an issue with image with text overlay images not appearing on mobile devices.</li> <li>We fixed an issue with the collection sort by menu not highlighting the currently selected sort option.</li> <li>We fixed an edge case issue with the mobile menu cutting off content if there are an extraordinarily large number of links.</li> <li>We fixed an issue with the currency conversion country flags displaying too large.</li> <li>We fixed an issue with dates not being translated correctly.</li> <li>We fixed an issue that prevented merchants from using quotation marks or other special characters when naming product variants.</li> <li>We have updated the text in the Shop the Look section for clarity on product limits.</li> <li>We fixed an issue that caused announcement bar text to always show in uppercase.</li> <li>We fixed an issue with the product quantity selector not working if variants are disabled.</li> <li>We fixed an issue with the background video caption reducing in width if set to the right of the video.</li> <li>We fixed an issue with the image gallery link breaking the caption position if there is no link text.</li> <li>We fixed an issue with missing top and bottom padding on full width product pages.</li> </ul> </div> </div> <div class="release-note tw-mb-xl lg:tw-mb-2xl"> <h3 class="tw-text-body-lg !tw-font-medium tw-pb-sm">Version 3.0.0 <span class="tw-text-body-xs tw-text-fg-tertiary tw-pl-sm">April 10, 2024</span></h3> <div class="tw-text-body-md tw-mb-sm tw-text-fg-secondary tw-font-medium"> <p>We have added support for Shopifys new color and filter swatch feature along with bug fixes and small improvements.<br> We have also removed all code references to Shopifys product reviews app which will cease functioning on May 6th 2024. Follow <a href="https://help.shopify.com/en/manual/products/product-reviews">Shopifys documentation</a> to migrate to another app.</p> </div> <div class="more-details"> <h3><a href="#removed" class="anchor"></a>Removed</h3> <ul> <li>We have removed all code associated with the Shopify reviews app as part of a mandatory Shopify update.</li> <li>We removed a redundant masonry gallery javascript file and associated code.</li> <li>We have removed code that creates a hack for showing collection images as banner images which is now easier to accomplish using metafields.</li> </ul> <h3><a href="#added" class="anchor"></a>Added</h3> <ul> <li>We added support for Shopifys new product color swatch feature.</li> <li>We added support for Shopifys new filter color swatch feature.</li> <li>We added an about us page template.</li> <li>We added a send on date to the gift card recipient form.</li> <li>We added mobile device support for the email newsletter popup.</li> <li>We added support for a skip link to better navigate the store using the keyboard.</li> <li>We added an overlay checkbox to the header section allowing merchants to float the theme header over the first section on the homepage.</li> <li>We added currency and language options to the header.</li> </ul> <h3><a href="#fixes-and-improvements" class="anchor"></a>Fixes and improvements</h3> <ul> <li>We fixed an issue on the collection pages where the "filter" sub menu would appear afterwards even if it should be the "sort" sub menu.</li> <li>We fixed the Quickshop not working when the product does not have any images.</li> <li>We fixed the Shop the Look section not displaying a product image when the product's featured media is something other than an image.</li> <li>We fixed an issue where additional checkout buttons were not displaying in the cart.</li> <li>We improved accessibility by removing button transitions when their device has reduced motion enabled.</li> <li>We improved accessibility by removing section animations when their device has reduced motion enabled.</li> <li>We fixed an issue with the filter and sort buttons sometimes returning an empty slideout.</li> <li>We fixed an issue with social meta tags that could see product titles not being added to the og:title tag.</li> <li>We fixed an issue with font families not offering fallbacks for unsupported types.</li> <li>We fixed an incorrect French translation for Shipping.</li> <li>We fixed an issue on mobile devices which initiated the image switch on product grid images instead of following the link to the product on first tap.</li> <li>We fixed an issue with the featured product carousel section images not following their respective product links.</li> <li>We fixed an issue where not all sections were available to be saved to a metaobject.</li> <li>We fixed an issue where products with varying compare at prices do not show the correct discount when viewed in a collection or featured collection.</li> </ul> </div> </div> <div class="release-note tw-mb-xl lg:tw-mb-2xl"> <h3 class="tw-text-body-lg !tw-font-medium tw-pb-sm">Version 2.3.0 <span class="tw-text-body-xs tw-text-fg-tertiary tw-pl-sm">November 16, 2023</span></h3> <div class="tw-text-body-md tw-mb-sm tw-text-fg-secondary tw-font-medium"> <p>We’ve added some performance enhancements along with a mandatory Shopify update which allows for the implementation of visual filters. All known bugs have also been fixed</p> </div> <div class="more-details"> <h3><a href="#added" class="anchor"></a>Added</h3> <ul> <li>We added support for metaobject swatches</li> <li>We added support for Shopify's new "AND" / "OR" filter operators</li> <li>We added a new setting in the collection template to show savings on the product grid</li> </ul> <h3><a href="#changed" class="anchor"></a>Changed</h3> <ul> <li>We have updated all images across the theme to use fetchprioity where appropriately placed within the first section</li> <li>We changed the buttons for the Mailing Popup, Newsletter section and Footer newsletter section to make it more cohesive with the rest of the theme.</li> <li>We updated all sections to allow for wider usage across the theme and included all sections for use with metaobjects</li> <li>The vendor will now appear in the cart when the global "Show product vendor" setting is enabled</li> <li>We updated text alignment settings to use the new text_alignment shopify input setting</li> <li>We changed the H1 tags found in the Onboard product and Quickshop to be H2 tags for better SEO</li> </ul> <h3><a href="#removed" class="anchor"></a>Removed</h3> <h3><a href="#security" class="anchor"></a>Security</h3> <h3><a href="#fixes-and-improvements" class="anchor"></a>Fixes and improvements</h3> <ul> <li>We fixed the Mega Menu headers appearing off in the Safari web browser</li> <li>We fixed an issue on mobile where choosing the swatch variant showed the wrong image</li> <li>We fixed an issue with the product zoom buttons opening the wrong image</li> <li>We fixed the Product Recommendations section that did not swipe on mobile</li> <li>We fixed an issue with gift card images not printing</li> <li>We fixed an issue on the collection pages where the "filter" sub menu would appear afterwards even if it should be the "sort" sub menu</li> <li>We fixed an issue with the Last Name disappearing on the contact forms on mobile devices</li> <li>We improved the French translations for Free Shipping</li> <li>We improved accessibility by removing button transitions when their device has reduced motion enabled</li> </ul> </div> </div> </div> <div role="navigation" aria-label="Pagination" class="pagination pagination--release-notes"><span class="previous_page disabled" aria-label="Previous page">‹ Newer</span> <em class="current" aria-label="Page 1" aria-current="page">1</em> <a rel="next" aria-label="Page 2" href="/themes/forge/styles/titanium?release_notes_page=2#ReleaseNotes">2</a> <a aria-label="Page 3" href="/themes/forge/styles/titanium?release_notes_page=3#ReleaseNotes">3</a> <a aria-label="Page 4" href="/themes/forge/styles/titanium?release_notes_page=4#ReleaseNotes">4</a> <a class="next_page" aria-label="Next page" rel="next" href="/themes/forge/styles/titanium?release_notes_page=2#ReleaseNotes">Older ›</a></div> </section> </div> </div> </div> </div> </div> </section> <section class="tw-pb-3xl"> <div class="tw-container"> <h2 class="tw-text-heading-xl tw-pb-sm">Stores using Forge</h2> </div> <div class="lg:tw-container tw-flex lg:tw-grid tw-gap-gutter--mobile md:tw-gap-gutter--desktop tw-snap-x lg:tw-snap-none tw-overflow-x-auto tw-snap-mandatory lg:tw-grid-cols-4"> <div class="tw-rounded-md tw-overflow-hidden tw-snap-center tw-shrink-0 lg:tw-shrink tw-basis-4/5 md:tw-basis-2/5 lg:tw-basis-auto tw-shadow-md tw-my-md first:tw-ml-md last:tw-mr-md first:lg:tw-ml-0 last:lg:tw-mr-0"> <a aria-label="View Forge on https://www.oatandochre.ca/" target="_blank" class="tw-group tw-block tw-h-full tw-bg-canvas-inverted-tertiary" rel="noopener noreferrer" href="https://www.oatandochre.ca/"> <img alt="" class="tw-block tw-h-full tw-object-cover tw-will-change-[opacity] tw-transition-opacity tw-duration-300 tw-ease-in-out group-hover:tw-opacity-80 group-focus:tw-opacity-80" src="https://cdn.shopify.com/theme-store/a4kvld7sejo9jn77tez78r2fpk1v.jpg" /> </a></div> <div class="tw-rounded-md tw-overflow-hidden tw-snap-center tw-shrink-0 lg:tw-shrink tw-basis-4/5 md:tw-basis-2/5 lg:tw-basis-auto tw-shadow-md tw-my-md first:tw-ml-md last:tw-mr-md first:lg:tw-ml-0 last:lg:tw-mr-0"> <a aria-label="View Forge on https://victoirecollection.com/" target="_blank" class="tw-group tw-block tw-h-full tw-bg-canvas-inverted-tertiary" rel="noopener noreferrer" href="https://victoirecollection.com/"> <img alt="" class="tw-block tw-h-full tw-object-cover tw-will-change-[opacity] tw-transition-opacity tw-duration-300 tw-ease-in-out group-hover:tw-opacity-80 group-focus:tw-opacity-80" src="https://cdn.shopify.com/theme-store/m93d25iuo8s01bc31chrl79wp1to.jpg" /> </a></div> <div class="tw-rounded-md tw-overflow-hidden tw-snap-center tw-shrink-0 lg:tw-shrink tw-basis-4/5 md:tw-basis-2/5 lg:tw-basis-auto tw-shadow-md tw-my-md first:tw-ml-md last:tw-mr-md first:lg:tw-ml-0 last:lg:tw-mr-0"> <a aria-label="View Forge on https://cravingfor.com/" target="_blank" class="tw-group tw-block tw-h-full tw-bg-canvas-inverted-tertiary" rel="noopener noreferrer" href="https://cravingfor.com/"> <img alt="" class="tw-block tw-h-full tw-object-cover tw-will-change-[opacity] tw-transition-opacity tw-duration-300 tw-ease-in-out group-hover:tw-opacity-80 group-focus:tw-opacity-80" src="https://cdn.shopify.com/theme-store/ovh11otbb0j36909e91suacnyn1z.jpg" /> </a></div> <div class="tw-rounded-md tw-overflow-hidden tw-snap-center tw-shrink-0 lg:tw-shrink tw-basis-4/5 md:tw-basis-2/5 lg:tw-basis-auto tw-shadow-md tw-my-md first:tw-ml-md last:tw-mr-md first:lg:tw-ml-0 last:lg:tw-mr-0"> <a aria-label="View Forge on https://www.shopatpanache.com/" target="_blank" class="tw-group tw-block tw-h-full tw-bg-canvas-inverted-tertiary" rel="noopener noreferrer" href="https://www.shopatpanache.com/"> <img alt="" class="tw-block tw-h-full tw-object-cover tw-will-change-[opacity] tw-transition-opacity tw-duration-300 tw-ease-in-out group-hover:tw-opacity-80 group-focus:tw-opacity-80" src="https://cdn.shopify.com/theme-store/9wj2lppb677lj67vt1ozgovfp27h.jpg" /> </a></div> </div> </section> <section class="tw-bg-canvas-secondary" id="ThemeStoreDetails"> <div class="tw-container tw-flex tw-flex-col md:tw-flex-row tw-gap-gutter--mobile md:tw-gap-gutter--desktop tw-py-2xl lg:tw-py-3xl"> <div class="tw-flex tw-flex-col tw-justify-start md:tw-items-start tw-basis-1/2"> <h2 class="tw-text-heading-3xl lg:tw-max-w-[13em]">Build with confidence — the Theme Store promise</h2> <p class="visuallyhidden">What’s included with every theme on the Theme Store</p> </div> <ul class="tw-mb-0 tw-basis-1/2 tw-flex tw-flex-col xl:tw-grid xl:tw-grid-cols-2 tw-gap-lg lg:tw-gap-xl"> <li> <div class="tw-flex tw-items-start tw-mb-xs"> <svg class="icon tw-fill-fg-secondary tw-w-[1.5em] tw-h-[1.5em] lg:tw-mt-[0.125em] tw-overflow-visible" aria-hidden="true" focusable="false"> <use xlink:href="#spot-guarantee" /> </svg> <h3 class="tw-text-heading-md tw-pl-sm">Works with the latest Shopify features</h3> </div> <p class="tw-text-body-md tw-text-fg-secondary tw-pl-xl">Themes on the Shopify Theme Store are guaranteed to stay up to date and work with Shopify’s ever-growing feature set.</p> </li> <li> <div class="tw-flex tw-items-start tw-mb-xs"> <svg class="icon tw-fill-fg-secondary tw-w-[1.5em] tw-h-[1.5em] lg:tw-mt-[0.125em] tw-overflow-visible" aria-hidden="true" focusable="false"> <use xlink:href="#spot-maximum-gauge" /> </svg> <h3 class="tw-text-heading-md tw-pl-sm">Speed-tested and approved</h3> </div> <p class="tw-text-body-md tw-text-fg-secondary tw-pl-xl">Every theme in the Theme Store meets Shopify’s performance standards, ensuring a faster shopping experience for your buyers.</p> </li> <li> <div class="tw-flex tw-items-start tw-mb-xs"> <svg class="icon tw-fill-fg-secondary tw-w-[1.5em] tw-h-[1.5em] lg:tw-mt-[0.125em] tw-overflow-visible" aria-hidden="true" focusable="false"> <use xlink:href="#spot-save-time" /> </svg> <h3 class="tw-text-heading-md tw-pl-sm">Unlimited free trial</h3> </div> <p class="tw-text-body-md tw-text-fg-secondary tw-pl-xl"> Try the theme for free with your own products, brand colors, and customizations. One-time payment of $250 if you publish the theme to your store. </p> </li> <li> <div class="tw-flex tw-items-start tw-mb-xs"> <svg class="icon tw-fill-fg-secondary tw-w-[1.5em] tw-h-[1.5em] lg:tw-mt-[0.125em] tw-overflow-visible" aria-hidden="true" focusable="false"> <use xlink:href="#spot-design" /> </svg> <h3 class="tw-text-heading-md tw-pl-sm">Free high-resolution photos</h3> </div> <p class="tw-text-body-md tw-text-fg-secondary tw-pl-xl"> Demo stores aren’t included, but you can get free stock photos from <a target="_blank" rel="noopener" class="body-link body-link--darker" data-trekkie-theme-id="1492" href="https://burst.shopify.com?ref=theme-store">Shopify Burst</a>. </p> </li> <li> <div class="tw-flex tw-items-start tw-mb-xs"> <svg class="icon tw-fill-fg-secondary tw-w-[1.5em] tw-h-[1.5em] lg:tw-mt-[0.125em] tw-overflow-visible" aria-hidden="true" focusable="false"> <use xlink:href="#spot-custom-code" /> </svg> <h3 class="tw-text-heading-md tw-pl-sm">Free theme updates</h3> </div> <p class="tw-text-body-md tw-text-fg-secondary tw-pl-xl">Get the latest theme features and fixes from the Theme Store. You can redownload your purchase at any time.</p> </li> <li> <div class="tw-flex tw-items-start tw-mb-xs"> <svg class="icon tw-fill-fg-secondary tw-w-[1.5em] tw-h-[1.5em] lg:tw-mt-[0.125em] tw-overflow-visible" aria-hidden="true" focusable="false"> <use xlink:href="#spot-gdpr" /> </svg> <h3 class="tw-text-heading-md tw-pl-sm">Non-expiring license for one store</h3> </div> <p class="tw-text-body-md tw-text-fg-secondary tw-pl-xl">Your payment entitles you to use the theme on a single store, and keep it as long as you like.</p> </li> </ul> </div> </section> <section class="tw-pt-xl tw-pb-3xl lg:tw-py-2xl"> <div class="tw-container theme-listing__recommended_styles"> <h2 class="tw-text-heading-xl tw-pb-md has-nested-link">More themes made for Quick setup</h2> </div> <div class="lg:tw-container tw-flex lg:tw-grid tw-gap-gutter--mobile md:tw-gap-gutter--desktop tw-snap-x lg:tw-snap-none tw-overflow-x-auto tw-snap-mandatory lg:tw-grid-cols-4 theme-listing__recommendations-grid " data-theme-id="1492" data-theme-name="Forge" data-style-id="2152" data-style-name="Titanium" data-paid="true" data-theme-filters="["price","industry","catalog-size","features"]" data-surface-type="listing" data-surface-detail="target_audience" data-surface-inter-position="0" data-theme-ids="[2405,1448,2239,2491]"> <div class="tw-snap-center tw-shrink-0 lg:tw-shrink tw-basis-4/5 md:tw-basis-2/5 lg:tw-basis-auto tw-my-md first:tw-ml-md last:tw-mr-md first:lg:tw-ml-0 last:lg:tw-mr-0 theme-listing__recommendation" id="theme-2952"> <article class="theme-card tw-flex tw-flex-col tw-gap-sm tw-mb-2xl tw-flex-1"> <div class="tw-relative tw-group"> <a data-trekkie-style-id="2952" data-trekkie-style-handle="furniture" data-trekkie-theme-handle="urban" data-trekkie-theme-id="2405" data-theme-id="2405" data-theme-name="Urban" data-style-id="2952" data-style-name="Furniture" data-paid="true" data-surface-type="listing" data-surface-detail="listing" data-surface-inter-position="1" data-surface-intra-position="1" aria-label="Details about the Urban theme" href="/themes/urban/styles/furniture?locale=en&surface_detail=listing&surface_inter_position=1&surface_intra_position=1&surface_type=listing"> <div class="style-images " data-style="urban-furniture"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #ebebeb"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Desktop preview for Urban in the "Furniture" style" src="https://cdn.shopify.com/theme-store/lnrwjhy9hnfgfcrksekabfwvn0pd.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Mobile preview for Urban in the "Furniture" style" src="https://cdn.shopify.com/theme-store/hdxucnzjcvwgdgygto7k8y0vbv42.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Urban</h4> </div> </a> <a data-trekkie-style-id="2953" data-trekkie-style-handle="jewelry" data-trekkie-theme-handle="urban" data-trekkie-theme-id="2405" data-theme-id="2405" data-theme-name="Urban" data-style-id="2953" data-style-name="Jewelry" data-paid="true" data-surface-type="listing" data-surface-detail="listing" data-surface-inter-position="1" data-surface-intra-position="1" aria-label="Details about the Urban theme" href="/themes/urban/styles/jewelry?locale=en&surface_detail=listing&surface_inter_position=1&surface_intra_position=1&surface_type=listing"> <div class="style-images hidden" data-style="urban-jewelry"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #1b1b1b"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Desktop preview for Urban in the "Jewelry" style" src="https://cdn.shopify.com/theme-store/z7ojtbfy4pic7j42p1jtaryuokci.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Mobile preview for Urban in the "Jewelry" style" src="https://cdn.shopify.com/theme-store/4g0dnz7nocmgd9dbsj7ptl92z5dv.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Urban</h4> </div> </a> <a data-trekkie-style-id="2954" data-trekkie-style-handle="clothing" data-trekkie-theme-handle="urban" data-trekkie-theme-id="2405" data-theme-id="2405" data-theme-name="Urban" data-style-id="2954" data-style-name="Clothing" data-paid="true" data-surface-type="listing" data-surface-detail="listing" data-surface-inter-position="1" data-surface-intra-position="1" aria-label="Details about the Urban theme" href="/themes/urban/styles/clothing?locale=en&surface_detail=listing&surface_inter_position=1&surface_intra_position=1&surface_type=listing"> <div class="style-images hidden" data-style="urban-clothing"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #622c99"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Desktop preview for Urban in the "Clothing" style" src="https://cdn.shopify.com/theme-store/1viv6wdg8mnzwiswzq12qjpoachv.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Mobile preview for Urban in the "Clothing" style" src="https://cdn.shopify.com/theme-store/sa8vf8ed6n4sqz8aox8kx0jr48ev.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Urban</h4> </div> </a> <div class="tw-absolute tw-right-0 tw-bottom-0 tw-pt-sm tw-pl-md tw-flex tw-items-center tw-gap-md tw-bg-canvas-primary after:tw-content-[''] after:tw-absolute after:tw-right-full after:tw-h-full after:tw-w-lg after:tw-bg-gradient-to-l after:tw-from-canvas-primary"> <label for="style-urban-furniture" tabindex="0" data-style="urban-furniture" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary selected" style="background: #ebebeb"></label> <input id="style-urban-furniture" name="style" class="hidden" type="radio" value="furniture"> <label for="style-urban-jewelry" tabindex="0" data-style="urban-jewelry" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #1b1b1b"></label> <input id="style-urban-jewelry" name="style" class="hidden" type="radio" value="jewelry"> <label for="style-urban-clothing" tabindex="0" data-style="urban-clothing" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #622c99"></label> <input id="style-urban-clothing" name="style" class="hidden" type="radio" value="clothing"> </div> </div> <div class="card-details tw-flex tw-flex-col tw-gap-sm"> <p class="tw-text-body-sm">$270 USD</p> <ul class="tw-flex tw-flex-wrap tw-gap-md tw-items-center tw-text-body-sm tw-text-fg-secondary tw-m-0"> <li class="tw-flex tw-items-center tw-gap-3xs"> <svg class="icon tw-h-[20px] tw-w-[20px]" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg> <span class="tw-text-nowrap">100% (5)</span> </li> </ul> </div> </article> </div> <div class="tw-snap-center tw-shrink-0 lg:tw-shrink tw-basis-4/5 md:tw-basis-2/5 lg:tw-basis-auto tw-my-md first:tw-ml-md last:tw-mr-md first:lg:tw-ml-0 last:lg:tw-mr-0 theme-listing__recommendation" id="theme-1689"> <article class="theme-card tw-flex tw-flex-col tw-gap-sm tw-mb-2xl tw-flex-1"> <div class="tw-relative tw-group"> <a data-trekkie-style-id="1689" data-trekkie-style-handle="default" data-trekkie-theme-handle="bazaar" data-trekkie-theme-id="1448" data-theme-id="1448" data-theme-name="Bazaar" data-style-id="1689" data-style-name="default" data-paid="true" data-surface-type="listing" data-surface-detail="listing" data-surface-inter-position="1" data-surface-intra-position="2" aria-label="Details about the Bazaar theme" href="/themes/bazaar/styles/default?locale=en&surface_detail=listing&surface_inter_position=1&surface_intra_position=2&surface_type=listing"> <div class="style-images " data-style="bazaar-default"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #e8c389"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Desktop preview for Bazaar in the "default" style" src="https://cdn.shopify.com/theme-store/c2tzt56tlab8vijkgexpgy4aso06.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Mobile preview for Bazaar in the "default" style" src="https://cdn.shopify.com/theme-store/2c8vq40pg9kdk5038w5k5q84o4h0.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Bazaar</h4> </div> </a> <div class="tw-absolute tw-right-0 tw-bottom-0 tw-pt-sm tw-pl-md tw-flex tw-items-center tw-gap-md tw-bg-canvas-primary after:tw-content-[''] after:tw-absolute after:tw-right-full after:tw-h-full after:tw-w-lg after:tw-bg-gradient-to-l after:tw-from-canvas-primary"> </div> </div> <div class="card-details tw-flex tw-flex-col tw-gap-sm"> <p class="tw-text-body-sm">$320 USD</p> <ul class="tw-flex tw-flex-wrap tw-gap-md tw-items-center tw-text-body-sm tw-text-fg-secondary tw-m-0"> </ul> </div> </article> </div> <div class="tw-snap-center tw-shrink-0 lg:tw-shrink tw-basis-4/5 md:tw-basis-2/5 lg:tw-basis-auto tw-my-md first:tw-ml-md last:tw-mr-md first:lg:tw-ml-0 last:lg:tw-mr-0 theme-listing__recommendation" id="theme-2377"> <article class="theme-card tw-flex tw-flex-col tw-gap-sm tw-mb-2xl tw-flex-1"> <div class="tw-relative tw-group"> <a data-trekkie-style-id="2377" data-trekkie-style-handle="light" data-trekkie-theme-handle="woodstock" data-trekkie-theme-id="2239" data-theme-id="2239" data-theme-name="Woodstock" data-style-id="2377" data-style-name="Light" data-paid="true" data-surface-type="listing" data-surface-detail="listing" data-surface-inter-position="1" data-surface-intra-position="3" aria-label="Details about the Woodstock theme" href="/themes/woodstock/styles/light?locale=en&surface_detail=listing&surface_inter_position=1&surface_intra_position=3&surface_type=listing"> <div class="style-images " data-style="woodstock-light"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #f1f1f1"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Desktop preview for Woodstock in the "Light" style" src="https://cdn.shopify.com/theme-store/dsrwx6452ts1dpq7kqtvfe8pkvdk.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Mobile preview for Woodstock in the "Light" style" src="https://cdn.shopify.com/theme-store/0p84brmybrf8wrxbf0gvgdf5jojx.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Woodstock</h4> </div> </a> <a data-trekkie-style-id="2408" data-trekkie-style-handle="dark" data-trekkie-theme-handle="woodstock" data-trekkie-theme-id="2239" data-theme-id="2239" data-theme-name="Woodstock" data-style-id="2408" data-style-name="Dark" data-paid="true" data-surface-type="listing" data-surface-detail="listing" data-surface-inter-position="1" data-surface-intra-position="3" aria-label="Details about the Woodstock theme" href="/themes/woodstock/styles/dark?locale=en&surface_detail=listing&surface_inter_position=1&surface_intra_position=3&surface_type=listing"> <div class="style-images hidden" data-style="woodstock-dark"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #181818"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Desktop preview for Woodstock in the "Dark" style" src="https://cdn.shopify.com/theme-store/ye9y0xlfsac6uyp3l5n468ndm1ba.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Mobile preview for Woodstock in the "Dark" style" src="https://cdn.shopify.com/theme-store/vpwqv5tc7cl2c345v1qzn9gymqph.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Woodstock</h4> </div> </a> <a data-trekkie-style-id="2859" data-trekkie-style-handle="athletique" data-trekkie-theme-handle="woodstock" data-trekkie-theme-id="2239" data-theme-id="2239" data-theme-name="Woodstock" data-style-id="2859" data-style-name="Athletique" data-paid="true" data-surface-type="listing" data-surface-detail="listing" data-surface-inter-position="1" data-surface-intra-position="3" aria-label="Details about the Woodstock theme" href="/themes/woodstock/styles/athletique?locale=en&surface_detail=listing&surface_inter_position=1&surface_intra_position=3&surface_type=listing"> <div class="style-images hidden" data-style="woodstock-athletique"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #BE185D"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Desktop preview for Woodstock in the "Athletique" style" src="https://cdn.shopify.com/theme-store/pko7x4oxp6bnw2mqggjinix0rwee.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Mobile preview for Woodstock in the "Athletique" style" src="https://cdn.shopify.com/theme-store/9ta627jm4c0r6maa3ivdibdjaonj.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Woodstock</h4> </div> </a> <div class="tw-absolute tw-right-0 tw-bottom-0 tw-pt-sm tw-pl-md tw-flex tw-items-center tw-gap-md tw-bg-canvas-primary after:tw-content-[''] after:tw-absolute after:tw-right-full after:tw-h-full after:tw-w-lg after:tw-bg-gradient-to-l after:tw-from-canvas-primary"> <label for="style-woodstock-light" tabindex="0" data-style="woodstock-light" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary selected" style="background: #f1f1f1"></label> <input id="style-woodstock-light" name="style" class="hidden" type="radio" value="light"> <label for="style-woodstock-dark" tabindex="0" data-style="woodstock-dark" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #181818"></label> <input id="style-woodstock-dark" name="style" class="hidden" type="radio" value="dark"> <label for="style-woodstock-athletique" tabindex="0" data-style="woodstock-athletique" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #BE185D"></label> <input id="style-woodstock-athletique" name="style" class="hidden" type="radio" value="athletique"> </div> </div> <div class="card-details tw-flex tw-flex-col tw-gap-sm"> <p class="tw-text-body-sm">$270 USD</p> <ul class="tw-flex tw-flex-wrap tw-gap-md tw-items-center tw-text-body-sm tw-text-fg-secondary tw-m-0"> <li class="tw-flex tw-items-center tw-gap-3xs"> <svg class="icon tw-h-[20px] tw-w-[20px]" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg> <span class="tw-text-nowrap">94% (35)</span> </li> </ul> </div> </article> </div> <div class="tw-snap-center tw-shrink-0 lg:tw-shrink tw-basis-4/5 md:tw-basis-2/5 lg:tw-basis-auto tw-my-md first:tw-ml-md last:tw-mr-md first:lg:tw-ml-0 last:lg:tw-mr-0 theme-listing__recommendation" id="theme-2609"> <article class="theme-card tw-flex tw-flex-col tw-gap-sm tw-mb-2xl tw-flex-1"> <div class="tw-relative tw-group"> <a data-trekkie-style-id="2609" data-trekkie-style-handle="raw" data-trekkie-theme-handle="borders" data-trekkie-theme-id="2491" data-theme-id="2491" data-theme-name="Borders" data-style-id="2609" data-style-name="Raw" data-paid="true" data-surface-type="listing" data-surface-detail="listing" data-surface-inter-position="1" data-surface-intra-position="4" aria-label="Details about the Borders theme" href="/themes/borders/styles/raw?locale=en&surface_detail=listing&surface_inter_position=1&surface_intra_position=4&surface_type=listing"> <div class="style-images " data-style="borders-raw"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #F2C58A"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Desktop preview for Borders in the "Raw" style" src="https://cdn.shopify.com/theme-store/0r5f68goysv1f57rzzelu03zq46l.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Mobile preview for Borders in the "Raw" style" src="https://cdn.shopify.com/theme-store/n6nlxq080xgokv3nql81qalwdjt5.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Borders</h4> </div> </a> <a data-trekkie-style-id="2610" data-trekkie-style-handle="objekts" data-trekkie-theme-handle="borders" data-trekkie-theme-id="2491" data-theme-id="2491" data-theme-name="Borders" data-style-id="2610" data-style-name="Objekts" data-paid="true" data-surface-type="listing" data-surface-detail="listing" data-surface-inter-position="1" data-surface-intra-position="4" aria-label="Details about the Borders theme" href="/themes/borders/styles/objekts?locale=en&surface_detail=listing&surface_inter_position=1&surface_intra_position=4&surface_type=listing"> <div class="style-images hidden" data-style="borders-objekts"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #cccccc"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Desktop preview for Borders in the "Objekts" style" src="https://cdn.shopify.com/theme-store/56pe9hq84j66xskcm06fd1gyk0a8.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Mobile preview for Borders in the "Objekts" style" src="https://cdn.shopify.com/theme-store/os7fcb5c5d44dmo6vw3j1agju99t.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Borders</h4> </div> </a> <a data-trekkie-style-id="2611" data-trekkie-style-handle="black" data-trekkie-theme-handle="borders" data-trekkie-theme-id="2491" data-theme-id="2491" data-theme-name="Borders" data-style-id="2611" data-style-name="Black" data-paid="true" data-surface-type="listing" data-surface-detail="listing" data-surface-inter-position="1" data-surface-intra-position="4" aria-label="Details about the Borders theme" href="/themes/borders/styles/black?locale=en&surface_detail=listing&surface_inter_position=1&surface_intra_position=4&surface_type=listing"> <div class="style-images hidden" data-style="borders-black"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #333333"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Desktop preview for Borders in the "Black" style" src="https://cdn.shopify.com/theme-store/nalc9r0w494wv4iipfvw0kc40unk.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Mobile preview for Borders in the "Black" style" src="https://cdn.shopify.com/theme-store/218qiwez8utahnpn95shtklnr85n.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Borders</h4> </div> </a> <a data-trekkie-style-id="2786" data-trekkie-style-handle="folio" data-trekkie-theme-handle="borders" data-trekkie-theme-id="2491" data-theme-id="2491" data-theme-name="Borders" data-style-id="2786" data-style-name="Folio" data-paid="true" data-surface-type="listing" data-surface-detail="listing" data-surface-inter-position="1" data-surface-intra-position="4" aria-label="Details about the Borders theme" href="/themes/borders/styles/folio?locale=en&surface_detail=listing&surface_inter_position=1&surface_intra_position=4&surface_type=listing"> <div class="style-images hidden" data-style="borders-folio"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #c8b7a6"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Desktop preview for Borders in the "Folio" style" src="https://cdn.shopify.com/theme-store/tc1mvxv5zsv1dxqzd0k2tlforcj0.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Mobile preview for Borders in the "Folio" style" src="https://cdn.shopify.com/theme-store/zlhj6ae21hf3d8frcuq0kiaiw31y.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Borders</h4> </div> </a> <a data-trekkie-style-id="2787" data-trekkie-style-handle="art" data-trekkie-theme-handle="borders" data-trekkie-theme-id="2491" data-theme-id="2491" data-theme-name="Borders" data-style-id="2787" data-style-name="Art" data-paid="true" data-surface-type="listing" data-surface-detail="listing" data-surface-inter-position="1" data-surface-intra-position="4" aria-label="Details about the Borders theme" href="/themes/borders/styles/art?locale=en&surface_detail=listing&surface_inter_position=1&surface_intra_position=4&surface_type=listing"> <div class="style-images hidden" data-style="borders-art"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #6b5f4a"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Desktop preview for Borders in the "Art" style" src="https://cdn.shopify.com/theme-store/brczo7qtmpsfbtfft4z9ooq68ddl.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Mobile preview for Borders in the "Art" style" src="https://cdn.shopify.com/theme-store/2378ibjf5lr5qdhm2qmzpqz8mb8i.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Borders</h4> </div> </a> <div class="tw-absolute tw-right-0 tw-bottom-0 tw-pt-sm tw-pl-md tw-flex tw-items-center tw-gap-md tw-bg-canvas-primary after:tw-content-[''] after:tw-absolute after:tw-right-full after:tw-h-full after:tw-w-lg after:tw-bg-gradient-to-l after:tw-from-canvas-primary"> <label for="style-borders-raw" tabindex="0" data-style="borders-raw" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary selected" style="background: #F2C58A"></label> <input id="style-borders-raw" name="style" class="hidden" type="radio" value="raw"> <label for="style-borders-objekts" tabindex="0" data-style="borders-objekts" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #cccccc"></label> <input id="style-borders-objekts" name="style" class="hidden" type="radio" value="objekts"> <label for="style-borders-black" tabindex="0" data-style="borders-black" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #333333"></label> <input id="style-borders-black" name="style" class="hidden" type="radio" value="black"> <label for="style-borders-folio" tabindex="0" data-style="borders-folio" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #c8b7a6"></label> <input id="style-borders-folio" name="style" class="hidden" type="radio" value="folio"> <label for="style-borders-art" tabindex="0" data-style="borders-art" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #6b5f4a"></label> <input id="style-borders-art" name="style" class="hidden" type="radio" value="art"> </div> </div> <div class="card-details tw-flex tw-flex-col tw-gap-sm"> <p class="tw-text-body-sm">$360 USD</p> <ul class="tw-flex tw-flex-wrap tw-gap-md tw-items-center tw-text-body-sm tw-text-fg-secondary tw-m-0"> <li class="tw-flex tw-items-center tw-gap-3xs"> <svg class="icon tw-h-[20px] tw-w-[20px]" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg> <span class="tw-text-nowrap">89% (9)</span> </li> </ul> </div> </article> </div> </div> <div id="theme-designer-styles-data" data-theme-id="1492" data-theme-name="Forge" data-style-id="2152" data-style-name="Titanium" data-paid="true" data-theme-filters="["price","industry","catalog-size","features"]" data-surface-type="listing" data-surface-detail="target_audience" data-surface-inter-position="1" data-theme-ids="[567,686]"></div> <div class="tw-container tw-pt-xl lg:tw-pt-2xl theme-listing__recommended_sampled_designer_styles"> <h2 class="tw-text-heading-xl tw-pb-md has-nested-link"> More themes by <a href="/designers/undergroundmedia">We are Underground LLC</a> </h2> </div> <div class="lg:tw-container tw-flex lg:tw-grid tw-gap-gutter--mobile md:tw-gap-gutter--desktop tw-snap-x lg:tw-snap-none tw-overflow-x-auto tw-snap-mandatory lg:tw-grid-cols-4 theme-listing__recommendations-grid lg:!tw-grid-cols-2" data-theme-id="1492" data-theme-name="Forge" data-style-id="2152" data-style-name="Titanium" data-paid="true" data-theme-filters="["price","industry","catalog-size","features"]" data-surface-type="listing" data-surface-detail="target_audience" data-surface-inter-position="0" data-theme-ids="[2405,1448,2239,2491]"> <div class="tw-snap-center tw-shrink-0 lg:tw-shrink tw-basis-4/5 md:tw-basis-2/5 lg:tw-basis-auto tw-my-md first:tw-ml-md last:tw-mr-md first:lg:tw-ml-0 last:lg:tw-mr-0 theme-listing__recommendation" id="theme-634"> <article class="theme-card tw-flex tw-flex-col tw-gap-sm tw-mb-2xl tw-flex-1"> <div class="tw-relative tw-group"> <a data-trekkie-style-id="634" data-trekkie-style-handle="wardrobe" data-trekkie-theme-handle="mr-parker" data-trekkie-theme-id="567" data-theme-id="567" data-theme-name="Mr Parker" data-style-id="634" data-style-name="Wardrobe" data-paid="true" data-surface-type="listing" data-surface-detail="listing" data-surface-inter-position="1" data-surface-intra-position="1" aria-label="Details about the Mr Parker theme" href="/themes/mr-parker/styles/wardrobe?locale=en&surface_detail=listing&surface_inter_position=1&surface_intra_position=1&surface_type=listing"> <div class="style-images " data-style="mr-parker-wardrobe"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #dbb6a3"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Desktop preview for Mr Parker in the "Wardrobe" style" src="https://cdn.shopify.com/theme-store/wbo2utsk0g69cnd6dpgd7ujqmc37.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Mobile preview for Mr Parker in the "Wardrobe" style" src="https://cdn.shopify.com/theme-store/v84h15guhojc6c2azh8b4co2bfk2.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Mr Parker</h4> </div> </a> <a data-trekkie-style-id="1743" data-trekkie-style-handle="locker" data-trekkie-theme-handle="mr-parker" data-trekkie-theme-id="567" data-theme-id="567" data-theme-name="Mr Parker" data-style-id="1743" data-style-name="Locker" data-paid="true" data-surface-type="listing" data-surface-detail="listing" data-surface-inter-position="1" data-surface-intra-position="1" aria-label="Details about the Mr Parker theme" href="/themes/mr-parker/styles/locker?locale=en&surface_detail=listing&surface_inter_position=1&surface_intra_position=1&surface_type=listing"> <div class="style-images hidden" data-style="mr-parker-locker"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #f2f2f2"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Desktop preview for Mr Parker in the "Locker" style" src="https://cdn.shopify.com/theme-store/oolareb0i03o1ni6sja10il6la67.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Mobile preview for Mr Parker in the "Locker" style" src="https://cdn.shopify.com/theme-store/4mu45impvii3fqjkrokvzbz9ferb.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Mr Parker</h4> </div> </a> <a data-trekkie-style-id="1744" data-trekkie-style-handle="spa" data-trekkie-theme-handle="mr-parker" data-trekkie-theme-id="567" data-theme-id="567" data-theme-name="Mr Parker" data-style-id="1744" data-style-name="Spa" data-paid="true" data-surface-type="listing" data-surface-detail="listing" data-surface-inter-position="1" data-surface-intra-position="1" aria-label="Details about the Mr Parker theme" href="/themes/mr-parker/styles/spa?locale=en&surface_detail=listing&surface_inter_position=1&surface_intra_position=1&surface_type=listing"> <div class="style-images hidden" data-style="mr-parker-spa"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #f5efee"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Desktop preview for Mr Parker in the "Spa" style" src="https://cdn.shopify.com/theme-store/d7kdhne4itj8xcmgqwdnf9ubfxrb.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Mobile preview for Mr Parker in the "Spa" style" src="https://cdn.shopify.com/theme-store/dy4cb14xd1pbykwb00i0v6f90807.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Mr Parker</h4> </div> </a> <a data-trekkie-style-id="1745" data-trekkie-style-handle="home" data-trekkie-theme-handle="mr-parker" data-trekkie-theme-id="567" data-theme-id="567" data-theme-name="Mr Parker" data-style-id="1745" data-style-name="Home" data-paid="true" data-surface-type="listing" data-surface-detail="listing" data-surface-inter-position="1" data-surface-intra-position="1" aria-label="Details about the Mr Parker theme" href="/themes/mr-parker/styles/home?locale=en&surface_detail=listing&surface_inter_position=1&surface_intra_position=1&surface_type=listing"> <div class="style-images hidden" data-style="mr-parker-home"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #bdbebb"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Desktop preview for Mr Parker in the "Home" style" src="https://cdn.shopify.com/theme-store/rd2eyugcqsiz733oggbp43y423qm.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Mobile preview for Mr Parker in the "Home" style" src="https://cdn.shopify.com/theme-store/b1ex2cwwbz6x3nmtezsml2zmvlo9.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Mr Parker</h4> </div> </a> <div class="tw-absolute tw-right-0 tw-bottom-0 tw-pt-sm tw-pl-md tw-flex tw-items-center tw-gap-md tw-bg-canvas-primary after:tw-content-[''] after:tw-absolute after:tw-right-full after:tw-h-full after:tw-w-lg after:tw-bg-gradient-to-l after:tw-from-canvas-primary"> <label for="style-mr-parker-wardrobe" tabindex="0" data-style="mr-parker-wardrobe" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary selected" style="background: #dbb6a3"></label> <input id="style-mr-parker-wardrobe" name="style" class="hidden" type="radio" value="wardrobe"> <label for="style-mr-parker-locker" tabindex="0" data-style="mr-parker-locker" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #f2f2f2"></label> <input id="style-mr-parker-locker" name="style" class="hidden" type="radio" value="locker"> <label for="style-mr-parker-spa" tabindex="0" data-style="mr-parker-spa" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #f5efee"></label> <input id="style-mr-parker-spa" name="style" class="hidden" type="radio" value="spa"> <label for="style-mr-parker-home" tabindex="0" data-style="mr-parker-home" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #bdbebb"></label> <input id="style-mr-parker-home" name="style" class="hidden" type="radio" value="home"> </div> </div> <div class="card-details tw-flex tw-flex-col tw-gap-sm"> <p class="tw-text-body-sm">$240 USD</p> <ul class="tw-flex tw-flex-wrap tw-gap-md tw-items-center tw-text-body-sm tw-text-fg-secondary tw-m-0"> <li class="tw-flex tw-items-center tw-gap-3xs"> <svg class="icon tw-h-[20px] tw-w-[20px]" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg> <span class="tw-text-nowrap">95% (198)</span> </li> </ul> </div> </article> </div> <div class="tw-snap-center tw-shrink-0 lg:tw-shrink tw-basis-4/5 md:tw-basis-2/5 lg:tw-basis-auto tw-my-md first:tw-ml-md last:tw-mr-md first:lg:tw-ml-0 last:lg:tw-mr-0 theme-listing__recommendation" id="theme-819"> <article class="theme-card tw-flex tw-flex-col tw-gap-sm tw-mb-2xl tw-flex-1"> <div class="tw-relative tw-group"> <a data-trekkie-style-id="819" data-trekkie-style-handle="dolce" data-trekkie-theme-handle="icon" data-trekkie-theme-id="686" data-theme-id="686" data-theme-name="Icon" data-style-id="819" data-style-name="Dolce" data-paid="true" data-surface-type="listing" data-surface-detail="listing" data-surface-inter-position="1" data-surface-intra-position="2" aria-label="Details about the Icon theme" href="/themes/icon/styles/dolce?locale=en&surface_detail=listing&surface_inter_position=1&surface_intra_position=2&surface_type=listing"> <div class="style-images " data-style="icon-dolce"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #ffffff"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Desktop preview for Icon in the "Dolce" style" src="https://cdn.shopify.com/theme-store/sj75na19w76veqso4s6ny22vt0z2.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Mobile preview for Icon in the "Dolce" style" src="https://cdn.shopify.com/theme-store/1emkcvy0ir21wi9r6uejdu1hliga.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Icon</h4> </div> </a> <a data-trekkie-style-id="1035" data-trekkie-style-handle="christian" data-trekkie-theme-handle="icon" data-trekkie-theme-id="686" data-theme-id="686" data-theme-name="Icon" data-style-id="1035" data-style-name="Christian" data-paid="true" data-surface-type="listing" data-surface-detail="listing" data-surface-inter-position="1" data-surface-intra-position="2" aria-label="Details about the Icon theme" href="/themes/icon/styles/christian?locale=en&surface_detail=listing&surface_inter_position=1&surface_intra_position=2&surface_type=listing"> <div class="style-images hidden" data-style="icon-christian"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #025e8a"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Desktop preview for Icon in the "Christian" style" src="https://cdn.shopify.com/theme-store/d66oi8g5m20hqt1lvwosve9gq4l2.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Mobile preview for Icon in the "Christian" style" src="https://cdn.shopify.com/theme-store/3ipaymwze669136sr98jy88x58fp.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Icon</h4> </div> </a> <a data-trekkie-style-id="1031" data-trekkie-style-handle="yves" data-trekkie-theme-handle="icon" data-trekkie-theme-id="686" data-theme-id="686" data-theme-name="Icon" data-style-id="1031" data-style-name="Yves" data-paid="true" data-surface-type="listing" data-surface-detail="listing" data-surface-inter-position="1" data-surface-intra-position="2" aria-label="Details about the Icon theme" href="/themes/icon/styles/yves?locale=en&surface_detail=listing&surface_inter_position=1&surface_intra_position=2&surface_type=listing"> <div class="style-images hidden" data-style="icon-yves"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #6a4245"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Desktop preview for Icon in the "Yves" style" src="https://cdn.shopify.com/theme-store/qtnssyhn47wg3e5zml9unsccy5sn.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Mobile preview for Icon in the "Yves" style" src="https://cdn.shopify.com/theme-store/kbfoz54hadt3krthw88flm5jajwd.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Icon</h4> </div> </a> <a data-trekkie-style-id="1256" data-trekkie-style-handle="vera" data-trekkie-theme-handle="icon" data-trekkie-theme-id="686" data-theme-id="686" data-theme-name="Icon" data-style-id="1256" data-style-name="Vera" data-paid="true" data-surface-type="listing" data-surface-detail="listing" data-surface-inter-position="1" data-surface-intra-position="2" aria-label="Details about the Icon theme" href="/themes/icon/styles/vera?locale=en&surface_detail=listing&surface_inter_position=1&surface_intra_position=2&surface_type=listing"> <div class="style-images hidden" data-style="icon-vera"> <div class="tw-relative tw-h-80 tw-overflow-hidden lg:tw-h-96 tw-rounded-md tw-border tw-border-solid tw-border-stroke-primary" style="background-color: #ff7a5f"> <img class="tw-w-full tw-h-auto tw-transition tw-ease-out tw-duration-1000 group-hover:tw-scale-[1.02] tw-origin-top" alt="Desktop preview for Icon in the "Vera" style" src="https://cdn.shopify.com/theme-store/f3o5rmh0v46u4k6tv74oypcrq2dq.jpg?width=1000" /> <div class="tw-absolute tw-bg-canvas-inverted-primary tw-top-24 tw-w-36 tw-min-h-3/4 tw-right-5 lg:tw-top-32 lg:tw-w-40 tw-border-4 tw-border-solid tw-border-stroke-mobilePhone tw-rounded-md tw-shadow-mobilePhone tw-transition tw-ease-out tw-duration-500 group-hover:-tw-translate-y-[2.5%] after:tw-content-[''] after:tw-absolute after:tw-left-full after:tw-top-3xl after:tw-w-[6px] after:tw-h-2xl after:tw-rounded-2xs after:tw-bg-stroke-mobilePhone"> <div class="tw-rounded-sm tw-overflow-hidden"> <img class="mobile" alt="Mobile preview for Icon in the "Vera" style" src="https://cdn.shopify.com/theme-store/jrek3kqhxgapynul0s93djingit2.jpg?width=200" /> </div> </div> </div> <h4 class="tw-pt-sm tw-text-heading-lg group-hover:tw-text-fg-highlight-primary tw-transition tw-ease-out tw-duration-200">Icon</h4> </div> </a> <div class="tw-absolute tw-right-0 tw-bottom-0 tw-pt-sm tw-pl-md tw-flex tw-items-center tw-gap-md tw-bg-canvas-primary after:tw-content-[''] after:tw-absolute after:tw-right-full after:tw-h-full after:tw-w-lg after:tw-bg-gradient-to-l after:tw-from-canvas-primary"> <label for="style-icon-dolce" tabindex="0" data-style="icon-dolce" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary selected" style="background: #ffffff"></label> <input id="style-icon-dolce" name="style" class="hidden" type="radio" value="dolce"> <label for="style-icon-christian" tabindex="0" data-style="icon-christian" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #025e8a"></label> <input id="style-icon-christian" name="style" class="hidden" type="radio" value="christian"> <label for="style-icon-yves" tabindex="0" data-style="icon-yves" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #6a4245"></label> <input id="style-icon-yves" name="style" class="hidden" type="radio" value="yves"> <label for="style-icon-vera" tabindex="0" data-style="icon-vera" class="tw-relative tw-w-[20px] tw-h-[20px] tw-cursor-pointer tw-rounded-full tw-transition tw-ease-out tw-duration-100 hover:tw-scale-[1.05] tw-border-0 tw-border-solid tw-border-canvas-primary " style="background: #ff7a5f"></label> <input id="style-icon-vera" name="style" class="hidden" type="radio" value="vera"> </div> </div> <div class="card-details tw-flex tw-flex-col tw-gap-sm"> <p class="tw-text-body-sm">$280 USD</p> <ul class="tw-flex tw-flex-wrap tw-gap-md tw-items-center tw-text-body-sm tw-text-fg-secondary tw-m-0"> <li class="tw-flex tw-items-center tw-gap-3xs"> <svg class="icon tw-h-[20px] tw-w-[20px]" aria-hidden="true" focusable="false"> <use xlink:href="#icons-polaris-thumbs-up" /> </svg> <span class="tw-text-nowrap">94% (357)</span> </li> </ul> </div> </article> </div> </div> </section> <div class="mobile-sticky-footer--wrapper tw-bg-canvas-inverted-primary tw-py-lg tw-border-none mobile-sticky-footer--hide tw-flex-wrap mobile-sticky-footer--horizontal"> <a class="marketing-button mobile-sticky-footer--button tw-flex-1 tw-button-base tw-button-sm tw-button-secondary theme-primary-cta" id="MobileThemeListingPrimaryCTA" data-ga-label="Forge - Titanium" data-trekkie-style-id="2152" data-trekkie-style-handle="titanium" data-trekkie-theme-handle="forge" data-trekkie-theme-id="1492" data-ga-event="Preview theme" data-js-theme-action="login" data-partner-tracking-enabled="false" data-partner-tracking-action="add_to_cart" data-partner-tracking-value="250.00" data-partner-tracking-name="Forge" data-partner-tracking-id="1492" data-partner-tracking-currency="USD" href="https://themes.shopify.com/login?ux=signup"> Sign up to try </a> <a class="marketing-button marketing-button--secondary theme-preview-link mobile-sticky-footer--button tw-flex-1 tw-button-base tw-button-sm tw-button-primary tw-border tw-border-stroke-inverted-primary hover:tw-border-stroke-inverted-primary" id="MobileThemeListingSecondaryCTA" data-ga-action="Clicked View Demo Store on text link" data-ga-label="Forge - Titanium" data-trekkie-style-id="2152" data-trekkie-style-handle="titanium" data-trekkie-theme-handle="forge" data-trekkie-theme-id="1492" data-ga-event="Theme Details" data-demo-url="forge-theme-titanium.myshopify.com/" href="/themes/forge/styles/titanium/preview"> View demo store </a> </div> </div> </main> <section class="bottomcta tw-bg-canvas-inverted-primary tw-py-2xl lg:tw-py-4xl"> <div class="tw-container tw-flex tw-flex-col tw-items-center tw-justify-center"> <h2 class="tw-text-display-6 tw-text-fg-inverted-primary tw-text-center tw-pb-xl">Build fast and sell more<br/>with Shopify themes</h2> <button class="js-open-signup tw-rounded-full tw-cursor-pointer tw-no-underline tw-appearance-none tw-inline-block tw-text-center tw-border disabled:tw-cursor-not-allowed tw-outline-3 tw-outline-button-outline-focus tw-focus:outline tw-button-emphasis tw-px-6 tw-py-4 tw-text-link-md tw-w-full sm:tw-w-auto" name="button" data-ga-event="Email capture signup" data-ga-action="CTA button click" aria-haspopup="dialog" type="submit">Start your free trial</button> </div> </section> <footer class="footer--main" role="contentinfo"><h2 class="visuallyhidden">Footer</h2> <div class="footer-top"> <div class="grid"> <div class="grid__item"> <nav class="footer-nav"> <ul class="footer-nav__list" role="list"> <li class="footer-nav__list-item"> <a html_options="target _blank class external-nav-link" href="https://www.shopify.com/about">About</a> </li> <li class="footer-nav__list-item"> <a html_options="target _blank class external-nav-link" href="https://www.shopify.com/careers">Careers</a> </li> <li class="footer-nav__list-item"> <a html_options="target _blank class external-nav-link" href="https://news.shopify.com">Press and Media</a> </li> <li class="footer-nav__list-item"> <a html_options="target _blank class external-nav-link" href="https://www.shopify.com/plus">Enterprise</a> </li> <li class="footer-nav__list-item"> <a href="https://www.shopify.com/sitemap">Sitemap</a> </li> </ul> </nav> </div> <div class="grid__item grid__item--tablet-up-1 hide--mobile"> <h3 class="footer-subhead heading--5 ">Online store</h3> <a class="footer-link" href="https://www.shopify.com/online">Sell online</a> <a class="footer-link" href="https://www.shopify.com/online/ecommerce-solutions">Features</a> <a class="footer-link" href="https://www.shopify.com/examples">Examples</a> <a class="footer-link" href="https://www.shopify.com/website">Website editor</a> <a class="footer-link" href="https://www.shopify.com/tour">Online retail</a> </div> <div class="grid__item grid__item--tablet-up-1 hide--mobile footer-column--nameless"> <a class="footer-link" href="https://www.shopify.com/domains">Domain names</a> <a class="footer-link" href="https://www.shopify.com/tour/ecommerce-website">Ecommerce website</a> <a class="footer-link" href="https://www.shopify.com/tour/website-design">Themes</a> <a class="footer-link" href="https://www.shopify.com/tour/shopping-cart">Shopping cart</a> <a class="footer-link" href="https://www.shopify.com/tour/ecommerce-hosting">Ecommerce hosting</a> </div> <div class="grid__item grid__item--tablet-up-1 hide--mobile footer-column--nameless"> <a class="footer-link" href="https://www.shopify.com/mobile">Mobile commerce</a> <a class="footer-link" href="https://www.shopify.com/">Ecommerce software</a> <a class="footer-link" href="https://www.shopify.com/online-store">Online store builder</a> <a class="footer-link" href="https://exchangemarketplace.com">Websites for sale</a> </div> <div class="grid__item grid__item--tablet-up-1 hide--mobile"> <h3 class="footer-subhead heading--5 ">Point of sale</h3> <a class="footer-link" href="https://www.shopify.com/pos">Point of sale</a> <a class="footer-link" href="https://www.shopify.com/pos/features">Features</a> <a class="footer-link" href="https://www.shopify.com/pos/hardware">Hardware</a> </div> <div class="grid__item grid__item--mobile-up-half grid__item--tablet-up-1"> <h3 class="footer-subhead heading--5 ">Support</h3> <a class="footer-link" href="https://help.shopify.com/en/questions">24/7 Support</a> <a class="footer-link" href="https://help.shopify.com/en/">Shopify Help Center</a> <a class="footer-link" href="https://community.shopify.com/c/shopify-community/ct-p/en?profile.language=en">Forums</a> <a class="footer-link" href="https://shopify.dev/api">API Documentation</a> <a class="footer-link" href="https://www.shopify.com/tools">Free tools</a> </div> <div class="grid__item grid__item--mobile-up-half grid__item--tablet-up-1"> <h3 class="footer-subhead heading--5 ">Shopify</h3> <a class="footer-link" href="https://www.shopify.com/contact">Contact</a> <a class="footer-link" href="https://www.shopify.com/partners">Partner program</a> <a class="footer-link" href="https://www.shopify.com/affiliates">Affiliate program</a> <a class="footer-link" href="https://shopify.dev">App developers</a> <a class="footer-link" href="https://investors.shopify.com/home/default.aspx">Investors</a> <a class="footer-link" href="https://www.shopify.com/blog/topics">Blog topics</a> </div> </div></div> <div class="footer-bottom"> <div class="grid grid--vertically-centered"> <div class="grid__item grid__item--tablet-up-2 footer-bottom__social text-center--mobile"> <ul class="footer-social__list" role="list"> <li class="footer-social__list-item"> <a class="footer-social__icon " target="_blank" rel="me nofollow noopener" aria-describedby="NewWindowExternalSite" data-ga-event="Social" data-ga-action="Facebook" data-ga-label="Footer" href="https://www.facebook.com/shopify"><svg class="icon" aria-labelledby="icon-modules-social-facebook-52-title" role="img"><title id="icon-modules-social-facebook-52-title">Facebook</title> <use xlink:href="#modules-social-facebook" /> </svg></a> </li> <li class="footer-social__list-item"> <a class="footer-social__icon " target="_blank" rel="me nofollow noopener" aria-describedby="NewWindowExternalSite" data-ga-event="Social" data-ga-action="Twitter" data-ga-label="Footer" href="https://twitter.com/shopify"><svg class="icon" aria-labelledby="icon-modules-social-twitter-53-title" role="img"><title id="icon-modules-social-twitter-53-title">Twitter</title> <use xlink:href="#modules-social-twitter" /> </svg></a> </li> <li class="footer-social__list-item"> <a class="footer-social__icon " target="_blank" rel="me nofollow noopener" aria-describedby="NewWindowExternalSite" data-ga-event="Social" data-ga-action="Youtube" data-ga-label="Footer" href="https://www.youtube.com/user/shopify"><svg class="icon" aria-labelledby="icon-modules-social-youtube-54-title" role="img"><title id="icon-modules-social-youtube-54-title">YouTube</title> <use xlink:href="#modules-social-youtube" /> </svg></a> </li> <li class="footer-social__list-item"> <a class="footer-social__icon " target="_blank" rel="me nofollow noopener" aria-describedby="NewWindowExternalSite" data-ga-event="Social" data-ga-action="Instagram" data-ga-label="Footer" href="https://www.instagram.com/shopify/"><svg class="icon" aria-labelledby="icon-modules-social-instagram-55-title" role="img"><title id="icon-modules-social-instagram-55-title">Instagram</title> <use xlink:href="#modules-social-instagram" /> </svg></a> </li> <li class="footer-social__list-item"> <a class="footer-social__icon " target="_blank" rel="me nofollow noopener" aria-describedby="NewWindowExternalSite" data-ga-event="Social" data-ga-action="Linkedin" data-ga-label="Footer" href="https://www.linkedin.com/company/shopify"><svg class="icon" aria-labelledby="icon-modules-social-linkedin-56-title" role="img"><title id="icon-modules-social-linkedin-56-title">LinkedIn</title> <use xlink:href="#modules-social-linkedin" /> </svg></a> </li> <li class="footer-social__list-item"> <a class="footer-social__icon " target="_blank" rel="me nofollow noopener" aria-describedby="NewWindowExternalSite" data-ga-event="Social" data-ga-action="Pinterest" data-ga-label="Footer" href="https://www.pinterest.com/shopify/"><svg class="icon" aria-labelledby="icon-modules-social-pinterest-57-title" role="img"><title id="icon-modules-social-pinterest-57-title">Pinterest</title> <use xlink:href="#modules-social-pinterest" /> </svg></a> </li> </ul> </div> <div class="grid__item grid__item--tablet-up-4 footer-bottom__links text-center--mobile text-right--tablet-up"> <ul class="tw-flex tw-gap-lg tw-mr-lg"> <li> <a href="https://www.shopify.com/legal/terms">Terms of Service</a> </li> <li> <a href="https://www.shopify.com/legal/privacy">Privacy Policy</a> </li> </ul> <div class="footer-country-select"><div class="popover-wrapper js-popover footer-country-select__popover" id="locale-selector" toggle_only_on_click="true" data-position="top" data-align="right"><button type="button" class="popover__trigger footer-country-select__trigger" data-ga-event="Footer" data-ga-label="CountrySelector"><svg class="icon footer-country-select__globe" aria-hidden="true" focusable="false"> <use xlink:href="#icons-globe" /> </svg><span class="footer-country-select__text">English</span><span class="visuallyhidden">Change your country or region.</span><svg class="icon footer-country-select__arrow" aria-hidden="true" focusable="false"> <use xlink:href="#modules-nav-arrow-down" /> </svg></button><div class="popover"><ul class="popover__content footer-country-select__content"><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=cs"><button class="footer-country-select__country-button body-link" type="submit">Čeština</button><input type="hidden" name="authenticity_token" value="bkNvhn9Km8d6E1X5MwrG2qtzEMIy7UUA4gbFC_4FIbHWb0M96rhwKuZu3_K_WuhZ5EUra7IYD0lbpyN83HgvUA" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=da"><button class="footer-country-select__country-button body-link" type="submit">Dansk</button><input type="hidden" name="authenticity_token" value="kR2zdLFzn1m_Qp_MDMG6wV25ArVDq0FKbY7V1-ABTfspMZ_PJIF0tCM_FceAkZRCEo85HMNeCwPULzOgwnxDGg" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=de"><button class="footer-country-select__country-button body-link" type="submit">Deutsch</button><input type="hidden" name="authenticity_token" value="4NvW2ecO2MYG8jupgkACAGha3fDjvHdwm3fZ5jvljd1Y9_picvwzK5qPsaIOECyDJ2zmWWNJPTki1j-RGZiDPA" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=en"><button class="footer-country-select__country-button body-link" type="submit">English</button><input type="hidden" name="authenticity_token" value="Hy4sCcyPoXS9dJ-cMGGbJU3BkBU_bjcwBh3wAVFqcKenAgCyWX1KmSEJFZe8MbWmAvervL-bfXm_vBZ2cxd-Rg" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=es"><button class="footer-country-select__country-button body-link" type="submit">Español</button><input type="hidden" name="authenticity_token" value="qPHH5ufKuXJEnewMv7rtbDCWafWSmCTkovG9D3h1qbkQ3etdcjhSn9jgZgcz6sPvf6BSXBJtbq0bUFt4WginWA" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=fr"><button class="footer-country-select__country-button body-link" type="submit">Français</button><input type="hidden" name="authenticity_token" value="-O_dM8AQpn6pKYa4BNu_nNr_qrnxFgLTGoyVPLdB6jZAw_GIVeJNkzVUDLOIi5EflcmREHHjSJqjLXNLlTzk1w" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=it"><button class="footer-country-select__country-button body-link" type="submit">Italiano</button><input type="hidden" name="authenticity_token" value="cDS1V8yZ1Sj8WZG41jX4lFSHX2y8KzO38DW5217AxqLIGJnsWWs-xWAkG7NaZdYXG7FkxTzeef5JlF-sfL3IQw" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=nl"><button class="footer-country-select__country-button body-link" type="submit">Nederlands</button><input type="hidden" name="authenticity_token" value="AxJibnqBwrLm1hdVUowi8Bh82AipW_-mAg8C8CZwzpC7Pk7V73MpX3qrnV7e3AxzV0rjoSmute-7ruSHBA3AcQ" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=nb"><button class="footer-country-select__country-button body-link" type="submit">Norsk (bokmål)</button><input type="hidden" name="authenticity_token" value="t5TgQoGyDDok8KGp6Ou19eLzjWOLTJvg7NYVsMD7i0MPuMz5FEDn17iNK6Jku5t2rcW2ygu50alVd_PH4oaFog" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=pl"><button class="footer-country-select__country-button body-link" type="submit">Polski</button><input type="hidden" name="authenticity_token" value="TqUyc2tXfF_LS_ML19mczo3fTAwHqePhvUDNoje1_jT2iR7I_qWXslc2eQBbibJNwul3pYdcqagE4SvVFcjw1Q" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=pt-BR"><button class="footer-country-select__country-button body-link" type="submit">Português (Brasil)</button><input type="hidden" name="authenticity_token" value="LBqYsUuchmllCvVougaVmztj1sPUHETFM6MrUg2tlMSUNrQK3m5thPl3f2M2VrsYdFXtalTpDoyKAs0lL9CaJQ" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=pt-PT"><button class="footer-country-select__country-button body-link" type="submit">Português (Portugal)</button><input type="hidden" name="authenticity_token" value="AZaephL6PL_T77bmdhm4J8FYPRBm9zoPhwJ8xHeE-fq5urIdhwjXUk-SPO36SZakjm4GueYCcEY-o5qzVfn3Gw" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=fi"><button class="footer-country-select__country-button body-link" type="submit">Suomi</button><input type="hidden" name="authenticity_token" value="csLXzmxhyOK2y2kOuwle2z9x1VahwDNJdXPea_RgRfLK7vt1-ZMjDyq24wU3WXBYcEfu_yE1eQDM0jgc1h1LEw" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=sv"><button class="footer-country-select__country-button body-link" type="submit">Svenska</button><input type="hidden" name="authenticity_token" value="0exYuEnng68SH9_USKj5XosW5qrTGDdSfE6viZOMGr5pwHQD3BVoQo5iVd_E-NfdxCDdA1PtfRvF70n-sfEUXw" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=tr"><button class="footer-country-select__country-button body-link" type="submit">Türkçe</button><input type="hidden" name="authenticity_token" value="4L6-co0-SJNtL5G0xZzSnNC5DoH5UMTzc-tgU4s8q_lYkpLJGMyjfvFSG79JzPwfn481KHmljrrKSoYkqUGlGA" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=th"><button class="footer-country-select__country-button body-link" type="submit">ภาษาไทย</button><input type="hidden" name="authenticity_token" value="PAA2WW3nAYEcQ2Bx2GcVBHBWXGtFoJ3nWINnB-kfu7eELBri-BXqbIA-6npUNzuHP2BnwsVV167hIoFwy2K1Vg" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=ja"><button class="footer-country-select__country-button body-link" type="submit">日本語</button><input type="hidden" name="authenticity_token" value="cwujcehbeTYt77M6Tiz7oGpoiCnWaqHNCaNy2YeeXTPLJ4_KfamS27GSOTHCfNUjJV6zgFaf64SwApSupeNT0g" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=zh-CN"><button class="footer-country-select__country-button body-link" type="submit">简体中文</button><input type="hidden" name="authenticity_token" value="uD--XgKBqOnVgOTu9A7AplwHVudB_-7Mn37Hdc6gJ30AE5Lll3NDBEn9buV4Xu4lEzFtTsEKpIUm3yEC7N0pnA" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=zh-TW"><button class="footer-country-select__country-button body-link" type="submit">繁體中文</button><input type="hidden" name="authenticity_token" value="K04MXFHCfnbOA8J8NHlx-IBJhKyEk5ApC94Q4OSQxFqTYiDnxDCVm1J-SHe4KV97z3-_BQRm2mCyf_aXxu3Kuw" autocomplete="off" /></form></li><li class="footer-country-select__country"><form class="marketing-button-wrapper" method="post" action="https://themes.shopify.com/set_locale?locale=ko"><button class="footer-country-select__country-button body-link" type="submit">한국어</button><input type="hidden" name="authenticity_token" value="TYMn9T9UaZYot23IPcjAhdQYNoh4fKWClqatPks8x7D1rwtOqqaCe7TK58OxmO4Gmy4NIfiJ78svB0tJaUHJUQ" autocomplete="off" /></form></li></ul></div></div></div> </div></div></div> </footer> </div> <div id="root_login_modal" data-enabled="true"></div> <script> //<![CDATA[ window.I18n = window.I18n || {}; window.I18n.data = {"modal":{"home":"Home","close":"Close"},"signup":{"header":"Start your free %{trial_length}-day trial of Shopify","custom_header":"%{custom_signup_header}","create_now":"Create your store","labels":{"email":"Email address","password":"Password","storename":"Store name","shop_name":"Your store name","promotional_program_promo_code":"Discount code","subdomain":"Store URL"},"subtitles":{"shop_name":"This can be changed later.","promotional_program_promo_code":"Enter the promo code that was provided to you.","subdomain":"This will be the default domain for your store, but you can add different domains later. You'll also use your Store URL to log in."},"placeholders":{"password":"Password","email":"Email address","shop_name":"Your store name","subdomain":"Store URL","autogenerated_subdomain":"Store address"},"success_messages":{"email":"Got it","password":"Looks great","shop_name":"That name is available!","subdomain":"You‘ll use this to log in to your store"},"store_address_suffix":".myshopify.com","hint_messages":{"email_typo_html":"Did you mean <button type=\"button\" data-bind-event-click=\"%{on_click}\">%{suggestion}</button>?"},"tooltip":"Start your free %{trial_length}-day trial today!","checking":"Checking...","details":{"shop_name":"If you are the owner you can <a href=\"https://%{admin}/admin\">log in here</a>"}},"forms":{"errors":{"throttled":"Too many requests from this IP, try again later.","global":{"invalid":"Please enter a valid email address","required":"This field is required.","generic":"Sorry, something went wrong. Please try again later.","throttled":"Too many requests from this IP, try again later."},"shop_name":{"empty":"Please enter a store name","minlength":"Your store name must be at least 4 characters","maxlength":"Your store name can’t be longer than 60 characters","existingAdmin":"A store with that name already exists. If you are the owner you can <a href=\"https://%{err}/admin\">log in here</a>","message":"%{err}","matchesPassword":"Your store name can’t be the same as your password","disallowed":"Your store name can’t contain the word <strong>%{err}</strong>. Try another."},"email":{"empty":"Please enter an email address","invalid":"Please enter a valid email address","member_exists":"You are already subscribed to this list","generic":"Sorry, something went wrong. Please try again later."},"password":{"empty":"Please enter a password","minlength":"Password must be at least 5 characters","spaces":"Password cannot start or end with a space"},"subdomain":{"empty":"Please enter a subdomain","minlength":"Your subdomain must be at least 4 characters","multiple":"Multiple subdomains are associated with this email","suggest":"Did you mean %{err}?","invalid":"Please enter a valid subdomain","existingAdmin":"A store with that subdomain already exists. If you are the owner you can <a href=\"https://%{err}/admin\">log in here</a>","disallowed":"Your subdomain can’t contain the word <strong>%{err}</strong>. Try another.","message":"%{err}"},"promotional_program_promo_code":{"message":"%{err}"},"autogenerated_subdomain":{"existingAdmin":"A store with that subdomain already exists. If you are the owner you can <a href=\"https://%{err}/admin\">log in here</a>","empty":"Please enter a subdomain","invalid":"Please enter a valid subdomain, only alpha-numeric characters are allowed."}}},"theme_store_frontend":{"show_button_text":"See update details","hide_button_text":"Show less","unexpected_login_error":"Unexpected error","theme_search":{"number_of_results":{"one":"%{count} result for %{search_query}. Use the up and down arrow keys to cycle through results. Press enter to search.","other":"%{count} results for %{search_query}. Use the up and down arrow keys to cycle through results. Press enter to search."}},"styles_carousel":{"title":"%{themeName} Theme - %{styleName} - Ecommerce Website Template"},"theme_filters":{"heading":"Search filters","no_results_now":"Could not get results right now","try_again_or_home_page_html":"Try again later, or %{visit_home_page}","visit_home_page":"visit the home page","pagination":"%{first_item_index} - %{last_item_index} of %{themes_count}","filter_subheadings":{"price":"Filter by price","catalog-size":"Filter by catalog size","industry":"Filter by industry","layout":"Filter by layout","design":"Filter by design","features":"Filter by feature"},"expand_filters_label":{"price":"Expand price filters","catalog-size":"Expand filters for catalog size","industry":"Expand industry filters","layout":"Expand layout filters","design":"Expand design filters","features":"Expand feature filters"},"collapse_filters_label":{"price":"Collapse price filters","catalog-size":"Collapse filters for catalog size","industry":"Collapse industry filters","layout":"Collapse layout filters","design":"Collapse design filters","features":"Collapse feature filters"},"filter_results_count":{"one":"%{filter_label} (%{count} matching theme)","other":"%{filter_label} (%{count} matching themes)"},"themes_count":{"one":"%{count} theme","other":"%{count} themes"},"other_industry_search":{"label":"Other","placeholder":"Enter industry","button_label":"OK"}},"local_currency":{"estimated_price":"Estimated %{calculated_price}*","local_currency_exchange":"* Estimated Exchange Rate: 1 USD = %{currency_rate}.","local_currency_charges_notice":"Actual price may vary. Prices displayed are estimates based on current exchange rates. Exact amount charged will vary and depends on the exchange rate at the time of payment processing. Prices displayed exclude any applicable taxes and fees, which will be added to the cost of all services purchased.","local_currency_learn_more_link_html":"<a href=\"%{url}\" class=\"body-link\">Learn more</a>"}},"carousel":{"play":"Play carousel","pause":"Pause carousel","carousel_aria_roledescription":"Carousel","slide_nav_aria_label":"Choose slide","slide_aria_roledescription":"Slide","slide_aria_label":"%{currentSlide} of %{totalSlide}"}}; window.I18n.globals = {"total_blog_subscribers":"446,005","trial_length":3,"custom_signup_header":""}; //]]> </script> <script src="https://themes.shopify.com/cdn/shopifycloud/theme_store/assets/rails-f96da86d32b453b6828fe1dfc1ff0644a9adef722172398dc0433fbb81630651.js" crossorigin="anonymous" integrity="sha256-+W2obTK0U7aCj+Hfwf8GRKmt73IhcjmNwEM/u4FjBlE="></script> <script src="https://cdn.shopify.com/shopifycloud/theme_store/bundles/baseline/runtime-f5816527105c0d994bc4fc020e01711b9dc033f39747939b0258840b3703e98e.js"></script> <script src="https://cdn.shopify.com/shopifycloud/theme_store/bundles/baseline/vendors-caches_app_node_modules_shopify_polyfills_base_esnext-cd6c7e3f2467e1653892214cff9fffa10215e37dac65626020d0903948840e83.js"></script> <script src="https://cdn.shopify.com/shopifycloud/theme_store/bundles/baseline/vendors-caches_app_node_modules_shopify_marketing-assets_dist_javascripts_index_js-caches_app-5f2387-f1cf5f8fd2e09dcb623b0f7fb824174d3edd8250312da774b1a1da7b8fbcef92.js"></script> <script src="https://cdn.shopify.com/shopifycloud/theme_store/bundles/baseline/vendors-caches_app_node_modules_bugsnag_js_browser_notifier_js-caches_app_node_modules_shopif-cb8390-17f11219b3e4c39656e2a0a6e84f7f670a4dbd8f3ed2c01f68562c5ab92e231b.js"></script> <script src="https://cdn.shopify.com/shopifycloud/theme_store/bundles/baseline/vendors-caches_app_node_modules_lodash_lodash_js-caches_app_node_modules_script-loader_addScript_js-1cffee63d7f7f367f54e3cde705e6d212c062843af69173fa14e90fa24bf7599.js"></script> <script src="https://cdn.shopify.com/shopifycloud/theme_store/bundles/baseline/application-76e27002970d63bf44016cd5be772c8c8ba25689edec790f29be9ae732afeeb9.js"></script> <script type="text/javascript"> //<![CDATA[ var pageTrackerReadyInterval = setInterval(function(){ if (window._gat) { clearInterval(pageTrackerReadyInterval) } else { return; } var pageTracker = _gat._getTracker("UA-82702-3"); pageTracker._setDomainName("themes.shopify.com"); pageTracker._initData(); try { var results = new RegExp("[\\?&](source|r|ref)=([^&#]*)", "gi").exec(window.location.href); if(results != null) { var date = new Date(); var days = results[2] == 'cj' ? 45 : 7; date.setTime(date.getTime()+days*86400000); document.cookie = "source=" + results[2] + "; expires=" + date.toGMTString() + "; path=/; domain=.shopify.com"; pageTracker._setVar("ref: " + results[2]); } } catch(e) {} pageTracker._trackPageview(); }, 120); //]]> </script> </body> </html>