SA Request a Quote, Hide Price

Keep SA Request a Quote, Hide Price working correctly on product cards inside the filtered product grid.

What this does

SA Request a Quote normally attaches its "request a quote" button (and price-hiding logic) to a product card once, when the page first loads. Because Smart Product Filter & Search re-renders product cards every time a shopper filters, sorts, or paginates, it needs to be re-attached on each refresh — otherwise it stops working after the first interaction. This app also needs two snippets added to your theme.

Turn on the integration

1. In the app, go to Settings > Integration, find SA Request a Quote, and turn on Enable integration.

Add the theme snippets

1. Go to Online Store > Themes > Edit code.

2. Open snippets/globo.filter.product.liquid (see Customize the app's product list template if this file doesn't exist yet) and add:

<script data-id="{{product.id}}" id="rfq-collection-script-{{product.id}}" class="rfq-collection-script">
  var GRFQCollection = GRFQCollection || {};
  GRFQCollection[{{product.id}}] = {{ product | json }};
  GRFQCollection[{{product.id}}]['collection'] = [];
  {% for collection in product.collections %}
    GRFQCollection[{{product.id}}]["collection"].push('{{ collection.id }}');
  {% endfor %}
</script>

1. Open theme.liquid and add this below the {% include 'rfq_script' %} line:

<script>
  window.addEventListener('globoFilterRenderCompleted', function () {
    if (typeof GRFQApp != "undefined") {
      GRFQApp.init(GRFQApp.$);
    }
  });
</script>

1. Save.

Related pages

• Other apps

• App Integrations