<div class="rte">
<p>
<strong class="font--large">
Follow this simple step-by-step guide to integrate the groupmate
widget into your Shopify Theme 2.0. No coding required.
</strong>
</p>
<p>At mono.works, we built Shopify Apps that turn complicated workarronds
into simple workflows. I stole this headline from a newsletter from
<a href="https://world.hey.com/jason">Jason Fried</a>
and see absolutely no shame in admitting that.
</p>
<p>Right now, I'm working on a component libray for the new mono.work's
website. I stumbled over a new way to define color, OKLCH, which is
pretty cool.</p>
<h2>Integration Guide for 2.0 Themes</h2>
<ol>
<li>In the Shopify Admin, open the Theme Editor by clicking the
<em>Customize</em>
button in the
<em>Online Store</em>
section
</li>
<li>Navigate to a product page, ideally the one you've created a group
for</li>
<li>In the left sidebar of the editor, locate the product information
area and click
<em>Add Block</em>
by hovering between two existing entries
</li>
<li>Switch from
<em>Blocks</em>
to
<em>Apps</em>
and select the
<em>Cross-Link Swatches</em>
block
</li>
<li>Drag and drop the block right above the variant picker (or where you
want it to appear)</li>
<li>Save the changes on your Theme</li>
<li>Manually confirm the installation by clicking the
<em>Confirm Installation</em>
Button below.
</li>
</ol>
</div>
<div class="rte">
<p>
<strong class="font--large">
Follow this simple step-by-step guide to integrate the groupmate
widget into your Shopify Theme 2.0. No coding required.
</strong>
</p>
<p>At mono.works, we built Shopify Apps that turn complicated workarronds
into simple workflows. I stole this headline from a newsletter from
<a href="https://world.hey.com/jason">Jason Fried</a>
and see absolutely no shame in admitting that.</p>
<p>Right now, I'm working on a component libray for the new mono.work's
website. I stumbled over a new way to define color, OKLCH, which is
pretty cool.</p>
<h2>Integration Guide for 2.0 Themes</h2>
<ol>
<li>In the Shopify Admin, open the Theme Editor by clicking the
<em>Customize</em>
button in the
<em>Online Store</em>
section</li>
<li>Navigate to a product page, ideally the one you've created a group
for</li>
<li>In the left sidebar of the editor, locate the product information
area and click
<em>Add Block</em>
by hovering between two existing entries</li>
<li>Switch from
<em>Blocks</em>
to
<em>Apps</em>
and select the
<em>Cross-Link Swatches</em>
block</li>
<li>Drag and drop the block right above the variant picker (or where you
want it to appear)</li>
<li>Save the changes on your Theme</li>
<li>Manually confirm the installation by clicking the
<em>Confirm Installation</em>
Button below.</li>
</ol>
</div>
{
"preview": "elements"
}
No notes defined.