🎉   New theme alert!   Check out   ETHERYX →

Appearance

Product page ​

Size guide ​

Add a size guide to your product page to help customers find the right size.

Set Up ​

  1. From Shopify admin, go to Online Store → Themes.
  2. Click Customize, then open a product template.
  3. Select (+) Add block, then choose Variant picker.
  4. Inside the Variant picker, select your Size chart page.
  5. Click Save

Edit term size reference ​

IMPORTANT

The size chart feature only supports the languages that the theme is currently translated into. If you need it in an unsupported language, you must translate the content manually.

  1. From Shopify admin, go to Online Store → Themes.
  2. Click •••, then click Edit default theme content
  3. Open the OpenThinking tab.
  4. Go to Variants.
  5. Change Size to your desired language.
  6. Click Save

Dynamic Size Charts ​

To use different size charts for different products, you can set up Metafields. This allows each product to display a unique size chart dynamically.

Step ① ​

  1. Create a new metafield of type Page for Product.
  2. Open the Variant picker block (as in the setup above),

    Here instead of selecting a page, click Connect dynamic source then select the metafield you created.

  3. Assign different size chart pages to the size_chart metafield for each product.

Step ② ​

  1. Open a product in your Shopify admin.
  2. Scroll down to Metafields.
  3. Select the size chart page you want for that product.
  4. Click Save

Product list block ​

Product siblings are related products displayed as swatches on the product page. Merchants can link products as alternatives, similar to variants. Some prefer managing inventory by creating separate products for each color, ensuring each color appears as an individual product in collections.

The Product list block enables seamless switching between sibling/related products as if they are the same product. This functionality mimics a swatch variant picker, making it seem like users are selecting colors, but they are actually navigating to a separate product.

IMPORTANT

The setup of this feature is not supported by our complimentary support.

Using Metafields to Link Products ​

The Product list block can utilize dynamic content such as metafields to display linked sibling products. You can create a new metafield of type Product list or use an existing metafield, such as Complementary products, managed through the Shopify Search & Discovery app.

Add a Custom Product List Metafield ​

  1. From your Shopify admin, go to Settings → Custom data → Metafield definitions.

  2. Click Products, then Add definition

  3. Here are the fields to fill in:

    • Name: Product siblings
    • Namespace and key: openthinking.product_siblings
    • Type select Product → List of products
    🖼️ Screenshot
    Product siblings metafield

  4. Click Save

OPTIONAL

Create a Text metafield to store the heading for the Product list block.

Assign Sibling Products to a Product ​

Step ①

  1. From your Shopify admin, go to Products.
  2. Select the product you want and scroll to the Product metafields section.
  3. Click the newly created Product siblings metafield, then Select products.
  4. Add all sibling products you want to display.
  5. Click Save

Step ②

NOTE

You will need to update the metafields for each product you want to display siblings for. You can do this by using the Bulk Editor or by updating the metafields manually.

  1. From Shopify admin, go to Online Store → Themes
  2. Click Customize, then open the Product template.
  3. Select (+) Add block, then select the Product list block from the list.
  4. Click Dynamic content button, then select the new Product siblings metafield.
  5. Click Save
🖼️ Screenshot
Product siblings metafield selection

WARNING

If no products are assigned to the Product siblings metafield, the Product list block will not display. Make sure that you are viewing a product that has siblings assigned to it!!!

Pre-order ​

Pre-order lets you show a "Pre-order" button on product pages and product cards instead of the usual "Add to cart" button. This is useful for items that aren't available yet but will be soon.

  1. From your Shopify admin, go to Products.

  2. Click the product that you want to make available for preorder.

  3. In the Tags section, type preorder, then press Enter.

    WARNING

    The tag must match exactly: preorder (lower case, no spaces, no dashes).

  4. Scroll down to the Inventory section.

  5. Check the Continue selling when out of stock checkbox.

    WARNING

    If not enabled, Bullet will show a "Sold out" button instead.

  6. Click Save

IMPORTANT

This is a basic workaround that works for most situations. For a full-featured pre-order system, consider using a third-party app or creating a custom solution.

Also, review Shopify’s pre-order requirements to stay compliant.

FAQ ​

How do I show only images specific to the selected variant?

Shopify does not currently allow you to assign multiple images to a single variant directly. This means that the functionality you’re looking for is not natively supported in Etheryx as well.

How do I link other products as clickable swatches?

Linking other products as variant swatches is supported through Shopify Combined Listings app, which is exclusively available for Shopify Plus merchants. If you have a Shopify Plus subscription, you can use this functionality right away. In alternative you can use the "Product list block".

How do I show different content per product?

You can show different content per product by using metafields. Metafields let you store custom information for each product—like care instructions, shipping rates, etc., and display that information in blocks such as the Collapsible tabs on your product page.

We have a helpful guide on this here: Using metafields with Etheryx