Find Code Within Templates

Store Design
, , ,
1

How can I find specific code within my templates. I can inspect the page, and find it but when I search the source I can’t find how to track. My template is Kalles v4.3.0 official for Variator. Code issue says it occurs on collections/cookware. Specific code below occurs for every product in the collection.

<div class="t4s-product t4s-pr-grid t4s-pr-style1 t4s-pr-6104834637985 t4s-col-item is-t4s-pr-created t4s_observered" data-product-options="{ "id":"6104834637985","cusQty":"1","available":false, "handle":"induction21-lid-for-slin35-p18", "isDefault": true, "VariantFirstID": 37812003274913, "customBadge":null, "customBadgeHandle":null,"dateStart":1614014207, "compare_at_price":null,"price":2395, "isPreoder":false,"isExternal":false,"image2":false,"isGrouped":false,"maxQuantity":0 }" aria-hidden="true" style="position: absolute; left: 0px; transform: translateX(500%);">...</div>

Any help would be great. I have searched liquid files and css with no luck. Thank you.

2

Obviously you would not find a direct match. I see that in t4s-pr-6104834637985 the number is a product ID,
so the code would be t4s-pr-{{ product.id }} or similar, the data-product-options=“…” is data-product-options=‘{{product | json}}’ and so on.

I’d be searching by “data-product-options” – it would give you small enough number of occurrences to look into.

Also, often it’s better to look for either parent or child element – may have more distinctive classnames/properties, for example in this case the child element has class t4s-product-wrapper…

Most probably it’s a snippet similar to card-product.liqiud in Dawn or product-grid-item in old Shopify themes…

3

Thank you. The specific code I am looking for is aria-hidden=“true”. It occurs after the brackets for data-product-options, and I did not find it in the product grid snippets. I searched for t4s and checked those and couldn’t find it being called anywhere. Is there another place I could look?

Thanks again,

Erik