Testing Product Cards

Steps to test new product cards in development environment.

1. In the theme.liquid file add the following.

<script type="text/template" id="frenzy_product_grid_widget">
  {% render 'frenzy_product_grid_widget' %}
</script>

1. Add window.frenzyProductGridWidgetCallBack function to the file frenzy-callback-function.liquid.

window.frenzyProductGridWidgetCallBack = function(){
  const getHHTML =  document.querySelector('#frenzy_product_grid_widget');
  return getHHTML.innerHTML;
}

1. Save your development Product Card HTML to snippets folder- Shopify Liquid File frenzy_product_grid_widget.liquid.

2. Once the testing is over, save the Product Card HTML to the Settings -> Product Grid Widget.