CINXE.COM
Warehouse 模板 - Metal \- 电商网站模板
<!DOCTYPE html> <html class="no-js" lang="ZH-CN"> <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="icon" type="image/png" href="https://cdn.shopify.com/static/shopify-favicon.png" /> <title> Warehouse 模板 - Metal \- 电商网站模板 </title> <meta name="description" content="Warehouse is a Shopify theme purpose-built for large inventory, high-volume stores. Packed with a great range of features and ideal for dropshipping stores" /> <link rel="canonical" href="https://themes.shopify.com/themes/warehouse/styles/metal?locale=zh-CN"> <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="Warehouse is a Shopify theme purpose-built for large inventory, high-volume stores. Packed with a great range of features and ideal for dropshipping stores"> <meta property="og:url" content="https://themes.shopify.com/themes/warehouse/styles/metal?locale=zh-CN"> <meta property="og:type" content="website"> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="0dEkAWVjcOjPO-PJZdvvv_QjxLUat0CGPD6AjeqwMMftxnfsrE58Ako0Mm0vzRDSp9rINlNfEkSp0doi2NnQrQ" /> <meta property="og:image" content='https://cdn.shopify.com/theme-store/2l1j7cfzr3ydiyxoj05mgve7jsbu.jpg'> <meta property="og:title" content='Warehouse 模板 - 电商网站模板'> <meta property="twitter:card" content='summary_large_image'> <meta property="twitter:title" content='Warehouse 模板 - 电商网站模板'> <meta property="twitter:description" content='Warehouse is a Shopify theme purpose-built for large inventory, high-volume stores. Packed with a great range of features and ideal for dropshipping stores'> <meta property="twitter:image" content='https://cdn.shopify.com/theme-store/2l1j7cfzr3ydiyxoj05mgve7jsbu.jpg'> <link rel="stylesheet" href="https://themes.shopify.com/cdn/shopifycloud/theme_store/assets/application-c91d76ac255022de6c5ba4bac92b4da7ccb4b647637751742dbc7917d80b0ef2.css" /> <link rel="stylesheet" href="https://themes.shopify.com/cdn/shopifycloud/theme_store/assets/tailwind-3007c0b52071c5f85833ab709585ce1fea4ee1b1a7173cd6633fa8ea295685bd.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> <!-- Google Tag Manager --> <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> <!-- End Google Tag Manager --> <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': 'zh-CN', }); } 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/warehouse/styles/metal" hreflang="en"> <link rel="alternate" href="https://themes.shopify.com/themes/warehouse/styles/metal?locale=de" hreflang="de"> <link rel="alternate" href="https://themes.shopify.com/themes/warehouse/styles/metal?locale=es" hreflang="es"> <link rel="alternate" href="https://themes.shopify.com/themes/warehouse/styles/metal?locale=fr" hreflang="fr"> <link rel="alternate" href="https://themes.shopify.com/themes/warehouse/styles/metal?locale=it" hreflang="it"> <link rel="alternate" href="https://themes.shopify.com/themes/warehouse/styles/metal?locale=nl" hreflang="nl"> <link rel="alternate" href="https://themes.shopify.com/themes/warehouse/styles/metal?locale=nb" hreflang="nb"> <link rel="alternate" href="https://themes.shopify.com/themes/warehouse/styles/metal?locale=pl" hreflang="pl"> <link rel="alternate" href="https://themes.shopify.com/themes/warehouse/styles/metal?locale=pt-BR" hreflang="pt-BR"> <link rel="alternate" href="https://themes.shopify.com/themes/warehouse/styles/metal?locale=pt-PT" hreflang="pt-PT"> <link rel="alternate" href="https://themes.shopify.com/themes/warehouse/styles/metal?locale=fi" hreflang="fi"> <link rel="alternate" href="https://themes.shopify.com/themes/warehouse/styles/metal?locale=sv" hreflang="sv"> <link rel="alternate" href="https://themes.shopify.com/themes/warehouse/styles/metal?locale=tr" hreflang="tr"> <link rel="alternate" href="https://themes.shopify.com/themes/warehouse/styles/metal?locale=cs" hreflang="cs"> <link rel="alternate" href="https://themes.shopify.com/themes/warehouse/styles/metal?locale=th" hreflang="th"> <link rel="alternate" href="https://themes.shopify.com/themes/warehouse/styles/metal?locale=ja" hreflang="ja"> <link rel="alternate" href="https://themes.shopify.com/themes/warehouse/styles/metal?locale=zh-CN" hreflang="zh-Hans"> <link rel="alternate" href="https://themes.shopify.com/themes/warehouse/styles/metal?locale=zh-TW" hreflang="zh-Hant-TW"> <link rel="alternate" href="https://themes.shopify.com/themes/warehouse/styles/metal?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-unsupported-lang segment-online"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TMHDF2L" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (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="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-google-translate-attribution"><svg xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 176 16" width="176px" height="16px"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g fill="#FFFFFF"> <g transform="translate(67.000000, 0.127273)"> <path d="M62.7893333,4.66666667 C62.0506667,4.66666667 61.0226667,5.18866667 60.7326667,6 L60.6746667,6 L60.6746667,4.77533333 L59.4,4.77533333 L59.4,11.8726667 L60.7326667,11.8726667 L60.7326667,8.05666667 C60.7326667,6.75266667 61.66,5.98533333 62.572,5.98533333 C62.862,5.98533333 63.094,6.014 63.282,6.08666667 L63.7893333,4.84133333 C63.514,4.72533333 63.224,4.66666667 62.7893333,4.66666667"></path> <path d="M86.8006667,1.33333333 L88.1333333,1.33333333 L88.1333333,11.8726667 L86.8006667,11.8726667 L86.8006667,1.33333333 Z"></path> <path d="M82.658,4.66666667 C81.2246667,4.66666667 79.8913333,5.46733333 79.8913333,6.71733333 C79.8913333,7.926 81.1,8.47333333 81.732,8.628 L83.164,8.96533333 C83.8946667,9.148 84.146,9.52733333 84.146,9.87866667 C84.146,10.454 83.5286667,10.8306667 82.728,10.8306667 C81.8993333,10.8306667 81.184,10.4266667 80.8193333,9.53733333 L79.6666667,10.0153333 C80.074,11.016 81.0566667,12 82.7146667,12 C84.33,12 85.4666667,11.0586667 85.4666667,9.83666667 C85.4666667,8.99333333 84.892,8.15066667 83.5286667,7.82733333 L82.1253333,7.504 C81.5773333,7.378 81.2126667,7.13933333 81.2126667,6.70333333 C81.2126667,6.14133333 81.8853333,5.836 82.616,5.836 C83.29,5.836 83.9633333,6.10333333 84.2306667,6.74933333 L85.354,6.286 C84.9326667,5.232 83.852,4.66666667 82.658,4.66666667"></path> <path d="M92.5786667,10.8013333 C91.904,10.8013333 91.0713333,10.454 91.0713333,9.724 C91.0713333,9.092 91.6793333,8.40133333 93.042,8.40133333 C94.138,8.40133333 94.6666667,8.81066667 94.6666667,8.81066667 C94.6666667,9.93466667 93.604,10.8013333 92.5786667,10.8013333 M92.8593333,4.66666667 C91.1313333,4.66666667 90.158,5.67266667 89.9186667,6.30466667 L91.0986667,6.81066667 C91.338,6.16466667 92.1706667,5.86466667 92.8873333,5.86466667 C93.8566667,5.86466667 94.6666667,6.46666667 94.6666667,7.558 L94.6666667,7.75533333 C94.3993333,7.60066667 93.7446667,7.33333333 92.8173333,7.33333333 C91.202,7.33333333 89.7013333,8.13666667 89.7013333,9.696 C89.7013333,11.1286667 90.9626667,12 92.3673333,12 C93.548,12 94.2306667,11.364 94.6106667,10.788 L94.6666667,10.788 L94.6666667,11.8726667 L95.922,11.8726667 L95.922,7.61666667 C95.922,5.678 94.5453333,4.66666667 92.8593333,4.66666667"></path> <path d="M67.3226667,10.8013333 C66.6486667,10.8013333 65.8153333,10.454 65.8153333,9.724 C65.8153333,9.092 66.424,8.40133333 67.7866667,8.40133333 C68.882,8.40133333 69.4113333,8.81066667 69.4113333,8.81066667 C69.4113333,9.93466667 68.3486667,10.8013333 67.3226667,10.8013333 M67.604,4.66666667 C65.876,4.66666667 64.902,5.67266667 64.6633333,6.30466667 L65.8433333,6.81066667 C66.0826667,6.16466667 66.9153333,5.86466667 67.632,5.86466667 C68.6013333,5.86466667 69.4113333,6.46666667 69.4113333,7.558 L69.4113333,7.75533333 C69.144,7.60066667 68.4886667,7.33333333 67.5613333,7.33333333 C65.946,7.33333333 64.446,8.13666667 64.446,9.696 C64.446,11.1286667 65.7073333,12 67.112,12 C68.292,12 68.9753333,11.364 69.3546667,10.788 L69.4113333,10.788 L69.4113333,11.8726667 L70.6666667,11.8726667 L70.6666667,7.61666667 C70.6666667,5.678 69.29,4.66666667 67.604,4.66666667"></path> <path d="M103.398,7.496 C103.654667,6.49266667 104.425333,5.86466667 105.396,5.86466667 C106.894,5.86466667 107.407333,6.9 107.45,7.496 L103.398,7.496 M105.424,4.66666667 C103.37,4.66666667 102,6.38 102,8.33333333 C102,10.4126667 103.426667,12 105.566667,12 C107.179333,12 108.206667,11.1006667 108.62,10.1173333 L107.45,9.64 C107.079333,10.5113333 106.308667,10.8013333 105.538,10.8013333 C104.454,10.8013333 103.384,10.0333333 103.312667,8.58 L108.834,8.58 C108.834,8.58 108.848667,8.43133333 108.848667,8.33333333 C108.848667,6.11333333 107.507333,4.66666667 105.424,4.66666667"></path> <path d="M75.778,4.66666667 C74.8073333,4.66666667 73.9093333,5.23133333 73.5326667,5.88266667 L73.4746667,5.88266667 L73.4746667,4.77533333 L72.2,4.77533333 L72.2,11.8726667 L73.5326667,11.8726667 L73.5326667,8.07 C73.5326667,6.984 74.2426667,5.88266667 75.4013333,5.88266667 C76.4153333,5.88266667 77.154,6.37533333 77.154,7.85266667 L77.154,11.8726667 L78.4866667,11.8726667 L78.4866667,7.65066667 C78.4866667,5.898 77.5886667,4.66666667 75.778,4.66666667"></path> <path d="M99.3993333,2.66666667 L98.0666667,2.66666667 L98.0666667,4.77533333 L96.8206667,4.77533333 L96.8206667,6.00266667 L98.0666667,6.00266667 L98.0666667,9.726 C98.0666667,11.1746667 98.8633333,12 100.355333,12 C100.804,12 101.122667,11.942 101.427333,11.812 L100.964,10.6673333 C100.775333,10.754 100.601333,10.7833333 100.355333,10.7833333 C99.7326667,10.7833333 99.3993333,10.4213333 99.3993333,9.624 L99.3993333,6.00266667 L101.137333,6.00266667 L101.137333,4.77533333 L99.3993333,4.77533333 L99.3993333,2.66666667"></path> <path d="M58.95,1.33333333 L51.7333333,1.33333333 L51.7333333,2.7 L54.6666667,2.7 L54.6666667,11.8666667 L56.0166667,11.8666667 L56.0166667,2.7 L58.95,2.7 L58.95,1.33333333"></path> <path d="M6.16,5.45866667 L6.16,7.09733333 L10.082,7.09733333 C9.96466667,8.01933333 9.65733333,8.69266667 9.18933333,9.16066667 C8.618,9.73133333 7.72533333,10.3606667 6.16,10.3606667 C3.74466667,10.3606667 1.85733333,8.41466667 1.85733333,6 C1.85733333,3.58533333 3.74466667,1.63933333 6.16,1.63933333 C7.462,1.63933333 8.41333333,2.15133333 9.116,2.81 L10.272,1.65333333 C9.29133333,0.717333333 7.98933333,0 6.16,0 C2.85266667,0 0.072,2.69266667 0.072,6 C0.072,9.30733333 2.85266667,12 6.16,12 C7.94466667,12 9.29133333,11.4146667 10.3453333,10.3173333 C11.428,9.234 11.7646667,7.712 11.7646667,6.48266667 C11.7646667,6.10266667 11.7353333,5.75133333 11.6766667,5.45866667 L6.16,5.45866667"></path> <path d="M16.6666667,4.12733333 C14.5253333,4.12733333 12.7793333,5.756 12.7793333,8 C12.7793333,10.2293333 14.5253333,11.8726667 16.6666667,11.8726667 C18.8086667,11.8726667 20.554,10.2293333 20.554,8 C20.554,5.756 18.8086667,4.12733333 16.6666667,4.12733333 L16.6666667,4.12733333 Z M16.6666667,10.3466667 C15.4933333,10.3466667 14.4806667,9.37866667 14.4806667,8 C14.4806667,6.60666667 15.4933333,5.65266667 16.6666667,5.65266667 C17.84,5.65266667 18.8526667,6.60666667 18.8526667,8 C18.8526667,9.37866667 17.84,10.3466667 16.6666667,10.3466667 L16.6666667,10.3466667 Z"></path> <path d="M35.72,4.99333333 L35.6613333,4.99333333 C35.2793333,4.538 34.546,4.12733333 33.622,4.12733333 C31.686,4.12733333 30,5.814 30,8 C30,10.1706667 31.686,11.8726667 33.622,11.8726667 C34.546,11.8726667 35.2793333,11.462 35.6613333,10.9926667 L35.72,10.9926667 L35.72,11.534 C35.72,13.0153333 34.928,13.8073333 33.6513333,13.8073333 C32.61,13.8073333 31.9646667,13.0593333 31.7006667,12.4286667 L30.2193333,13.0446667 C30.6446667,14.0713333 31.774,15.3333333 33.6513333,15.3333333 C35.6466667,15.3333333 37.3333333,14.16 37.3333333,11.2993333 L37.3333333,4.32666667 L35.72,4.32666667 L35.72,4.99333333 L35.72,4.99333333 Z M33.7693333,10.3466667 C32.596,10.3466667 31.702,9.34933333 31.702,8 C31.702,6.636 32.596,5.65266667 33.7693333,5.65266667 C34.9286667,5.65266667 35.8373333,6.65066667 35.8373333,8.01466667 C35.8373333,9.364 34.9286667,10.3466667 33.7693333,10.3466667 L33.7693333,10.3466667 Z"></path> <path d="M25.3333333,4.12733333 C23.192,4.12733333 21.446,5.756 21.446,8 C21.446,10.2293333 23.192,11.8726667 25.3333333,11.8726667 C27.4753333,11.8726667 29.2206667,10.2293333 29.2206667,8 C29.2206667,5.756 27.4753333,4.12733333 25.3333333,4.12733333 L25.3333333,4.12733333 Z M25.3333333,10.3466667 C24.16,10.3466667 23.148,9.37866667 23.148,8 C23.148,6.60666667 24.16,5.65266667 25.3333333,5.65266667 C26.5066667,5.65266667 27.5193333,6.60666667 27.5193333,8 C27.5193333,9.37866667 26.5066667,10.3466667 25.3333333,10.3466667 L25.3333333,10.3466667 Z"></path> <path d="M38.6666667,0.16 L40.34,0.16 L40.34,11.8726667 L38.6666667,11.8726667 L38.6666667,0.16 Z"></path> <path d="M45.51,10.3466667 C44.6446667,10.3466667 44.0286667,9.95133333 43.632,9.174 L48.81,7.032 L48.634,6.592 C48.3113333,5.72666667 47.3286667,4.12733333 45.3193333,4.12733333 C43.324,4.12733333 41.6666667,5.69733333 41.6666667,8 C41.6666667,10.1713333 43.3093333,11.8726667 45.51,11.8726667 C47.2846667,11.8726667 48.3113333,10.7873333 48.7366667,10.156 L47.4166667,9.276 C46.9766667,9.922 46.3753333,10.3466667 45.51,10.3466667 L45.51,10.3466667 Z M45.384,5.57866667 C46.0726667,5.57866667 46.656,5.92933333 46.8506667,6.43266667 L43.3533333,7.88266667 C43.3533333,6.25 44.508,5.57866667 45.384,5.57866667 L45.384,5.57866667 Z"></path> </g> <text opacity="0.87" font-family="Roboto, ShopifySans, Helvetica, Arial, Lucida Grande, sans-serif" font-size="12" font-weight="normal"> <tspan x="0" y="12">powered by</tspan> </text> </g> </g> </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">电子邮件地址</span><input placeholder="电子邮件地址" aria-describedby="MessageId_3c13" 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_3c13"><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="zh"> <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">创建商店</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?locale=zh-CN" role="search"> <input type="search" name="q" id="q" class="marketing-input theme-search__input gutter-bottom--reset" placeholder="按功能特色、样式或设计师搜索" autocomplete="off" required="required" aria-controls="searchResultsScreenReaderText" maxLength="50" /> <button name="button" type="button" class="theme-search__input-button theme-search__input-clear-button">清除</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">相近搜索</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?locale=zh-CN&price=free" class="theme-search__result theme-search__results-link"> <span class="theme-search__results-text">免费模板</span> <span class="theme-search__results-type">价格</span> </a> </li> <li class="theme-search__results-list-item"> <a href="/themes?industry=jewelry-and-accessories&locale=zh-CN" class="theme-search__result theme-search__results-link"> <span class="theme-search__results-text">珠宝和配饰</span> <span class="theme-search__results-type">行业</span> </a> </li> <li class="theme-search__results-list-item"> <a href="/themes?catalog-size=small-catalog&locale=zh-CN" class="theme-search__result theme-search__results-link"> <span class="theme-search__results-text">小型产品目录</span> <span class="theme-search__results-type">产品目录大小</span> </a> </li> <li class="theme-search__results-list-item"> <a href="/themes?industry=food-and-drink&locale=zh-CN" class="theme-search__result theme-search__results-link"> <span class="theme-search__results-text">食品和饮料</span> <span class="theme-search__results-type">行业</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">搜索 Theme Store</title> <use xlink:href="#modules-search" /> </svg> <span>建议</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">跳至内容</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="/?locale=zh-CN" 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-45-title" role="img"><title id="icon-shopify_themes_logo_v2-45-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">产品系列<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?locale=zh-CN&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">大型产品目录</a></li><li><a href="/collections/small-inventory?locale=zh-CN&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">小型产品目录</a></li><li><a href="/collections/free-themes?locale=zh-CN&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">免费模板</a></li><li><a href="/collections/selling-in-person?locale=zh-CN&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">线下销售</a></li><li><a href="/collections/selling-internationally?locale=zh-CN&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">跨境销售</a></li><li><a href="/collections/minimalist?locale=zh-CN&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">极简风格</a></li><li><a href="/collections/trending-themes?locale=zh-CN&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">本周热门</a></li><li><a href="/collections/new-themes?locale=zh-CN&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">新模板</a></li></ul></div></div></div></li><li><a href="https://themes.shopify.com/themes?locale=zh-CN&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">所有模板</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="搜索 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">搜索</span> </button> <ul class="marketing-nav__items marketing-nav__user display--expanded-nav"> <li><a href="/login?ui_locales=zh-CN" 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">登录</a></li><li><a href="https://accounts.shopify.com/store-create?_s=4f6109a4-3874-4b82-81ee-7f259d181927&_y=b4dd7302-2059-466c-864d-7c78009164d8&account_signup=true&locale=zh-CN&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 hover:tw-bg-grey-900 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 focus:tw-shadow-none focus:tw-ring-2 focus:tw-ring-[#6366f1] marketing-button marketing-button--small start-free-trial__button" itemprop="name" data-ga-event="Main Nav" data-ga-action="Get Started">注册</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-47-title" role="img"><title id="icon-modules-mobile-hamburger-47-title">打开主导航</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="/?locale=zh-CN" class="theme-store-logo"> <svg class="icon" aria-labelledby="icon-shopify_themes_logo_v2-48-title" role="img"><title id="icon-shopify_themes_logo_v2-48-title">主页</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-49-title" role="img"><title id="icon-modules-cancel-49-title">关闭主导航</title> <use xlink:href="#modules-cancel" /> </svg> </button> </div> <nav id="DrawerTitle" aria-label="主导航"> <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">产品系列<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?locale=zh-CN&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">大型产品目录</a></li><li><a href="/collections/small-inventory?locale=zh-CN&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">小型产品目录</a></li><li><a href="/collections/free-themes?locale=zh-CN&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">免费模板</a></li><li><a href="/collections/selling-in-person?locale=zh-CN&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">线下销售</a></li><li><a href="/collections/selling-internationally?locale=zh-CN&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">跨境销售</a></li><li><a href="/collections/minimalist?locale=zh-CN&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">极简风格</a></li><li><a href="/collections/trending-themes?locale=zh-CN&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">本周热门</a></li><li><a href="/collections/new-themes?locale=zh-CN&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">新模板</a></li></ul></div></li><li><a href="https://themes.shopify.com/themes?locale=zh-CN&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">所有模板</a></li><li><a href="/login?ui_locales=zh-CN" class="drawer__item drawer__item--primary" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="Log in">登录</a></li> </ul> <ul class="drawer__items drawer__items--user" id="DrawerNavSecondaryAccordion"> <li><a href="/login?ui_locales=zh-CN" class="drawer__item hide--mobile hide--tablet" data-ga-event="Main Nav" data-ga-action="Clicked" data-ga-label="Log in">登录</a></li><li><a href="https://accounts.shopify.com/store-create?_s=4f6109a4-3874-4b82-81ee-7f259d181927&_y=b4dd7302-2059-466c-864d-7c78009164d8&account_signup=true&locale=zh-CN&signup_types%5B%5D=online_store" class="drawer__item tw-text-white js-open-signup get-started--nav tw-text-white tw-bg-black hover:tw-bg-grey-900 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 focus:tw-shadow-none focus:tw-ring-2 focus:tw-ring-[#6366f1] marketing-button marketing-button--small start-free-trial__button" data-ga-event="Main Nav" data-ga-action="Get Started">注册</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">关于</a></li><li><a href="https://www.shopify.com/careers" class="drawer__item external-nav-link" target="_blank">招贤纳士</a></li><li><a href="https://news.shopify.com" class="drawer__item external-nav-link" target="_blank">新闻媒体</a></li><li><a href="https://www.shopify.com/plus" class="drawer__item external-nav-link" target="_blank">企业</a></li><li><a href="https://www.shopify.com/zh/sitemap" class="drawer__item">站点地图</a></li> </ul> </nav> </div> </div> </header> </div> </div> <div hidden="hidden"><span id="NewWindow">在新窗口中打开</span><span id="ExternalSite">打开外部网站</span><span id="NewWindowExternalSite">在新窗口中打开外部网站</span></div> <div id="PageContainer"> <main role="main" id="Main"> <div class="theme-listing-page" data-theme-id="871" data-theme-name="Warehouse" data-style-id="2078" data-style-name="Metal" data-paid="true" data-theme-filters="["price","industry","catalog-size","features"]"> <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="metal"> <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"> Warehouse </h1> </div> <div class="theme-meta__price--container tw-pt-sm" itemprop="offers" itemtype="https://schema.org/Offer" itemscope> <meta itemprop="price" content="320.00"> <meta itemprop="priceCurrency" content="USD"> <p class="tw-text-fg-inverted-primary tw-text-body-sm"> $320 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">无限免费试用</a>。发布商店后才需付费。 </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">旨在展示和推广大量产品</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"> 评论 (298) </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> 86% 好评 </dd> </div> <div> <dt class="tw-text-heading-xs tw-text-fg-inverted-tertiary"> 开发人员 </dt> <dd> <a class="tw-link-base tw-link-xs tw-link-inverted" target="_blank" rel="noopener noreferrer nofollow" title="Maestrooo" href="http://maestrooo.com">Maestrooo</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="Warehouse - Metal" data-trekkie-style-id="2078" data-trekkie-style-handle="metal" data-trekkie-theme-handle="warehouse" data-trekkie-theme-id="871" 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="320.00" data-partner-tracking-name="Warehouse" data-partner-tracking-id="871" data-partner-tracking-currency="USD" data-partner-google-analytics-id="" data-partner-facebook-pixel-id="" href="https://themes.shopify.com/login?surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection&ui_locales=zh-CN&ux=signup"> 注册试用 </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="Warehouse - Metal" data-trekkie-style-id="2078" data-trekkie-style-handle="metal" data-trekkie-theme-handle="warehouse" data-trekkie-theme-id="871" data-ga-event="Theme Details" data-demo-url="warehouse-theme-metal.myshopify.com" href="/themes/warehouse/styles/metal/preview?surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection"> 查看演示商店 </a> </div> <div class="tw-md-sm md:tw-mb-md tw-text-center"> <h2 class="visuallyhidden"> 发行说明 </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>最后更新时间 2024年12月5日</span> <span class="tw-px-sm md:tw-hidden">•</span> <span>版本 6.3.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="Warehouse - Metal" data-trekkie-style-id="2078" data-trekkie-style-handle="metal" data-trekkie-theme-handle="warehouse" data-trekkie-theme-id="871" 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="320.00" data-partner-tracking-name="Warehouse" data-partner-tracking-id="871" data-partner-tracking-currency="USD" data-partner-google-analytics-id="" data-partner-facebook-pixel-id="" href="https://themes.shopify.com/login?surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection&ui_locales=zh-CN&ux=signup"> 注册试用 </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="Warehouse - Metal" data-trekkie-style-id="2078" data-trekkie-style-handle="metal" data-trekkie-theme-handle="warehouse" data-trekkie-theme-id="871" data-ga-event="Theme Details" data-demo-url="warehouse-theme-metal.myshopify.com" href="/themes/warehouse/styles/metal/preview?surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection"> 查看演示商店 </a> <div class="tw-md-sm md:tw-mb-md tw-text-center"> <h2 class="visuallyhidden"> 发行说明 </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>最后更新时间 2024年12月5日</span> <span class="tw-px-sm md:tw-hidden">•</span> <span>版本 6.3.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 no-js--visible js-is-active"> <img class="main-screenshot__image--mobile" itemprop="image" alt="Warehouse 模板“Metal”样式的移动端预览" src="https://cdn.shopify.com/theme-store/uio01tzi85dwy8scdelt9qlogukb.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="Warehouse 模板“Wood”样式的移动端预览" src="https://cdn.shopify.com/theme-store/a3niznnt06oegp2d2lgbffdmssbu.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="Warehouse 模板“Fabric”样式的移动端预览" src="https://cdn.shopify.com/theme-store/qcdk2szo8ubqu5ftfprb29as6zyu.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 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="Warehouse 模板“Metal”样式的桌面端预览" src="https://cdn.shopify.com/theme-store/2l1j7cfzr3ydiyxoj05mgve7jsbu.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="Warehouse 模板“Metal”样式的移动端预览" src="https://cdn.shopify.com/theme-store/uio01tzi85dwy8scdelt9qlogukb.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="Warehouse 模板“Wood”样式的桌面端预览" src="https://cdn.shopify.com/theme-store/q9hle4r4aoflhhsttewgg5xyy4yd.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="Warehouse 模板“Wood”样式的移动端预览" src="https://cdn.shopify.com/theme-store/a3niznnt06oegp2d2lgbffdmssbu.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="Warehouse 模板“Fabric”样式的桌面端预览" src="https://cdn.shopify.com/theme-store/p81r8mdoutayzjrn12ii2iqd1kdt.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="Warehouse 模板“Fabric”样式的移动端预览" src="https://cdn.shopify.com/theme-store/qcdk2szo8ubqu5ftfprb29as6zyu.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">示例预设</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: #C9CEDF"> <span class="listbox__selected-option-label">Metal</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-metal"> <a role="option" id="ExamplePresetsSelection__metal" class="example-presets-selector__option style-selector carousel-nav-item" data-option="metal" data-option-label="Metal" data-example-presets-hex-code="#C9CEDF" style="--palette-hex-code: #C9CEDF" aria-selected='true' href="/themes/warehouse/styles/metal?locale=zh-CN" data-state="0" data-preview-url="/themes/warehouse/styles/metal/preview?locale=zh-CN&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection" data-id="2078" data-handle="metal" data-style-name="Metal" data-style-slug="" data-theme-name="Warehouse" data-ui-color="#C9CEDF" data-ui-color-light="rgba(201,206,223,0.15)" data-demo-url="warehouse-theme-metal.myshopify.com" data-ga-event="Theme Details Styles" data-ga-action="Clicked" data-ga-label="Warehouse - Metal"> <span class="example-presets-selector__option-label"> Metal </span> </a> <a role="option" id="ExamplePresetsSelection__wood" class="example-presets-selector__option style-selector carousel-nav-item" data-option="wood" data-option-label="Wood" data-example-presets-hex-code="#D6BFAF" style="--palette-hex-code: #D6BFAF" href="/themes/warehouse/styles/wood?locale=zh-CN" data-state="1" data-preview-url="/themes/warehouse/styles/wood/preview?locale=zh-CN&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection" data-id="1258" data-handle="wood" data-style-name="Wood" data-style-slug="" data-theme-name="Warehouse" data-ui-color="#D6BFAF" data-ui-color-light="rgba(214,191,175,0.15)" data-demo-url="warehouse-theme-wood.myshopify.com" data-ga-event="Theme Details Styles" data-ga-action="Clicked" data-ga-label="Warehouse - Wood"> <span class="example-presets-selector__option-label"> Wood </span> </a> <a role="option" id="ExamplePresetsSelection__fabric" class="example-presets-selector__option style-selector carousel-nav-item" data-option="fabric" data-option-label="Fabric" data-example-presets-hex-code="#C75F70" style="--palette-hex-code: #C75F70" href="/themes/warehouse/styles/fabric?locale=zh-CN" data-state="2" data-preview-url="/themes/warehouse/styles/fabric/preview?locale=zh-CN&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection" data-id="1300" data-handle="fabric" data-style-name="Fabric" data-style-slug="" data-theme-name="Warehouse" data-ui-color="#C75F70" data-ui-color-light="rgba(199,95,112,0.15)" data-demo-url="warehouse-theme-fabric.myshopify.com" data-ga-event="Theme Details Styles" data-ga-action="Clicked" data-ga-label="Warehouse - Fabric"> <span class="example-presets-selector__option-label"> Fabric </span> </a> </div> </div></div></div></div> <div class="tw-hidden" itemprop="aggregateRating" itemtype="https://schema.org/AggregateRating" itemscope> <meta itemprop="reviewCount" content="298"> <meta itemprop="ratingValue" content="86%"> </div> </div> </div> </section> <section class="tw-container tw-py-xl lg:tw-py-3xl"> <h2 class="visuallyhidden">模板亮点</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/pdx3npzcf5ejq52amlbqbr1uvvni.jpg')"> <button class="theme-listing__highlight-overlay" id="ImageHighlight__1" data-lightbox-media-title="适合大型目录" data-lightbox-media-desc="产品很多?没问题。我们强大的产品系列页面旨在组织、展示和筛选包含数千种产品的目录。" data-lightbox-media="https://cdn.shopify.com/theme-store/pdx3npzcf5ejq52amlbqbr1uvvni.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">在灯箱模态窗口放大屏幕截图</span> </button> </div> <div> <h3 class="tw-text-heading-md tw-pb-xs">适合大型目录</h3> <p class="tw-text-body-md tw-text-fg-secondary">产品很多?没问题。我们强大的产品系列页面旨在组织、展示和筛选包含数千种产品的目录。</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/b2hn6darut8lwz364gebjpwk2yrc.jpg')"> <button class="theme-listing__highlight-overlay" id="ImageHighlight__2" data-lightbox-media-title="可适应布局" data-lightbox-media-desc="高度灵活和自定义的设置使您能够创建真正独特的产品、内容、元字段等展示!" data-lightbox-media="https://cdn.shopify.com/theme-store/b2hn6darut8lwz364gebjpwk2yrc.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">在灯箱模态窗口放大屏幕截图</span> </button> </div> <div> <h3 class="tw-text-heading-md tw-pb-xs">可适应布局</h3> <p class="tw-text-body-md tw-text-fg-secondary">高度灵活和自定义的设置使您能够创建真正独特的产品、内容、元字段等展示!</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/czrgb36h4doxe29us2zw100rxzm6.jpg')"> <button class="theme-listing__highlight-overlay" id="ImageHighlight__3" data-lightbox-media-title="性能优化" data-lightbox-media-desc="我们的主题采用强大、尖端、专业编写的高质量代码开发,开箱即用!" data-lightbox-media="https://cdn.shopify.com/theme-store/czrgb36h4doxe29us2zw100rxzm6.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">在灯箱模态窗口放大屏幕截图</span> </button> </div> <div> <h3 class="tw-text-heading-md tw-pb-xs">性能优化</h3> <p class="tw-text-body-md tw-text-fg-secondary">我们的主题采用强大、尖端、专业编写的高质量代码开发,开箱即用!</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="模板详细信息"> <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"> 功能特色 </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"> 评价 </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"> 支持和帮助文档 </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">此模板非常适合</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">代发货分销商<span class="lg:tw-hidden">: </span> </strong>专为代发货分销商而设计 </li> <li class="tw-text-fg-secondary"> <strong class="tw-text-fg-primary lg:tw-block">限时抢购<span class="lg:tw-hidden">: </span> </strong>专为开展限时促销而设计的功能 </li> <li class="tw-text-fg-secondary"> <strong class="tw-text-fg-primary lg:tw-block">大流量商店<span class="lg:tw-hidden">: </span> </strong>专为在一定时间内处理大量交易的商店而设计 </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"><a class="tw-underline" href="https://www.shopify.com/plus">Shopify Plus</a> 专属功能</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>数量定价</li> <li>组合式详情页</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">产品发现</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>产品筛选和排序</li> <li>产品系列页面导航</li> <li>增强搜索</li> <li>推荐的产品</li> <li>最近浏览过的产品</li> <li>样本筛选器</li> <li>粘性标头</li> <li>超级菜单</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">展销</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>产品标签</li> <li>产品视频</li> <li>产品选项</li> <li>使用信息</li> <li>图库</li> <li>图片缩放</li> <li>图片翻转</li> <li>幻灯片</li> <li>运输/配送信息</li> <li>颜色样本</li> <li>高分辨率图片</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">营销与转化</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>交叉销售</li> <li>产品徽章</li> <li>促销横幅</li> <li>信任徽章</li> <li>博客</li> <li>可自定义联系表</li> <li>常见问题解答页面</li> <li>库存计数器</li> <li>快速查看</li> <li>推荐的产品</li> <li>最近浏览过的产品</li> <li>欧盟官方语言翻译(英语、法语、意大利语、德语、西班牙语)</li> <li>菜单栏内促销</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">购物车和结账</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>快速购买</li> <li>滑出购物车</li> <li>礼品包装</li> <li>购物车备注</li> <li>门店自提</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 tw-scroll-m-24" id="Reviews" data-name="warehouse" data-style="metal"> <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"> 298 条评论 </h3> <div> <p class="tw-text-body-md tw-pt-xs tw-pb-lg">86% 好评</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: 86%"></div> </div> <div class="review-graph__count tw-text-body-md">255 <span class="visuallyhidden">好评</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: 4%"></div> </div> <div class="review-graph__count tw-text-body-md">13 <span class="visuallyhidden">中评</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: 10%"></div> </div> <div class="review-graph__count tw-text-body-md">30 <span class="visuallyhidden">差评</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/warehouse/styles/metal/reviews/new?locale=zh-CN">撰写评论</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">LiveSafe spletna trgovina</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">2025年1月24日</span> </figcaption> <p class="tw-text-body-md tw-text-fg-secondary">Theme is gr8 and support is more gr8 !! Happy customer.</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">Comodo Sokken</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">2025年1月15日</span> </figcaption> <p class="tw-text-body-md tw-text-fg-secondary">Great theme and theming support! This theme has really helped scale my business and adapt it to my needs.</p> </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">3D FACTORY MX</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">2025年1月11日</span> </figcaption> <p class="tw-text-body-md tw-text-fg-secondary">They provided exceptional assistance in resolving our theme-related issues. Their team was responsive, knowledgeable, and guided us through every step of the correction process. Thanks to their support, our store is now running smoothly. Highly recommended!</p> </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">Lategan & Van Biljoens</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">2025年1月10日</span> </figcaption> <p class="tw-text-body-md tw-text-fg-secondary">I recently used the Shopify Warehouse theme and was blown away by their exceptional service and support. The team went above and beyond to assist me with customization and ensure everything ran smoothly. Their quick response time and in-depth knowledge made the entire process stress-free. I highly recommend this theme, not only for its functionality but also for the outstanding help.</p> </figure> <div role="navigation" class="pagination pagination--reviews clearfix"><span class="previous_page disabled">‹ 较新的发行说明</span> <em class="current" aria-current="page">1</em> <a rel="next" href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&reviews_page=2&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#Reviews">2</a> <a href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&reviews_page=3&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#Reviews">3</a> <a href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&reviews_page=4&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#Reviews">4</a> <a href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&reviews_page=5&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#Reviews">5</a> <a href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&reviews_page=6&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#Reviews">6</a> <a href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&reviews_page=7&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#Reviews">7</a> <a href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&reviews_page=8&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#Reviews">8</a> <a href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&reviews_page=9&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#Reviews">9</a> <span class="gap"></span> <a href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&reviews_page=74&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#Reviews">74</a> <a href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&reviews_page=75&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#Reviews">75</a> <a class="next_page" rel="next" href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&reviews_page=2&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#Reviews">更早的发行说明 ›</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"> 此模板由 Maestrooo 提供支持 </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://support.maestrooo.com/article/203-contact-us">获取支持</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://support.maestrooo.com/">阅读帮助文档</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"> 关于 </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">11 rue René Goscinny, Paris, 75013, FR</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="warehouse" data-style="metal"> <div class="section-header"> <h2 class="tw-text-heading-xl tw-pb-lg"> 发行说明 </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">版本 6.3.0 <span class="tw-text-body-xs tw-text-fg-tertiary tw-pl-sm">December 5, 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="#changed" class="anchor"></a>Changed</h3> <ul> <li>On January 2025, <a href="https://shopify.dev/changelog/changes-to-our-font-library">Shopify will deprecate</a> a lot of fonts. As a consequence of this change, themes are required to no longer use deprecated fonts. All our presets were using fonts that are now deprecated, so we replaced them by other fonts. Merchants who are using a deprecated font will be notified by Shopify and have a recommended alternative.</li> </ul> <h3><a href="#fixed" class="anchor"></a>Fixed</h3> <ul> <li>Fixed an issue that would cause two or more "featured product" sections embedded on the same page to not work properly if both featured products has variants.</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">版本 6.2.0 <span class="tw-text-body-xs tw-text-fg-tertiary tw-pl-sm">September 23, 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 have added support for quantity rules and quantity breaks. Those features are only available on B2B channel for Shopify Plus merchants. You can learn more about this feature on <a href="https://help.shopify.com/en/manual/b2b/catalogs/quantity-pricing">Shopify B2B documentation</a>. To show a volume pricing, add the new "Volume pricing" block on your 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">版本 6.1.0 <span class="tw-text-body-xs tw-text-fg-tertiary tw-pl-sm">August 23, 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>Added support for the upcoming dynamic checkout button changes that will happen on September 15th.</li> </ul> <h3><a href="#fixes" class="anchor"></a>Fixes</h3> <ul> <li>Fixed some regressions introduced in version 6.0.0 for the "local store pickup" block in product pages.</li> </ul> </div> </div> </div> <div role="navigation" class="pagination pagination--release-notes"><span class="previous_page disabled">‹ 较新的发行说明</span> <em class="current" aria-current="page">1</em> <a rel="next" href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&release_notes_page=2&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#ReleaseNotes">2</a> <a href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&release_notes_page=3&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#ReleaseNotes">3</a> <a href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&release_notes_page=4&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#ReleaseNotes">4</a> <a href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&release_notes_page=5&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#ReleaseNotes">5</a> <a href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&release_notes_page=6&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#ReleaseNotes">6</a> <a href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&release_notes_page=7&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#ReleaseNotes">7</a> <a href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&release_notes_page=8&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#ReleaseNotes">8</a> <a href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&release_notes_page=9&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#ReleaseNotes">9</a> <span class="gap"></span> <a href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&release_notes_page=12&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#ReleaseNotes">12</a> <a href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&release_notes_page=13&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#ReleaseNotes">13</a> <a class="next_page" rel="next" href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&release_notes_page=2&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#ReleaseNotes">更早的发行说明 ›</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__功能特色" class="mobile-tabs__toggle tw-flex tw-justify-between tw-w-full tw-py-lg" data-tab-label="功能特色"> <span class="mobile-tabs__toggle-label tw-text-label-sm tw-uppercase tw-font-bold tw-tracking-wide">功能特色</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">此模板非常适合</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">代发货分销商<span class="lg:tw-hidden">: </span> </strong>专为代发货分销商而设计 </li> <li class="tw-text-fg-secondary"> <strong class="tw-text-fg-primary lg:tw-block">限时抢购<span class="lg:tw-hidden">: </span> </strong>专为开展限时促销而设计的功能 </li> <li class="tw-text-fg-secondary"> <strong class="tw-text-fg-primary lg:tw-block">大流量商店<span class="lg:tw-hidden">: </span> </strong>专为在一定时间内处理大量交易的商店而设计 </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"><a class="tw-underline" href="https://www.shopify.com/plus">Shopify Plus</a> 专属功能</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>数量定价</li> <li>组合式详情页</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">产品发现</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>产品筛选和排序</li> <li>产品系列页面导航</li> <li>增强搜索</li> <li>推荐的产品</li> <li>最近浏览过的产品</li> <li>样本筛选器</li> <li>粘性标头</li> <li>超级菜单</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">展销</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>产品标签</li> <li>产品视频</li> <li>产品选项</li> <li>使用信息</li> <li>图库</li> <li>图片缩放</li> <li>图片翻转</li> <li>幻灯片</li> <li>运输/配送信息</li> <li>颜色样本</li> <li>高分辨率图片</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">营销与转化</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>交叉销售</li> <li>产品徽章</li> <li>促销横幅</li> <li>信任徽章</li> <li>博客</li> <li>可自定义联系表</li> <li>常见问题解答页面</li> <li>库存计数器</li> <li>快速查看</li> <li>推荐的产品</li> <li>最近浏览过的产品</li> <li>欧盟官方语言翻译(英语、法语、意大利语、德语、西班牙语)</li> <li>菜单栏内促销</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">购物车和结账</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>快速购买</li> <li>滑出购物车</li> <li>礼品包装</li> <li>购物车备注</li> <li>门店自提</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__评价" class="mobile-tabs__toggle tw-flex tw-justify-between tw-w-full tw-py-lg" data-tab-label="评价"> <span class="mobile-tabs__toggle-label tw-text-label-sm tw-uppercase tw-font-bold tw-tracking-wide">评价</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 tw-scroll-m-24" id="Reviews" data-name="warehouse" data-style="metal"> <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"> 298 条评论 </h3> <div> <p class="tw-text-body-md tw-pt-xs tw-pb-lg">86% 好评</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: 86%"></div> </div> <div class="review-graph__count tw-text-body-md">255 <span class="visuallyhidden">好评</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: 4%"></div> </div> <div class="review-graph__count tw-text-body-md">13 <span class="visuallyhidden">中评</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: 10%"></div> </div> <div class="review-graph__count tw-text-body-md">30 <span class="visuallyhidden">差评</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/warehouse/styles/metal/reviews/new?locale=zh-CN">撰写评论</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">LiveSafe spletna trgovina</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">2025年1月24日</span> </figcaption> <p class="tw-text-body-md tw-text-fg-secondary">Theme is gr8 and support is more gr8 !! Happy customer.</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">Comodo Sokken</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">2025年1月15日</span> </figcaption> <p class="tw-text-body-md tw-text-fg-secondary">Great theme and theming support! This theme has really helped scale my business and adapt it to my needs.</p> </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">3D FACTORY MX</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">2025年1月11日</span> </figcaption> <p class="tw-text-body-md tw-text-fg-secondary">They provided exceptional assistance in resolving our theme-related issues. Their team was responsive, knowledgeable, and guided us through every step of the correction process. Thanks to their support, our store is now running smoothly. Highly recommended!</p> </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">Lategan & Van Biljoens</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">2025年1月10日</span> </figcaption> <p class="tw-text-body-md tw-text-fg-secondary">I recently used the Shopify Warehouse theme and was blown away by their exceptional service and support. The team went above and beyond to assist me with customization and ensure everything ran smoothly. Their quick response time and in-depth knowledge made the entire process stress-free. I highly recommend this theme, not only for its functionality but also for the outstanding help.</p> </figure> <div role="navigation" class="pagination pagination--reviews clearfix"><span class="previous_page disabled">‹ 较新的发行说明</span> <em class="current" aria-current="page">1</em> <a rel="next" href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&reviews_page=2&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#Reviews">2</a> <a href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&reviews_page=3&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#Reviews">3</a> <a href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&reviews_page=4&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#Reviews">4</a> <a href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&reviews_page=5&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#Reviews">5</a> <a href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&reviews_page=6&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#Reviews">6</a> <a href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&reviews_page=7&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#Reviews">7</a> <a href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&reviews_page=8&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#Reviews">8</a> <a href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&reviews_page=9&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#Reviews">9</a> <span class="gap"></span> <a href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&reviews_page=74&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#Reviews">74</a> <a href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&reviews_page=75&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#Reviews">75</a> <a class="next_page" rel="next" href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&reviews_page=2&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#Reviews">更早的发行说明 ›</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__支持和帮助文档" class="mobile-tabs__toggle tw-flex tw-justify-between tw-w-full tw-py-lg" data-tab-label="支持和帮助文档"> <span class="mobile-tabs__toggle-label tw-text-label-sm tw-uppercase tw-font-bold tw-tracking-wide">支持和帮助文档</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"> 此模板由 Maestrooo 提供支持 </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://support.maestrooo.com/article/203-contact-us">获取支持</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://support.maestrooo.com/">阅读帮助文档</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"> 关于 </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">11 rue René Goscinny, Paris, 75013, FR</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="warehouse" data-style="metal"> <div class="section-header"> <h2 class="tw-text-heading-xl tw-pb-lg"> 发行说明 </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">版本 6.3.0 <span class="tw-text-body-xs tw-text-fg-tertiary tw-pl-sm">December 5, 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="#changed" class="anchor"></a>Changed</h3> <ul> <li>On January 2025, <a href="https://shopify.dev/changelog/changes-to-our-font-library">Shopify will deprecate</a> a lot of fonts. As a consequence of this change, themes are required to no longer use deprecated fonts. All our presets were using fonts that are now deprecated, so we replaced them by other fonts. Merchants who are using a deprecated font will be notified by Shopify and have a recommended alternative.</li> </ul> <h3><a href="#fixed" class="anchor"></a>Fixed</h3> <ul> <li>Fixed an issue that would cause two or more "featured product" sections embedded on the same page to not work properly if both featured products has variants.</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">版本 6.2.0 <span class="tw-text-body-xs tw-text-fg-tertiary tw-pl-sm">September 23, 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 have added support for quantity rules and quantity breaks. Those features are only available on B2B channel for Shopify Plus merchants. You can learn more about this feature on <a href="https://help.shopify.com/en/manual/b2b/catalogs/quantity-pricing">Shopify B2B documentation</a>. To show a volume pricing, add the new "Volume pricing" block on your 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">版本 6.1.0 <span class="tw-text-body-xs tw-text-fg-tertiary tw-pl-sm">August 23, 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>Added support for the upcoming dynamic checkout button changes that will happen on September 15th.</li> </ul> <h3><a href="#fixes" class="anchor"></a>Fixes</h3> <ul> <li>Fixed some regressions introduced in version 6.0.0 for the "local store pickup" block in product pages.</li> </ul> </div> </div> </div> <div role="navigation" class="pagination pagination--release-notes"><span class="previous_page disabled">‹ 较新的发行说明</span> <em class="current" aria-current="page">1</em> <a rel="next" href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&release_notes_page=2&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#ReleaseNotes">2</a> <a href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&release_notes_page=3&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#ReleaseNotes">3</a> <a href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&release_notes_page=4&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#ReleaseNotes">4</a> <a href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&release_notes_page=5&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#ReleaseNotes">5</a> <a href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&release_notes_page=6&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#ReleaseNotes">6</a> <a href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&release_notes_page=7&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#ReleaseNotes">7</a> <a href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&release_notes_page=8&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#ReleaseNotes">8</a> <a href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&release_notes_page=9&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#ReleaseNotes">9</a> <span class="gap"></span> <a href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&release_notes_page=12&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#ReleaseNotes">12</a> <a href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&release_notes_page=13&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#ReleaseNotes">13</a> <a class="next_page" rel="next" href="/themes/warehouse/styles/metal?locale=zh-CN&page=36&release_notes_page=2&surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection#ReleaseNotes">更早的发行说明 ›</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">使用 Warehouse 的商店</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="在 Warehouse 上查看 https://www.tefal-shop.com.au/" target="_blank" class="tw-group tw-block tw-h-full tw-bg-canvas-inverted-tertiary" rel="noopener noreferrer" href="https://www.tefal-shop.com.au/"> <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/ak3ti76ua5brkzrm1pk14jsc0rhm.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="在 Warehouse 上查看 https://tennisgiant.com/" target="_blank" class="tw-group tw-block tw-h-full tw-bg-canvas-inverted-tertiary" rel="noopener noreferrer" href="https://tennisgiant.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/28o1obhy5ujke1nhtbevf6f3anep.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="在 Warehouse 上查看 https://www.garagegrowngear.com/" target="_blank" class="tw-group tw-block tw-h-full tw-bg-canvas-inverted-tertiary" rel="noopener noreferrer" href="https://www.garagegrowngear.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/ydruq5nyx7uhtgb7cwvexz3tamy9.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="在 Warehouse 上查看 https://appliancesclub.com/" target="_blank" class="tw-group tw-block tw-h-full tw-bg-canvas-inverted-tertiary" rel="noopener noreferrer" href="https://appliancesclub.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/u17eac5qszim540rqtxp7ed9agam.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]">创建商店,安心之选 - Theme Store 所作的承诺</h2> <p class="visuallyhidden">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">兼容 Shopify 最新功能</h3> </div> <p class="tw-text-body-md tw-text-fg-secondary tw-pl-xl">我们保证, Shopify 模板商店中的模板会始终保持最新状态,并兼容 Shopify 不断改进的功能组合。</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">已经过速度测试与认证</h3> </div> <p class="tw-text-body-md tw-text-fg-secondary tw-pl-xl">模板商店中的每一个模板均符合 Shopify 的性能标准,确保您的顾客能够享受更加顺畅的购物体验。</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">无限免费试用</h3> </div> <p class="tw-text-body-md tw-text-fg-secondary tw-pl-xl"> 您可以免费试用模板,添加产品、调整品牌配色,以及定制商店设计。将模板发布到商店中时,需一次性支付 $320。 </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">免费高分辨率照片</h3> </div> <p class="tw-text-body-md tw-text-fg-secondary tw-pl-xl"> 不包括演示商店,但您可以通过 <a target="_blank" rel="noopener" class="body-link body-link--darker" data-trekkie-theme-id="871" 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">免费模板更新</h3> </div> <p class="tw-text-body-md tw-text-fg-secondary tw-pl-xl">模板商店提供最新模板功能及修复。您可以随时重新下载所购买的模板。</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">单个商店无限期使用权</h3> </div> <p class="tw-text-body-md tw-text-fg-secondary tw-pl-xl">支付后即可在单个商店无限期使用所购模板。</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">为 代发货分销商 制作的更多模板</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="871" data-theme-name="Warehouse" data-style-id="2078" data-style-name="Metal" 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="[1608,1966,1399,2358]"> <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-1807"> <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="1807" data-trekkie-style-handle="default" data-trekkie-theme-handle="athens" data-trekkie-theme-id="1608" data-theme-id="1608" data-theme-name="Athens" data-style-id="1807" data-style-name="Default" data-paid="true" data-surface-type="listing" data-surface-detail="listing" data-surface-inter-position="1" data-surface-intra-position="1" aria-label="关于 Athens 模板的详细信息" href="/themes/athens/styles/default?locale=zh-CN&surface_detail=listing&surface_inter_position=1&surface_intra_position=1&surface_type=listing"> <div class="style-images " data-style="athens-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: #004fc7"> <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="Athens 模板“Default”样式的桌面端预览" src="https://cdn.shopify.com/theme-store/7zlkcp0znd256es92gsd7yctch4b.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="Athens 模板“Default”样式的移动端预览" src="https://cdn.shopify.com/theme-store/rji1d97l4k579ty2jyiiuqrijdmc.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">Athens</h4> </div> </a> <a data-trekkie-style-id="1879" data-trekkie-style-handle="spoke" data-trekkie-theme-handle="athens" data-trekkie-theme-id="1608" data-theme-id="1608" data-theme-name="Athens" data-style-id="1879" data-style-name="Spoke" data-paid="true" data-surface-type="listing" data-surface-detail="listing" data-surface-inter-position="1" data-surface-intra-position="1" aria-label="关于 Athens 模板的详细信息" href="/themes/athens/styles/spoke?locale=zh-CN&surface_detail=listing&surface_inter_position=1&surface_intra_position=1&surface_type=listing"> <div class="style-images hidden" data-style="athens-spoke"> <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: #60A61D"> <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="Athens 模板“Spoke”样式的桌面端预览" src="https://cdn.shopify.com/theme-store/0i7411sg7pgio0mdojjko6dq1lwj.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="Athens 模板“Spoke”样式的移动端预览" src="https://cdn.shopify.com/theme-store/np4b3u97ih38amzpvl3djty9kzpr.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">Athens</h4> </div> </a> <a data-trekkie-style-id="1939" data-trekkie-style-handle="pharm" data-trekkie-theme-handle="athens" data-trekkie-theme-id="1608" data-theme-id="1608" data-theme-name="Athens" data-style-id="1939" data-style-name="Pharm" data-paid="true" data-surface-type="listing" data-surface-detail="listing" data-surface-inter-position="1" data-surface-intra-position="1" aria-label="关于 Athens 模板的详细信息" href="/themes/athens/styles/pharm?locale=zh-CN&surface_detail=listing&surface_inter_position=1&surface_intra_position=1&surface_type=listing"> <div class="style-images hidden" data-style="athens-pharm"> <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: #097998"> <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="Athens 模板“Pharm”样式的桌面端预览" src="https://cdn.shopify.com/theme-store/iwnzkwipwbz76se142hp2yvy0l97.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="Athens 模板“Pharm”样式的移动端预览" src="https://cdn.shopify.com/theme-store/8lguyrbqixknf30ruycq4e0jug5y.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">Athens</h4> </div> </a> <a data-trekkie-style-id="2245" data-trekkie-style-handle="electron" data-trekkie-theme-handle="athens" data-trekkie-theme-id="1608" data-theme-id="1608" data-theme-name="Athens" data-style-id="2245" data-style-name="Electron" data-paid="true" data-surface-type="listing" data-surface-detail="listing" data-surface-inter-position="1" data-surface-intra-position="1" aria-label="关于 Athens 模板的详细信息" href="/themes/athens/styles/electron?locale=zh-CN&surface_detail=listing&surface_inter_position=1&surface_intra_position=1&surface_type=listing"> <div class="style-images hidden" data-style="athens-electron"> <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: #D91418"> <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="Athens 模板“Electron”样式的桌面端预览" src="https://cdn.shopify.com/theme-store/4xfqyb26ug762xx4hbzw2zk2myhl.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="Athens 模板“Electron”样式的移动端预览" src="https://cdn.shopify.com/theme-store/s82gsl7zf5odhi881k0lp1g4vdgc.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">Athens</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-athens-default" tabindex="0" data-style="athens-default" 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: #004fc7"></label> <input id="style-athens-default" name="style" class="hidden" type="radio" value="default"> <label for="style-athens-spoke" tabindex="0" data-style="athens-spoke" 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: #60A61D"></label> <input id="style-athens-spoke" name="style" class="hidden" type="radio" value="spoke"> <label for="style-athens-pharm" tabindex="0" data-style="athens-pharm" 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: #097998"></label> <input id="style-athens-pharm" name="style" class="hidden" type="radio" value="pharm"> <label for="style-athens-electron" tabindex="0" data-style="athens-electron" 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: #D91418"></label> <input id="style-athens-electron" name="style" class="hidden" type="radio" value="electron"> </div> </div> <div class="card-details tw-flex tw-flex-col tw-gap-sm"> <p class="tw-text-body-sm">$300 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% (41)</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-2390"> <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="2390" data-trekkie-style-handle="clean" data-trekkie-theme-handle="align" data-trekkie-theme-id="1966" data-theme-id="1966" data-theme-name="Align" data-style-id="2390" data-style-name="Clean" data-paid="true" data-surface-type="listing" data-surface-detail="listing" data-surface-inter-position="1" data-surface-intra-position="2" aria-label="关于 Align 模板的详细信息" href="/themes/align/styles/clean?locale=zh-CN&surface_detail=listing&surface_inter_position=1&surface_intra_position=2&surface_type=listing"> <div class="style-images " data-style="align-clean"> <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: #fbeedd"> <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="Align 模板“Clean”样式的桌面端预览" src="https://cdn.shopify.com/theme-store/ew3jj7uog4ph4c3nvs06tffgdf6r.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="Align 模板“Clean”样式的移动端预览" src="https://cdn.shopify.com/theme-store/m3x6o58a6zz28s9hj3fsw5pxdgej.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">Align</h4> </div> </a> <a data-trekkie-style-id="2391" data-trekkie-style-handle="dark" data-trekkie-theme-handle="align" data-trekkie-theme-id="1966" data-theme-id="1966" data-theme-name="Align" data-style-id="2391" data-style-name="Dark" data-paid="true" data-surface-type="listing" data-surface-detail="listing" data-surface-inter-position="1" data-surface-intra-position="2" aria-label="关于 Align 模板的详细信息" href="/themes/align/styles/dark?locale=zh-CN&surface_detail=listing&surface_inter_position=1&surface_intra_position=2&surface_type=listing"> <div class="style-images hidden" data-style="align-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: #000000"> <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="Align 模板“Dark”样式的桌面端预览" src="https://cdn.shopify.com/theme-store/ff1kezc894arqoiotip7piyh5zfq.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="Align 模板“Dark”样式的移动端预览" src="https://cdn.shopify.com/theme-store/s462eowbbivyhqfevbbnfxf5f6l3.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">Align</h4> </div> </a> <a data-trekkie-style-id="2735" data-trekkie-style-handle="minimal" data-trekkie-theme-handle="align" data-trekkie-theme-id="1966" data-theme-id="1966" data-theme-name="Align" data-style-id="2735" data-style-name="Minimal" data-paid="true" data-surface-type="listing" data-surface-detail="listing" data-surface-inter-position="1" data-surface-intra-position="2" aria-label="关于 Align 模板的详细信息" href="/themes/align/styles/minimal?locale=zh-CN&surface_detail=listing&surface_inter_position=1&surface_intra_position=2&surface_type=listing"> <div class="style-images hidden" data-style="align-minimal"> <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="Align 模板“Minimal”样式的桌面端预览" src="https://cdn.shopify.com/theme-store/gjv34lmi9maiidsp80kljsizi3gk.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="Align 模板“Minimal”样式的移动端预览" src="https://cdn.shopify.com/theme-store/4mtg11bq1e4qxglt4l4ovi4fl1c8.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">Align</h4> </div> </a> <a data-trekkie-style-id="2578" data-trekkie-style-handle="natural" data-trekkie-theme-handle="align" data-trekkie-theme-id="1966" data-theme-id="1966" data-theme-name="Align" data-style-id="2578" data-style-name="Natural" data-paid="true" data-surface-type="listing" data-surface-detail="listing" data-surface-inter-position="1" data-surface-intra-position="2" aria-label="关于 Align 模板的详细信息" href="/themes/align/styles/natural?locale=zh-CN&surface_detail=listing&surface_inter_position=1&surface_intra_position=2&surface_type=listing"> <div class="style-images hidden" data-style="align-natural"> <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: #2a472b"> <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="Align 模板“Natural”样式的桌面端预览" src="https://cdn.shopify.com/theme-store/2g3l5zg8x55pe64yhpooi3lpsr02.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="Align 模板“Natural”样式的移动端预览" src="https://cdn.shopify.com/theme-store/g1d760vydrue83qrq0rbvw4rnyi0.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">Align</h4> </div> </a> <a data-trekkie-style-id="3069" data-trekkie-style-handle="playful" data-trekkie-theme-handle="align" data-trekkie-theme-id="1966" data-theme-id="1966" data-theme-name="Align" data-style-id="3069" data-style-name="Playful" data-paid="true" data-surface-type="listing" data-surface-detail="listing" data-surface-inter-position="1" data-surface-intra-position="2" aria-label="关于 Align 模板的详细信息" href="/themes/align/styles/playful?locale=zh-CN&surface_detail=listing&surface_inter_position=1&surface_intra_position=2&surface_type=listing"> <div class="style-images hidden" data-style="align-playful"> <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: #D0102D"> <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="Align 模板“Playful”样式的桌面端预览" src="https://cdn.shopify.com/theme-store/lve2omd6awk8bfa8bez3qsptn71u.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="Align 模板“Playful”样式的移动端预览" src="https://cdn.shopify.com/theme-store/jdigt23c3gmjmcjgrqz6pk7vi915.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">Align</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-align-clean" tabindex="0" data-style="align-clean" 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: #fbeedd"></label> <input id="style-align-clean" name="style" class="hidden" type="radio" value="clean"> <label for="style-align-dark" tabindex="0" data-style="align-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: #000000"></label> <input id="style-align-dark" name="style" class="hidden" type="radio" value="dark"> <label for="style-align-minimal" tabindex="0" data-style="align-minimal" 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: #f1f1f1"></label> <input id="style-align-minimal" name="style" class="hidden" type="radio" value="minimal"> <label for="style-align-natural" tabindex="0" data-style="align-natural" 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: #2a472b"></label> <input id="style-align-natural" name="style" class="hidden" type="radio" value="natural"> <label for="style-align-playful" tabindex="0" data-style="align-playful" 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: #D0102D"></label> <input id="style-align-playful" name="style" class="hidden" type="radio" value="playful"> </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"> <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% (30)</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-1785"> <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="1785" data-trekkie-style-handle="beauty" data-trekkie-theme-handle="be-yours" data-trekkie-theme-id="1399" data-theme-id="1399" data-theme-name="Be Yours" data-style-id="1785" data-style-name="Beauty" data-paid="true" data-surface-type="listing" data-surface-detail="listing" data-surface-inter-position="1" data-surface-intra-position="3" aria-label="关于 Be Yours 模板的详细信息" href="/themes/be-yours/styles/beauty?locale=zh-CN&surface_detail=listing&surface_inter_position=1&surface_intra_position=3&surface_type=listing"> <div class="style-images " data-style="be-yours-beauty"> <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: #FAEAA1"> <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="Be Yours 模板“Beauty”样式的桌面端预览" src="https://cdn.shopify.com/theme-store/k536jibxfav41qw8eghure6ggr8g.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="Be Yours 模板“Beauty”样式的移动端预览" src="https://cdn.shopify.com/theme-store/xp2bdtc51lz2echdr9n2wp94ryl8.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">Be Yours</h4> </div> </a> <a data-trekkie-style-id="1986" data-trekkie-style-handle="trendy" data-trekkie-theme-handle="be-yours" data-trekkie-theme-id="1399" data-theme-id="1399" data-theme-name="Be Yours" data-style-id="1986" data-style-name="Trendy" data-paid="true" data-surface-type="listing" data-surface-detail="listing" data-surface-inter-position="1" data-surface-intra-position="3" aria-label="关于 Be Yours 模板的详细信息" href="/themes/be-yours/styles/trendy?locale=zh-CN&surface_detail=listing&surface_inter_position=1&surface_intra_position=3&surface_type=listing"> <div class="style-images hidden" data-style="be-yours-trendy"> <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: #FD7969"> <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="Be Yours 模板“Trendy”样式的桌面端预览" src="https://cdn.shopify.com/theme-store/40f2wp28m8uj71zkyjys4ofiwytc.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="Be Yours 模板“Trendy”样式的移动端预览" src="https://cdn.shopify.com/theme-store/rnscf1ccwxqaw5b27p4l8bzlm4dh.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">Be Yours</h4> </div> </a> <a data-trekkie-style-id="1663" data-trekkie-style-handle="peace" data-trekkie-theme-handle="be-yours" data-trekkie-theme-id="1399" data-theme-id="1399" data-theme-name="Be Yours" data-style-id="1663" data-style-name="Peace" data-paid="true" data-surface-type="listing" data-surface-detail="listing" data-surface-inter-position="1" data-surface-intra-position="3" aria-label="关于 Be Yours 模板的详细信息" href="/themes/be-yours/styles/peace?locale=zh-CN&surface_detail=listing&surface_inter_position=1&surface_intra_position=3&surface_type=listing"> <div class="style-images hidden" data-style="be-yours-peace"> <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: #24958E"> <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="Be Yours 模板“Peace”样式的桌面端预览" src="https://cdn.shopify.com/theme-store/0635qj0712x8ei3r36z2u5tod1i3.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="Be Yours 模板“Peace”样式的移动端预览" src="https://cdn.shopify.com/theme-store/j36sfqv44c2bzwqyngxwqm2tthkh.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">Be Yours</h4> </div> </a> <a data-trekkie-style-id="1664" data-trekkie-style-handle="dark" data-trekkie-theme-handle="be-yours" data-trekkie-theme-id="1399" data-theme-id="1399" data-theme-name="Be Yours" data-style-id="1664" 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="关于 Be Yours 模板的详细信息" href="/themes/be-yours/styles/dark?locale=zh-CN&surface_detail=listing&surface_inter_position=1&surface_intra_position=3&surface_type=listing"> <div class="style-images hidden" data-style="be-yours-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: #cdb891"> <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="Be Yours 模板“Dark”样式的桌面端预览" src="https://cdn.shopify.com/theme-store/0cpjz60sxzplui8xthf9zpav9wlc.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="Be Yours 模板“Dark”样式的移动端预览" src="https://cdn.shopify.com/theme-store/dwu8bbfdegqargse65hcb0rcc697.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">Be Yours</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-be-yours-beauty" tabindex="0" data-style="be-yours-beauty" 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: #FAEAA1"></label> <input id="style-be-yours-beauty" name="style" class="hidden" type="radio" value="beauty"> <label for="style-be-yours-trendy" tabindex="0" data-style="be-yours-trendy" 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: #FD7969"></label> <input id="style-be-yours-trendy" name="style" class="hidden" type="radio" value="trendy"> <label for="style-be-yours-peace" tabindex="0" data-style="be-yours-peace" 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: #24958E"></label> <input id="style-be-yours-peace" name="style" class="hidden" type="radio" value="peace"> <label for="style-be-yours-dark" tabindex="0" data-style="be-yours-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: #cdb891"></label> <input id="style-be-yours-dark" name="style" class="hidden" type="radio" value="dark"> </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"> <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">98% (576)</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-2938"> <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="2938" data-trekkie-style-handle="games-and-toys" data-trekkie-theme-handle="toyo" data-trekkie-theme-id="2358" data-theme-id="2358" data-theme-name="Toyo" data-style-id="2938" data-style-name="Games and Toys" data-paid="true" data-surface-type="listing" data-surface-detail="listing" data-surface-inter-position="1" data-surface-intra-position="4" aria-label="关于 Toyo 模板的详细信息" href="/themes/toyo/styles/games-and-toys?locale=zh-CN&surface_detail=listing&surface_inter_position=1&surface_intra_position=4&surface_type=listing"> <div class="style-images " data-style="toyo-games-and-toys"> <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: #da3c25"> <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="Toyo 模板“Games and Toys”样式的桌面端预览" src="https://cdn.shopify.com/theme-store/gbtccircqcylj9l9yugib7o86fq5.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="Toyo 模板“Games and Toys”样式的移动端预览" src="https://cdn.shopify.com/theme-store/sgtr7ml6f8wr2y4942fr0bedilxj.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">Toyo</h4> </div> </a> <a data-trekkie-style-id="2939" data-trekkie-style-handle="kids-and-baby" data-trekkie-theme-handle="toyo" data-trekkie-theme-id="2358" data-theme-id="2358" data-theme-name="Toyo" data-style-id="2939" data-style-name="Kids and Baby" data-paid="true" data-surface-type="listing" data-surface-detail="listing" data-surface-inter-position="1" data-surface-intra-position="4" aria-label="关于 Toyo 模板的详细信息" href="/themes/toyo/styles/kids-and-baby?locale=zh-CN&surface_detail=listing&surface_inter_position=1&surface_intra_position=4&surface_type=listing"> <div class="style-images hidden" data-style="toyo-kids-and-baby"> <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: #fde6e5"> <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="Toyo 模板“Kids and Baby”样式的桌面端预览" src="https://cdn.shopify.com/theme-store/ahm8bgdh8lwxwgmdq8ttq6fho7vq.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="Toyo 模板“Kids and Baby”样式的移动端预览" src="https://cdn.shopify.com/theme-store/ewxw23w35ni4goauul2afkni3lu1.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">Toyo</h4> </div> </a> <a data-trekkie-style-id="2970" data-trekkie-style-handle="pet-shop" data-trekkie-theme-handle="toyo" data-trekkie-theme-id="2358" data-theme-id="2358" data-theme-name="Toyo" data-style-id="2970" data-style-name="Pet Shop" data-paid="true" data-surface-type="listing" data-surface-detail="listing" data-surface-inter-position="1" data-surface-intra-position="4" aria-label="关于 Toyo 模板的详细信息" href="/themes/toyo/styles/pet-shop?locale=zh-CN&surface_detail=listing&surface_inter_position=1&surface_intra_position=4&surface_type=listing"> <div class="style-images hidden" data-style="toyo-pet-shop"> <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: #ff8b94"> <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="Toyo 模板“Pet Shop”样式的桌面端预览" src="https://cdn.shopify.com/theme-store/pqgvfjeskqrukneqqcactkilqj87.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="Toyo 模板“Pet Shop”样式的移动端预览" src="https://cdn.shopify.com/theme-store/d87b2gdl6qul6my7p4cu0l8zxc0n.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">Toyo</h4> </div> </a> <a data-trekkie-style-id="3173" data-trekkie-style-handle="books" data-trekkie-theme-handle="toyo" data-trekkie-theme-id="2358" data-theme-id="2358" data-theme-name="Toyo" data-style-id="3173" data-style-name="Books" data-paid="true" data-surface-type="listing" data-surface-detail="listing" data-surface-inter-position="1" data-surface-intra-position="4" aria-label="关于 Toyo 模板的详细信息" href="/themes/toyo/styles/books?locale=zh-CN&surface_detail=listing&surface_inter_position=1&surface_intra_position=4&surface_type=listing"> <div class="style-images hidden" data-style="toyo-books"> <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: #cfeaf6"> <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="Toyo 模板“Books”样式的桌面端预览" src="https://cdn.shopify.com/theme-store/125lx2dt2a4gxhbrijdnq3eefl4j.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="Toyo 模板“Books”样式的移动端预览" src="https://cdn.shopify.com/theme-store/o3r6ibq61piy902r6xaoffcz2glp.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">Toyo</h4> </div> </a> <a data-trekkie-style-id="3429" data-trekkie-style-handle="beauty" data-trekkie-theme-handle="toyo" data-trekkie-theme-id="2358" data-theme-id="2358" data-theme-name="Toyo" data-style-id="3429" data-style-name="Beauty" data-paid="true" data-surface-type="listing" data-surface-detail="listing" data-surface-inter-position="1" data-surface-intra-position="4" aria-label="关于 Toyo 模板的详细信息" href="/themes/toyo/styles/beauty?locale=zh-CN&surface_detail=listing&surface_inter_position=1&surface_intra_position=4&surface_type=listing"> <div class="style-images hidden" data-style="toyo-beauty"> <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: #dd7353"> <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="Toyo 模板“Beauty”样式的桌面端预览" src="https://cdn.shopify.com/theme-store/zt72d8ewsumt5kn39c4y0b04pfjw.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="Toyo 模板“Beauty”样式的移动端预览" src="https://cdn.shopify.com/theme-store/3q9xsryh3tfxrib8ibeg4dgohy7y.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">Toyo</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-toyo-games-and-toys" tabindex="0" data-style="toyo-games-and-toys" 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: #da3c25"></label> <input id="style-toyo-games-and-toys" name="style" class="hidden" type="radio" value="games-and-toys"> <label for="style-toyo-kids-and-baby" tabindex="0" data-style="toyo-kids-and-baby" 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: #fde6e5"></label> <input id="style-toyo-kids-and-baby" name="style" class="hidden" type="radio" value="kids-and-baby"> <label for="style-toyo-pet-shop" tabindex="0" data-style="toyo-pet-shop" 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: #ff8b94"></label> <input id="style-toyo-pet-shop" name="style" class="hidden" type="radio" value="pet-shop"> <label for="style-toyo-books" tabindex="0" data-style="toyo-books" 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: #cfeaf6"></label> <input id="style-toyo-books" name="style" class="hidden" type="radio" value="books"> <label for="style-toyo-beauty" tabindex="0" data-style="toyo-beauty" 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: #dd7353"></label> <input id="style-toyo-beauty" name="style" class="hidden" type="radio" value="beauty"> </div> </div> <div class="card-details tw-flex tw-flex-col tw-gap-sm"> <p class="tw-text-body-sm">$140 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">78% (9)</span> </li> </ul> </div> </article> </div> </div> <div id="theme-designer-styles-data" data-theme-id="871" data-theme-name="Warehouse" data-style-id="2078" data-style-name="Metal" 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="[1190,855]"></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"> <a href="/designers/maestrooo?locale=zh-CN">Maestrooo</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="871" data-theme-name="Warehouse" data-style-id="2078" data-style-name="Metal" 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="[1608,1966,1399,2358]"> <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-1960"> <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="1960" data-trekkie-style-handle="sound" data-trekkie-theme-handle="impact" data-trekkie-theme-id="1190" data-theme-id="1190" data-theme-name="Impact" data-style-id="1960" data-style-name="Sound" data-paid="true" data-surface-type="listing" data-surface-detail="listing" data-surface-inter-position="1" data-surface-intra-position="1" aria-label="关于 Impact 模板的详细信息" href="/themes/impact/styles/sound?locale=zh-CN&surface_detail=listing&surface_inter_position=1&surface_intra_position=1&surface_type=listing"> <div class="style-images " data-style="impact-sound"> <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: #778667"> <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="Impact 模板“Sound”样式的桌面端预览" src="https://cdn.shopify.com/theme-store/nbfc7t8c88oijyxyoul0m7j2uvhz.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="Impact 模板“Sound”样式的移动端预览" src="https://cdn.shopify.com/theme-store/dgvmftw9ciezyq3i2ndrje2wwrez.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">Impact</h4> </div> </a> <a data-trekkie-style-id="1961" data-trekkie-style-handle="home" data-trekkie-theme-handle="impact" data-trekkie-theme-id="1190" data-theme-id="1190" data-theme-name="Impact" data-style-id="1961" 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="关于 Impact 模板的详细信息" href="/themes/impact/styles/home?locale=zh-CN&surface_detail=listing&surface_inter_position=1&surface_intra_position=1&surface_type=listing"> <div class="style-images hidden" data-style="impact-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: #97B0D8"> <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="Impact 模板“Home”样式的桌面端预览" src="https://cdn.shopify.com/theme-store/r4vkoar07vgc9xh5jr4geow6mjem.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="Impact 模板“Home”样式的移动端预览" src="https://cdn.shopify.com/theme-store/4bf1h88i6h6dkhwh1tfn8dm2pzsc.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">Impact</h4> </div> </a> <a data-trekkie-style-id="1985" data-trekkie-style-handle="shape" data-trekkie-theme-handle="impact" data-trekkie-theme-id="1190" data-theme-id="1190" data-theme-name="Impact" data-style-id="1985" data-style-name="Shape" data-paid="true" data-surface-type="listing" data-surface-detail="listing" data-surface-inter-position="1" data-surface-intra-position="1" aria-label="关于 Impact 模板的详细信息" href="/themes/impact/styles/shape?locale=zh-CN&surface_detail=listing&surface_inter_position=1&surface_intra_position=1&surface_type=listing"> <div class="style-images hidden" data-style="impact-shape"> <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: #D9967E"> <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="Impact 模板“Shape”样式的桌面端预览" src="https://cdn.shopify.com/theme-store/mfoh67x0p2o4gtsreb51zop41f5f.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="Impact 模板“Shape”样式的移动端预览" src="https://cdn.shopify.com/theme-store/andu6xt7mr129n3zpb4kgoad1ggr.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">Impact</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-impact-sound" tabindex="0" data-style="impact-sound" 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: #778667"></label> <input id="style-impact-sound" name="style" class="hidden" type="radio" value="sound"> <label for="style-impact-home" tabindex="0" data-style="impact-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: #97B0D8"></label> <input id="style-impact-home" name="style" class="hidden" type="radio" value="home"> <label for="style-impact-shape" tabindex="0" data-style="impact-shape" 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: #D9967E"></label> <input id="style-impact-shape" name="style" class="hidden" type="radio" value="shape"> </div> </div> <div class="card-details tw-flex tw-flex-col tw-gap-sm"> <p class="tw-text-body-sm">$380 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">87% (142)</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-1202"> <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="1202" data-trekkie-style-handle="allure" data-trekkie-theme-handle="prestige" data-trekkie-theme-id="855" data-theme-id="855" data-theme-name="Prestige" data-style-id="1202" data-style-name="Allure" data-paid="true" data-surface-type="listing" data-surface-detail="listing" data-surface-inter-position="1" data-surface-intra-position="2" aria-label="关于 Prestige 模板的详细信息" href="/themes/prestige/styles/allure?locale=zh-CN&surface_detail=listing&surface_inter_position=1&surface_intra_position=2&surface_type=listing"> <div class="style-images " data-style="prestige-allure"> <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: #D4D4D4"> <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="Prestige 模板“Allure”样式的桌面端预览" src="https://cdn.shopify.com/theme-store/eab7007dxjx43quy6w4p348pc9by.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="Prestige 模板“Allure”样式的移动端预览" src="https://cdn.shopify.com/theme-store/7c38e5w875e97nmu9abrr1oyr29h.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">Prestige</h4> </div> </a> <a data-trekkie-style-id="1203" data-trekkie-style-handle="couture" data-trekkie-theme-handle="prestige" data-trekkie-theme-id="855" data-theme-id="855" data-theme-name="Prestige" data-style-id="1203" data-style-name="Couture" data-paid="true" data-surface-type="listing" data-surface-detail="listing" data-surface-inter-position="1" data-surface-intra-position="2" aria-label="关于 Prestige 模板的详细信息" href="/themes/prestige/styles/couture?locale=zh-CN&surface_detail=listing&surface_inter_position=1&surface_intra_position=2&surface_type=listing"> <div class="style-images hidden" data-style="prestige-couture"> <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: #91B9D7"> <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="Prestige 模板“Couture”样式的桌面端预览" src="https://cdn.shopify.com/theme-store/1dh7bu7lydzywkigqfnwoa49n817.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="Prestige 模板“Couture”样式的移动端预览" src="https://cdn.shopify.com/theme-store/eq9zbuudl5xt702omv8emuz61b1v.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">Prestige</h4> </div> </a> <a data-trekkie-style-id="1204" data-trekkie-style-handle="vogue" data-trekkie-theme-handle="prestige" data-trekkie-theme-id="855" data-theme-id="855" data-theme-name="Prestige" data-style-id="1204" data-style-name="Vogue" data-paid="true" data-surface-type="listing" data-surface-detail="listing" data-surface-inter-position="1" data-surface-intra-position="2" aria-label="关于 Prestige 模板的详细信息" href="/themes/prestige/styles/vogue?locale=zh-CN&surface_detail=listing&surface_inter_position=1&surface_intra_position=2&surface_type=listing"> <div class="style-images hidden" data-style="prestige-vogue"> <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: #BEA991"> <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="Prestige 模板“Vogue”样式的桌面端预览" src="https://cdn.shopify.com/theme-store/23j3updtevgi6u1ha4g8n5wfrqu1.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="Prestige 模板“Vogue”样式的移动端预览" src="https://cdn.shopify.com/theme-store/lbq59l6b5dcqgjesqy5bke80kg9t.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">Prestige</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-prestige-allure" tabindex="0" data-style="prestige-allure" 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: #D4D4D4"></label> <input id="style-prestige-allure" name="style" class="hidden" type="radio" value="allure"> <label for="style-prestige-couture" tabindex="0" data-style="prestige-couture" 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: #91B9D7"></label> <input id="style-prestige-couture" name="style" class="hidden" type="radio" value="couture"> <label for="style-prestige-vogue" tabindex="0" data-style="prestige-vogue" 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: #BEA991"></label> <input id="style-prestige-vogue" name="style" class="hidden" type="radio" value="vogue"> </div> </div> <div class="card-details tw-flex tw-flex-col tw-gap-sm"> <p class="tw-text-body-sm">$380 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">91% (711)</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="Warehouse - Metal" data-trekkie-style-id="2078" data-trekkie-style-handle="metal" data-trekkie-theme-handle="warehouse" data-trekkie-theme-id="871" 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="320.00" data-partner-tracking-name="Warehouse" data-partner-tracking-id="871" data-partner-tracking-currency="USD" href="https://themes.shopify.com/login?surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection&ui_locales=zh-CN&ux=signup"> 注册试用 </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="Warehouse - Metal" data-trekkie-style-id="2078" data-trekkie-style-handle="metal" data-trekkie-theme-handle="warehouse" data-trekkie-theme-id="871" data-ga-event="Theme Details" data-demo-url="warehouse-theme-metal.myshopify.com" href="/themes/warehouse/styles/metal/preview?surface_detail=video-3d-products&surface_inter_position=1&surface_intra_position=2&surface_type=collection"> 查看演示商店 </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">使用 Shopify 模板快速构建并提升销量</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">开始免费试用</button> </div> </section> <footer class="footer--main" role="contentinfo"><h2 class="visuallyhidden">页脚</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">关于</a> </li> <li class="footer-nav__list-item"> <a html_options="target _blank class external-nav-link" href="https://www.shopify.com/careers">招贤纳士</a> </li> <li class="footer-nav__list-item"> <a html_options="target _blank class external-nav-link" href="https://news.shopify.com">新闻媒体</a> </li> <li class="footer-nav__list-item"> <a html_options="target _blank class external-nav-link" href="https://www.shopify.com/plus">企业</a> </li> <li class="footer-nav__list-item"> <a href="https://www.shopify.com/zh/sitemap">站点地图</a> </li> </ul> <div class="footer-nav__attribution"> <svg class="icon" aria-hidden="true" focusable="false"> <use xlink:href="#modules-google-translate-attribution" /> </svg> </div> </nav> </div> <div class="grid__item grid__item--tablet-up-1 hide--mobile"> <h3 class="footer-subhead heading--5 ">在线商店</h3> <a class="footer-link" href="https://www.shopify.com/zh/online">在线销售</a> <a class="footer-link" href="https://www.shopify.com/zh/online/ecommerce-solutions">特色功能</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/zh/examples">示例</a> <a class="footer-link" href="https://www.shopify.com/zh/domains">域名</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/zh/dropshipping">代发货</a> <a class="footer-link" href="https://www.shopify.com/zh/buy-button">Buy Button</a> </div> <div class="grid__item grid__item--tablet-up-1 hide--mobile"> <h3 class="footer-subhead heading--5 ">POS</h3> <a class="footer-link" href="https://www.shopify.com/zh/pos">POS</a> <a class="footer-link" href="https://www.shopify.com/zh/pos/features">特色功能</a> </div> <div class="grid__item grid__item--mobile-up-half grid__item--tablet-up-1"> <h3 class="footer-subhead heading--5 ">支持</h3> <a class="footer-link" href="https://help.shopify.com/zh-CN/questions">全天候支持</a> <a class="footer-link" href="https://help.shopify.com/zh-CN/">Shopify 帮助中心</a> <a class="footer-link" href="https://community.shopify.com/c/shopify-community/ct-p/en?profile.language=en">论坛</a> <a class="footer-link" href="https://shopify.dev/api">API 文档</a> <a class="footer-link" href="https://www.shopify.com/zh/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/zh/contact">联系我们</a> <a class="footer-link" href="https://www.shopify.com/zh/partners">合作伙伴计划</a> <a class="footer-link" href="https://www.shopify.com/zh/affiliates">联盟计划</a> <a class="footer-link" href="https://shopify.dev">应用开发者</a> <a class="footer-link" href="https://investors.shopify.com/home/default.aspx">投资者</a> <a class="footer-link" href="https://www.shopify.com/zh/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">服务条款</a> </li> <li> <a href="https://www.shopify.com/legal/privacy">隐私政策</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">简体中文</span><span class="visuallyhidden">选择以重定向到您所在的国家/地区</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="A7FPkMeIugUmfi-OiVioP7Hb9sPejTLrMTs7s5Mestz58RJZWLDy0IT72URKSObdJnXKs7Nhf1hOG0l1LsUrLQ" 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="JCC7LnkYRbnLwlR-Z9P6LHc4aeYR21SNZj_oMGHaj0reYObn5iANbGlHorSkw7TO4JZVlnw3GT4ZH5r23AEWuw" 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="KwP7l4R8d0G0CZB5aZyB-qrPf0rKVDFGHhAQ1ep1kbvRQ6ZeG0Q_lBaMZrOqjM8YPWFDOqe4fPVhMGITV64ISg" 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="4kEH2QpqHmSodePJ8EBBUcIc1mxKG9xPVCmJ9yS7RZQYAVoQlVJWsQrwFQMzUA-zVbLqHCf3kfwrCfsxmWDcZQ" 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="x_-RfcJ7acmX2H6DsrCzEesVcR5thmsxVAeU76Va-7s9v8y0XUMhHDVdiElxoP3zfLtNbgBqJoIrJ-YpGIFiSg" 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="r_iQblVuYhgTUzTuhtMYGEFq-SD2j-moSxMq3fQj5sBVuM2nylYqzbHWwiRFw1b61sTFUJtjpBs0M1gbSfh_MQ" 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="KYIMw8QRn1hU_N0EXMpb3cge3PR6Gc7Ug7EbOhR3ZZzTwlEKWynXjfZ5K86f2hU_X7DghBf1g2f8kWn8qaz8bQ" 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="M27AqGNVoVUZ8hjyC9YxrHr2Lux8-B7xinQQARu_uYbJLp1h_G3pgLt37jjIxn9O7VgSnBEUU0L1VGLHpmQgdw" 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="viyJEDmgvTbhFH50uVSU_yMW3HGI2YNMy5avci25OflEbNTZppj140ORiL56RNodtLjgAeU1zv-0tt20kGKgCA" 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="kB2pB1nxQjFgUM39g6-qqxwt8ZSbWWOaCQDmpj1YOr9qXfTOxskK5MLVOzdAv-RJi4PN5Pa1Lil2IJRggIOjTg" 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="90A9OERUgcrPVHeKbc7T0l3YFYc_tRkZl6I2CwzP8XsNAGDx22zJH23RgUCu3p0wynYp91JZVKrogkTNsRRoig" 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="cG30HibaMfcToFJnmRpN7OM8fCX_xQ_V7ZFNOByQVCCKLanXueJ5IrElpK1aCgMOdJJAVZIpQmaSsT_-oUvN0Q" 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="pLUfafMapG2s1GhV-9smUq-729RjzFA-j_xWVLvJSKpe9UKgbCLsuA5Rnp84y2iwOBXnpA4gHY3w3CSSBhLRWw" 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="L2OSfnQ-IIYePONlCZKHq2MXrvT-NDxEZZPgRAw08bvVI8-36wZoU7y5Fa_KgslJ9LmShJPYcfcas5KCse9oSg" 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="Q7274FY6GVtBr4OUvP5O0lEMrBjwhRuEsL_aPRiU82-5_eYpyQJRjuMqdV5_7gAwxqKQaJ1pVjfPn6j7pU9qng" 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="rVCp6vyuM0GOCiykBwlKpULwt3eUm01Ei9OsJnOggLhXEPQjY5Z7lCyP2m7EGQRH1V6LB_l3APf0897gznsZSQ" 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="XI1pQTnvChMy8Auukxi28ojkxhwwBaADlndGP62tC7qmzTSIptdCxpB1_WRQCPgQH0r6bF3p7bDpVzT5EHaSSw" 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="ed4CZIHM0E8aUJzQPw5acWuiEOGgzrL4KrkPMfa1XamDnl-tHvSYmrjVahr8HhST_Awskc0i_0tVmX33S27EWA" 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="pPnk6muvPbX2FTh2DsEcvLkMneXVo4YLy4cg-BMO6J1eubkj9Jd1YFSQzrzN0VJeLqKhlbhPy7i0p1I-rtVxbA" 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="io0bKkSMucIuy-iR3zKO1s97IlZmSSm26fcRBpyjR1dwzUbj27TxF4xOHlscIsA0WNUeJgulZAWW12PAIXjepg" 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":"主页","close":"关闭"},"signup":{"placeholders":{"password":"密码","autogenerated_subdomain":"商店地址","subdomain":"商店 URL","email":"电子邮件地址","shop_name":"商店名称"},"header":"开始免费试用 Shopify %{trial_length} 天","custom_header":"%{custom_signup_header}","create_now":"创建商店","success_messages":{"email":"明白了","password":"看起来很不错","shop_name":"该名称可用!","subdomain":"您将使用它登录您的商店"},"store_address_suffix":".myshopify.com","hint_messages":{"email_typo_html":"您是指 <button type=\"button\" data-bind-event-click=\"%{on_click}\">%{suggestion}</button> 吗?"},"labels":{"email":"电子邮件地址","password":"密码","shop_name":"商店名称","subdomain":"商店 URL","promotional_program_promo_code":"折扣码","storename":"商店名称"},"subtitles":{"shop_name":"稍后可对其进行更改。","subdomain":"这将是您商店的默认域名,但您稍后可添加不同的域名。您还可以使用商店 URL 来登录。","promotional_program_promo_code":"您参与此计划所获得的唯一折扣码。"},"tooltip":"立即开始免费试用 %{trial_length} 天!","checking":"正在检查…","details":{"shop_name":"如果您是店主,可以<a href=\"https://%{admin}/admin\">在此处登录</a>"}},"forms":{"errors":{"throttled":"来自此 IP 的请求过多,请稍后重试。","global":{"invalid":"请输入有效的电子邮件地址","required":"此字段为必填字段。","generic":"抱歉,出错了。请稍后重试。","throttled":"来自此 IP 的请求过多,请稍后重试。"},"shop_name":{"empty":"请输入商店名称","minlength":"商店名称必须至少为 4 个字符","maxlength":"商店名称不能超过 60 个字符","existingAdmin":"该商店名称已被占用。如果您是店主,可以<a href=\"https://%{err}/admin\">在此处登录</a>","message":"%{err}","matchesPassword":"商店名称不能与密码重复","disallowed":"商店名称不能包含 <strong>%{err}</strong> 。请尝试另一个。"},"email":{"empty":"请输入电子邮件地址","invalid":"请输入有效的电子邮件地址","member_exists":"您已订阅此列表","generic":"抱歉,出错了。请稍后重试。"},"password":{"empty":"请输入密码","minlength":"密码必须包含至少 5 个字符","spaces":"密码不能以空格开头或结尾"},"subdomain":{"empty":"请输入子域名","minlength":"子域名必须至少为 4 个字符","multiple":"有多个子域名与此电子邮件地址关联","suggest":"您是指 %{err} 吗?","invalid":"请输入有效的子域名","existingAdmin":"已有商店使用该子域名。如果您是店主,可以<a href=\"https://%{err}/admin\">在此处登录</a>","disallowed":"商店名称不能包含 <strong>%{err}</strong> 。请尝试另一个。","message":"%{err}"},"promotional_program_promo_code":{"message":"%{err}"},"autogenerated_subdomain":{"existingAdmin":"已有商店使用该子域名。如果您是店主,可以<a href=\"https://%{err}/admin\">在此处登录</a>","empty":"请输入子域名","invalid":"请输入有效的子域名,仅允许使用字母数字字符。"}}},"theme_store_frontend":{"show_button_text":"查看详细的更新信息","hide_button_text":"收起","unexpected_login_error":"意外错误","theme_search":{"number_of_results":{"other":"%{count} 有 %{search_query} 条结果。使用向上和向下键循环浏览结果。按 Enter 进行搜索。","one":"%{count} 有 %{search_query} 条结果。使用向上和向下键循环浏览结果。按 Enter 进行搜索。"}},"styles_carousel":{"title":"%{themeName} 模板 - %{styleName} \\- 电商网站模板"},"theme_filters":{"heading":"搜索筛选器","no_results_now":"目前无法获取结果","try_again_or_home_page_html":"请稍后重试,或%{visit_home_page}","visit_home_page":"访问主页","pagination":"%{first_item_index} - %{last_item_index}(共 %{themes_count})","filter_subheadings":{"price":"按价格筛选","catalog-size":"按产品目录大小筛选","industry":"按行业筛选","layout":"按布局筛选","design":"按设计筛选","features":"按功能筛选"},"expand_filters_label":{"price":"展开价格筛选条件","catalog-size":"展开产品目录大小筛选条件","industry":"展开行业筛选条件","layout":"展开布局筛选条件","design":"展开设计筛选条件","features":"展开功能筛选条件"},"collapse_filters_label":{"price":"收起价格筛选条件","catalog-size":"收起产品目录大小筛选条件","industry":"收起行业筛选条件","layout":"收起布局筛选条件","design":"收起设计筛选条件","features":"折叠功能筛选条件"},"filter_results_count":{"other":"%{filter_label}(%{count} 个匹配模板)","one":"%{filter_label}(%{count} 个匹配模板)"},"themes_count":{"other":"%{count} 个模板","one":"%{count} 个模板"},"other_industry_search":{"label":"其他","placeholder":"输入行业","button_label":"确定"}},"local_currency":{"estimated_price":"预估 %{calculated_price}*","local_currency_exchange":"* 预估汇率:1 美元 = %{currency_rate}。","local_currency_charges_notice":"实际价格或有变动。这里显示的价格是根据当前汇率估算的价格。实际收取的费用将会有所区别,根据收取费用时的具体汇率而定。显示的价格不包括任何适用的税费和手续费,这些费用将会被添加到所有已购买服务的费用中。","local_currency_learn_more_link_html":"<a href=\"%{url}\" class=\"body-link\">详细了解</a>"}},"carousel":{"play":"播放轮播","pause":"暂停轮播","carousel_aria_roledescription":"轮播","slide_aria_roledescription":"幻灯片","slide_aria_label":"第 %{currentSlide} 个,共 %{totalSlide} 个","slide_nav_aria_label":"选择幻灯片"}}; 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-eb19fe06eab4e9e193135ebf96a0881db09b15cac2bc81be34c3d8726beb0a05.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-4c4f5531bf43b61ac297fee7d09fc9439b1700230acc800e2163cca9238460ee.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-4187d3ef4830e9a1d9f68614021e01342ce50f347c0b40e31a5ecf136c71553c.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>