Product Metafield Data (Shopify): Adding Spec displays, Different color/size options, Pop up display, Pre-Order buy button

How to add to the spec section of Shopify:

  1. Click ‘More Actions’ at the top of page.
  2. Click ‘MetaField2 App- Products’. This will open a new tab where all the product metafield data lives
  3. Find a product of the same type already on Shopify and see what is listed and what fields are used. Replicate with the correct specs for the new product.
    (Items like capacity, dimensions, color, warranty, input, output, etc.)
  4. Save Values.

How to add different color or size links to the product page:

  1. Save the image you want displayed for the different color option in 80x80px size.
  2. Click ‘Online Store’ in Shopify.
  3. Under the live there, click ‘Actions’, click ‘Edit code’ (See image below for reference)
  4. Scroll down to Assets folder and click. Click ‘Add a new asset’.
  5. Upload all images you want to use for color options.
  6. Then go to the product page you want to add this color option display to.
  7. Click ‘More Actions’ at the top of page.
  8. Click ‘MetaField2 App- Products’. This will open a new tab where all the product metafield data lives
  9. Scroll down to ‘ Field: local.swatch-color ‘ or ‘ Field: local.swatch-size’
  10. Add the data.
    The format is, without any spaces:
    Color|image-file-name|link; Color|image-file-name|link;etc.
    Example:
    Silver|swatch-A3PD-s.jpg|A3PD-s;Black|swatch-A3PD-b.jpg|A3PD-b;Red|swatch-A3PD-r.jpg|A3PD-red
  11. Save Values.

How to Turn off the Newsletter Pop Up OR Make a product page a pre-order buy button:

  1. Click ‘More Actions’ at the top of page.
  2. Click ‘MetaField2 App- Products’. This will open a new tab where all the product metafield data lives
  3. Put a ‘y’ in the field ‘set to “y” to disable the newsletter popup’
    OR ‘Pre-order only? “y” for yes, blank for no’
  4. Save Values.