23

Display Product Specs

Import & Display Product Specs on your Shopify Product Pages

Set up Metafield with Product Specs

Within your Supply Master App, click on Edit Supplier > Match Fields

Create a field mapping from Specs to a metafield custom.specs as shown below

Customize Theme

1. To begin set up, first log into your Shopify admin.

2. Click on 'Online Store' and then on 'Themes'.

3. Find the theme you want to use and click 'Customize'.

4. In the theme editor, navigate to a product page or choose to customize the product page template.

5. Click on 'Add section' in the Template, and choose 'Custom Liquid' or similar. This section allows you to insert custom Liquid code directly through the theme editor.

Custom Liquid

In the custom liquid section copy & paste the below Liquid code in the Liquid code text area

Custom CSS

In the custom liquid section copy & paste the below CSS code in the CSS code text area

Preview and Test:

After adding the code, preview the product page to ensure the specifications table is displaying correctly.

Test with various products to check that the table updates its content according to each product's specifications.


Save and Publish Changes:

Once you are satisfied with the setup, save your changes. If you're working on a live theme, the changes will be visible immediately. If you're working on an unpublished theme, you'll need to publish it to make the changes live.

Was this article helpful?

0 out of 0 liked this article

Still need help? Message Us