Articles

Article

Featured product

Table of contents

Let customers purchase a product of your choice, on any page of your online store.

  1. From your Shopify admin, go to Online StoreThemes.
  2. Next to Emporium, click Customize.
  3. Click icon-add.svg Add section, then click Featured product.

Change the display size of product media

  1. From your Shopify admin, go to Online StoreThemes.
  2. Next to Emporium, click Customize.
  3. Click the Featured product section.
  4. Under the MEDIA heading, under Aspect ratio, select an option:
    • 4:3 (landscape)
    • 1:1 (square)
    • 3:4 (portrait)
  5. Under Width (desktop), select an option.

Enable variant selection with thumbnails

You can choose to let customers select variants with product media thumbnails, in addition to the default variant picker.

  1. From your Shopify admin, go to Online StoreThemes.
  2. Next to Emporium, click Customize.
  3. Click the Featured product section.
  4. Under the MEDIA heading, check Enable variant selection with thumbnails.

Show selected variant’s media only

You can choose to hide other variant’s media when a customer selects a variant. This setting is useful when you have products that have a lot of variants (e.g. many flavours) and you don’t want to crowd the product media slideshow with all the variant images at once.

  1. From your Shopify admin, go to Online StoreThemes.
  2. Next to Emporium, click Customize.
  3. Click the Featured product section.
  4. Under the MEDIA heading, check Show selected variant’s media only.

Display an inventory quantity indicator

Show customers that stock is running low, which may encourage them to complete their purchase.

In order to display the inventory quantity indicator for a product or variant, you must:

  • set up inventory tracking for the product or variant,
  • stop selling when the product or variant is out of stock,
  • add the Inventory quantity block to the Featured product section.

Learn how to set up inventory tracking in your Shopify admin.

  1. From your Shopify admin, go to Online StoreThemes.
  2. Next to Emporium, click Customize.
  3. Under the Featured product section, click icon-add.svg Add block, then click Inventory quantity.
  4. Optional:
    1. Check Use maximum limit.
    2. In the Maximum limit number field, input a value.

If you want to hide the inventory quantity indicator when stock levels are above a certain amount, then use the maximum limit.

Let customers purchase subscriptions

Shopify supports adding subscriptions as a purchase option, for a product or variant. Subscriptions let you sell products on a recurring basis.

In order to display subscription options for a product or variant, you must:

  • install a subscription app from the Shopify App Store,
  • set up one or more subscriptions for the product or variant,
  • add the Subscriptions block to the Featured product section.

Subscription apps typically add their own block to the Featured product section, which lets customers choose a subscription to purchase. However, this block often doesn’t match the style of the rest of your theme. Emporium includes a Subscriptions block that matches the style of the rest of your theme, while still letting customers choose a subscription to purchase.

Learn more about subscriptions.

  1. From your Shopify admin, go to Online StoreThemes.
  2. Next to Emporium, click Customize.
  3. Under the Featured product section, click icon-add.svg Add block, then click Subscriptions.
  4. Optional: In the Description rich text field, input a description of your subscription.
  5. Optional: Check Show subscription policy.

If your subscription policy doesn’t appear, make sure to add one on the Policies page in your Shopify admin.

Show pickup availability

You can let customers pick up orders from your online store at any location you choose.

In order to show pickup availability for a product or variant, you must:

  • enable local pickup for a location,
  • stock the product or variant at that location,
  • add the Pickup availability block to the Featured product section.

Learn more about setting up pickup for online orders in your Shopify admin.

  1. From your Shopify admin, go to Online StoreThemes.
  2. Next to Emporium, click Customize.
  3. Under the Featured product section, click icon-add.svg Add block, then click Pickup availability.

Display ingredients

Display a list of ingredients to let customers make informed purchases from your online store.

In order to display ingredients for a product or variant, you must:

  • add a Metafield definition,
  • populate the Metafield with some ingredients,
  • use the ingredients on the Featured product section.

Add a Metafield definition

  1. From your Shopify admin, go to SettingsCustom data.
  2. Choose whether to add a Metafield definition to products or variants:
    • If the ingredients are the same for all variants of your product, then click Products.
    • If the ingredients are different between variants of your product, then click Variants.
  3. Click Add definition.
  4. In the Name field, input a name (e.g. Ingredients).
  5. Optional: In the Namespace and key field, input a different namespace and key.
  6. Optional: In the Description field, input a description.
  7. Click Select type.
  8. Select Multi-line text.
  9. Under Access, check Storefronts.
  10. Click Save.

Populate the Metafield with some ingredients

  1. From your Shopify admin, go to Products.
  2. Select the product you want to edit.
  3. Under Metafields, click the name of your Metafield (e.g. Ingredients).
  4. In the field that appears, input some ingredients.
  5. Click Save.

Use the ingredients on the Featured product section

  1. From your Shopify admin, go to Online StoreThemes.
  2. Next to Emporium, click Customize.
  3. Under the Featured product section, click icon-add.svg Add block, then click Collapsible tab.
  4. In the Content rich text field, click the Insert dynamic source icon-dynamic-source.svg icon.
  5. Select the Metafield to display (e.g. Ingredients), then click Insert.

Metafields enable you to customise the functionality and appearance of your Shopify store by letting you save specialised information that isn't usually captured in the Shopify admin. Learn more about Metafields.

Display a nutrition table

Display a nutrition table to let customers make informed purchases from your online store.

In order to display a nutrition table, you must:

  • add a Metafield definition,
  • populate the Metafield with some code,
  • use the code on the Featured product section.

Add a Metafield definition

  1. From your Shopify admin, go to SettingsCustom data.
  2. Choose whether to add a Metafield definition to products or variants:
    • If nutritional content is the same for all variants of your product, then click Products.
    • If nutritional content is different between variants of your product, then click Variants.
  3. Click Add definition.
  4. In the Name field, input a name (e.g. Nutrition table).
  5. In the Namespace and key field, input emporium.nutritional_information.
  6. Optional: In the Description field, input a description.
  7. Click Select type.
  8. Select JSON.
  9. Under Access, check Storefronts.
  10. Click Save.

You must input emporium.nutritional_information in the Namespace and key field, otherwise the nutrition table won’t work.

Populate the Metafield with some code

  1. Generate the code for your nutrition table using our tool.
  2. From your Shopify admin, go to Products.
  3. Select the product you want to edit.
  4. Under Metafields, click the name of your Metafield (e.g. Nutrition table).
  5. In the field that appears, paste the code copied from our tool.
  6. Click Save.

Use the code on the Featured product section

  1. From your Shopify admin, go to Online StoreThemes.
  2. Next to Emporium, click Customize.
  3. Under the Featured product section, click icon-add.svg Add block, then click Collapsible tab.
  4. Check Enable nutrition table.

Metafields enable you to customise the functionality and appearance of your Shopify store by letting you save specialised information that isn't usually captured in the Shopify admin. Learn more about Metafields.

Show a rating

Show a star rating to build trust in your product. Star ratings range from 1 to 5, and are an average of the individual star rating of each product review. Product reviews can be collected from customers by installing a product review app, such as Product Reviews by Shopify.

  1. From your Shopify admin, go to Online StoreThemes.
  2. Next to Emporium, click Customize.
  3. Under the Featured product section, click icon-add.svg Add block, then click Rating.

If a product has no reviews, then the rating is hidden.

Integrate an app

Add Liquid code to the Featured product section directly from the editor, without editing Emporium’s code. Custom Liquid can act as an insertion point for certain types of apps.

  1. From your Shopify admin, go to Online StoreThemes.
  2. Next to Emporium, click Customize.
  3. Under the Featured product section, click icon-add.svg Add block, then click Custom Liquid.
  4. In the Liquid field, input your Liquid code.