Skip to product information
Related Product Swatches - Pre-built theme block for Shopify stores

Related Product Swatches - Shopify Theme Block

$30.00 USD
Theme type
Usage

🇪🇺 EU: Please buy via Gumroad for VAT invoice.

You may also like

Suggest related products in a grid of swatches. Perfect for showing alternate colors or matching products.

Link related products using a Metafield.

Read more

Option 1: Show your Color options

Many stores split their colors into separate products instead of using variants. 

Gymshark uses this strategy, but features the other products using swatches: 

Option 2: Create an Upsell or Recommendation

This can take many forms - a combo set or a recommendation like "Frequently bought with" or "Pairs well with":

Features: 

  • Control related products using a Metafield or hook in to the Search & Discovery app
  • Adjust column width and mobile spacing
  • Show titles on hover, either as a tooltip or below products.
  • Can be used multiple times on same page with different Metafields

 

Why buy from Ed?

14-day money back guarantee
Try it out risk-free. Easy refund for any reason.

Real human support
Trouble getting it to work? Just email me. I can login to your store and help.

No monthly fees
Buy it once and own it for life, future updates included.

Full ownership
You have the entire code. So you can modify it for your needs or use it on client's stores.

Solving real needs
All my products were requested by real stores and built with their feedback.

Quality over quantity
I offer a small selection of useful products, and great customer support.

Easy install

All my products are just one file. So it's just one copy & paste, and it stays neatly separated from your theme.

Hands-on support

I can login to your store to help with installation or troubleshooting.

Try risk-free

I offer a full refund for any reason, so you can try it out, and email me for a refund if it's not what you needed.

What you get

Lifetime access to a web page containing the code and installation instructions.

You also get my support for any issues.

There is no PDF to download. The file is a live page (using Notion) so that I can update the code any time and you will always have the latest version.

Simply bookmark the link to revisit it.

Easy Install

1. Go to your Themes page and click "Edit Code".

2. Right-click on the Blocks (or Sections) folder and click New File.

3. Give the file a name with .liquid extension. Paste in the code and save.

That's all! Now you can find the section or block in your theme customizer.

No monthly fees

hands-on suppport

Easy install

Frequently asked questions

Contact me for anything else.

What do I get?

Lifetime access to a web page containing the code and installation instructions.

You also get my support for any installation issues.

There is no PDF to download. I prefer a live online document so I can publish fast updates, and you can always visit the link and get the latest version.

Is this compatible with my theme?

My Sections are compatible with all themes updated since 2021. This is when Shopify 2.0 came out and introduced draggable "sections".

My Blocks are for Horizon-generation themes (released 2025), that support global theme blocks and block nesting.

Not sure about your theme? Contact me and I can tell you.

What about theme updates? Is the code carried over?

No. When you update your theme and a new copy is installed on your store, you will need to re-install the code on the new theme.

Any Metafields you have set up (such as related products or breadcrumbs) will stay in place - you won't need to set them up again.

Why use Ed's sections instead of apps?

No monthly fees. Buy it once and own it for life. Unlimited access to updated versions.

Built into your theme editor. Edit everything in one place using the native Shopify interface, not a separate app screen.

Lightweight. Shopify apps will slow down your store. Sections & Blocks using native Shopify code will not. 

Seamless design. Apps sometimes stand out. A built-in solution will look like part of your theme, be less buggy, and feel faster. 

You may also like

Thoughtful code,
with support you can count on.

Shop Ed Codes