This is advanced guide, so please make sure you have understand our app well before going forward. If you are still not sure or have not gone through ACF’s basic knowledge, we recommend you go to Advanced Custom Field.

Our examples were created on Shopify’s Debut theme. This example requires to edit theme code, so users need to have some coding knowledge. Different theme may also has different source code but overall the theme structure should be the same since they are all Shopify themes.

In case you have problem applying any examples here to your theme, please submit a support request via our Support Portal; or send email to [email protected].

In this example, we will show you how to add custom field data to articles to pretend their total views.

  • Step 1: At Fields tab, choose resource Posts and create a Number field.
  • Step 2: Click Save button to save your changes; then go to Editor tab’s resource Posts and pick a post to start with.
  • Step 3: Input a number and click Save button to save your changes.
  • Step 4: Go to Edit code, open file article-template.liquid. In that file, search keyword rte, then add the following code:
{% if article.metafields.namespace.key != blank %}
  <div class="total-view"><h5>Total view(s): <span style="font-weight: 100;">{{article.metafields.namespace.key}}</span></h5></div>
{% endif %}

  • Step 5: Click Save button to save your changes.

If the above steps are done correctly, the result should be displayed on corresponding article page.