Add search file to your theme

Estimated reading: 2 minutes 85 views

In order to make the quick order form work, you must add this app search file to your theme.

Steps to manage

  • Open your theme > Click “Edit theme code” button.
  • Under the Template folder, create a new file with the “Search” template
  • Choose liquid template type.
  • Create a new liquid file called samitaWSProductsJson. So the full file name will be search.samitaWSProductsJson.liquid

  • Copy the codes below and paste into this file:
{%- layout none -%}
{%- paginate search.results by 250 -%}
[{%- for product in search.results -%}
{%- unless forloop.first -%},{%- endunless -%}
{
"id":{{-product.id-}},
"title":{{-product.title | json-}},
"handle":"{{-product.handle-}}",
"price":"{{-product.price-}}",
"price_max":"{{-product.price_max}}",
"price_min":"{{-product.price_min}}",
"product_type":"{{-product.product_type-}}",
"created_at":"{{-product.created_at-}}",
"published_at":"{{-product.published_at-}}",
"tags": {{-product.tags | json-}},
"vendor": "{{-product.vendor-}}",
"featured_image":"{{-product.featured_image-}}",
"url":"{{-product.url-}}",
"collections":{{-product.collections | map: 'id' | json-}},
"compare_at_price":"{{-product.compare_at_price-}}",
"compare_at_price_max": "{{-product.compare_at_price_max-}}",
"compare_at_price_min": "{{-product.compare_at_price_min-}}",
"options": {{-product.options | json-}},
"options_with_values": {{-product.options_with_values | json-}},
"images":[
{%- for image in product.images -%}{%- unless forloop.first -%},
{%- endunless -%}
{
"id":{{-image.id-}},
"src":{{-image.src | json-}},
"variant_ids":{{-image.variant_ids | json-}}
}
{%- endfor -%}
],
"first_available_variant":{"id":{{product.selected_or_first_available_variant.id}}},
"available":{{-product.available-}},
"variants":[
{%- for variant in product.variants -%}{%- unless forloop.first -%},
{%- endunless -%}
{
"id":{{-variant.id-}},
"title":{{-variant.title | json}},
"name":{{-variant.name | json}},
"price":{{-variant.price-}},
"compare_at_price":"{{-variant.compare_at_price-}}",
"available":{{-variant.available-}},
"vendor": "{{-variant.vendor-}}",
"sku":{{-variant.sku | json -}},
"weight":"{{-variant.weight-}}",
"image_id": "{{-variant.image_id-}}",
"weight_unit": "{{-variant.weight_unit-}}",
"option1": {{-variant.option1| json-}},
"option2": {{-variant.option2| json-}},
"option3": {{-variant.option3| json-}},
"options": {{-variant.options| json-}},
"inventory_quantity":{{-variant.inventory_quantity-}}
}
{%- endfor -%}
]
}
{%- endfor -%}]
{%- endpaginate -%}
  • Click “Save” to finish creating this new file.
  • IMPORTANT step: Go back to the Sami Wholesale app, open the Theme integration section so the latest codes are being pushed to the theme/app data.

Leave a Comment

CONTENTS