Product Attributes

Display synced product attributes (technical specs) on your Shopify product page.

Updated over a week ago

Partbot Marketplace syncs manufacturer product attributes (aka tech specs) to your Shopify store products. These are helpful for customers to correctly identify if the part suits their particular needs.

Add this liquid code snippet to your Product template to display these attributes on your product page.

{% assign variant = product.selected_or_first_available_variant %}
{% if variant.metafields.partbot.attributes %}
<div>
<div>Specifications</div>
<div>
<ul>
{% for attribute in variant.metafields.partbot.attributes.value %}
<li>
<span>
{{attribute.first | replace: '_', ' ' }}:
</span>
<span>{{attribute.last}}</span>
</li>
{% endfor %}
</ul>
</div>
</div>
{% endif %}

Style and modify this code snippet to match your website theme!

We recommend creating Snippets for each code block and including in your template like so: {% render 'partbot-product-attributes' %}

Did this answer your question?