Adding WooCommerce Attributes to Shopify Products
WooCommerce has a product attributes feature that lets you add additional information to a product outside of the description field. These are often displayed on the product detail pages in a table format and show things like the weight or dimensions of the product:
Shopify doesn't have product attributes built-in, so by default, these will not be imported when you migrate your products from WooCommerce to Shopify. If you would like to include a product attribute table on product detail pages, you still can by doing the following.
1. Send an email to support@ablestar.com letting us know you want to add product attributes to your products
Please make sure to include your Shopify store name in your message. Once we receive your message, we'll add metafields to all your products with the WooCommerce product attributes within one business day.
Metafields are the way Shopify has to add custom data to products, pages, and more. If you're interested, you can read more about them on Shopify's help site.
2. Update your Shopify theme to show the metafields as a table
Now that your products have the attributes saved to them as metafields, you can update your theme's code to show the metafields in a table. Shopify's documentation has some in-depth articles on how to modify your theme's code.
You'll want to edit the Liquid code for the product page and add the following code to the template:
{% if product.metafields.woo_importer_product.size > 0 %}
<table>
{% for field in product.metafields.woo_importer_product %}
<tr>
<td>{{ field | first }}</td>
<td>{{ field | last }}</td>
</tr>
{% endfor %}
</table>
{% endif %}
This will show the attributes on your product detail pages. You can further customize the look and feel of this table using CSS or additional HTML tags.
Finally, if you have any questions about adding WooCommerce product attributes, just let us know, and we'll help you out!