LensAdvizor FAQ

1. Copy the contents of lensadvizor.liquid from the old theme to the new theme. (Create the file on the new theme if necessary)

If you do not have a theme to copy from, you can find a copy of lensadvizor.liquid here.

2. Add this code block to theme.liquid. It can be anywhere in the file, but the default is just after the tag. 

<!-- LensAdvizor snippet starts -->
{% if request.page_type == 'product' or request.page_type == 'cart' %}
{% render 'lensadvizor' %}
{% endif %}
<!-- LensAdvizor snippet ends -->

Go to LensAdvizor > Settings and click on the "Update Theme File" button.

Alternatively, to do this manually you can find the latest lensadvizor liquid here.

Once you download this file, you can go to your theme and replace the contents of lensadvizor.liquid with this file's contents.

1. In Shopify navigate to Sales Channels > Online Store > Themes
2. For the draft theme you want to deploy to, click 'Customize'
3. From the middle, top dropdown select 'Product' and then 'Default Product'
5. In the left hand panel, under 'Product Information' click the '+ Add Block' link.
6. Select 'LensAdvizor' from the bottom section under APPS
7. Use the right hand drag icon to drag LensAdvizor to where you would like the 'Select Lenses' button to appear
8. From the middle, top dropdown select 'Cart'
9 In the left hand panel, under click '+ Add Section'
10. Select 'LensAdvizor' from the bottom section under APPS

You can show LensAdvizor buttons for any product on any page. To do this:
1. Go to your Sales Channel > Online Store Theme > Customize
2. Click on App Embeds in the far left icon menu
3. Turn on "LensAdvizor Quick Buy"
4. Modify your theme code wherever you would like the button and inject the following:

<lensadvizor-quick-buy
class="la-select-lenses-btn"
data-la-quick-buy
data-la-product-id="{\{ card_product.id }\}"
data-la-variant-id="{\{ card_product.selected_or_first_available_variant.id }\}"
data-la-product-json="{\{ card_product | json | escape }\}"
data-la-flow-id="{\{ collection.metafields.lensadvisor.collection_id }\}"
>
</lensadvizor-quick-buy>

Remove the back slashes for the variables, and replace card_product and collection variables with the product and collection variables used in your theme code.

You can use template variables to test if a Line Item is a lens product and then choose how to display this row. This requires knowledge of HTML, CSS, and Shopify Template code.

If the product vendor has not been modified, you can use this code to test that it is a lens product:

​{% unless item.vendor == "LensAdvizor" %}
{% endunless %}

If the product vendor has been modified, you can iterate over the Line Item properties and test for _productType=="lens"

In your cart.liquid template, you find the code that loops over and displays cart item properties. Just inside this loop, update the code that checks for the first character to the following:​

{% assign first_character_in_key = p.first | truncate: 1, '' %}
{% unless p.last == blank or first_character_in_key == '_' %}
{%endunless%}

Usually you will replace:

{% unless p.last == blank %}

with:

{% assign first_character_in_key = p.first | truncate: 1, '' %}
{% unless p.last == blank or first_character_in_key == '_' %}

In order to translate text in LensAdvizor, or to set different text in English, copy and paste the contents of this file into LensAdvizor > Settings > Advanced: Custom JS Injector.

Please be sure to check the locale you are translating for and enter the desired locale for the translation. For example, for Spanish you would use "es" as the locale and put this in the first line between the quotes.

If you have multiple locales enabled for your store through Shopify Markets, you can find the locale code as the first part of the URL after the domain name. For example, for https://mystore.com/en-intl/products/abcde, the locale code is "en-intl". LensAdvizor supports multiple locale codes, so you can copy and paste the entire contents of the file into the Advanced: Custom JS Injector, once for each locale.