Shopify select SVG in section block
I am trying to build a block that allows the merchant to choose between a number of SVGs I have uploaded to the snippets folder of a theme. The code I have here makes sense to me, but Shopify will…
Dynamically outputting liquid object using loop index – Shopify
I have been trying to iterate an output of a section using variables, but I cannot find a way to output the liquid object dynamically by concatenating the index. images[i] is the id of the image that I set in…
Shopify: How can I show the current variant value only in liquid?
I'm creating a product feed using XML + Liquid and I'm trying to send color and size info in the format shown below: Ex. <color>Blue</color> <size>M</size> The liquid code below successfully retrieves and outputs the option name but it displays…
Override CSS style in Shopify and Liquid
I have a Shopify product page where I need to set different font colors for the same product description in different sections. In the section below, I need the font to be #333333. <div> <section> <p class="hero-description">{{ product.description }}</p> </section>…
Add Hover Feature On Product Image – Shopify
I am trying to add a feature to show an alternative product picture when the cursor hovers over the product image in a collection view. Whenever I view the page with the code below, the product images have shifted to…
Shopify if NOT homepage?
How do I detect shopify if Homepage? Previously there was a handler which was page.frontpage which is not used anymore. I need to exclude something from the homepage, so I can't go for editing the index.liquid file.
How scan an Order with Shopify Liquid – for customised Invoice
We are producing Invoices with Shopify's 'Order Printer' app. and want to customise the Invoice. For instance, if they have bought a 'book' - we want it to say "Enjoy your book" and if a 'CD' - "Enjoy the music".…
Convert document.referrer as a variable in JSON – Shopify
Goal: is to Push the JSON to google tag manager.. Problem is: there is no available liquid variable for 'referrer' as per Shopify Documentation. Possible Solution: is to create a variable using Javascript So what I did is: I created…
Product page images slider in one line with supply theme "shopify"
I want to make my images on the product page in one line and adding a slider. I am using a supply theme in shopify. I contact shopify and they told me that I have to pay for an expert,…
Liquid – if contains statement not working in for loop – Shopify
I have a very basic conditional inside a loop that isn't working: {% for tag in collections.all.tags %} <li class="mb-1 "> <a class="text-white" title="{{ tag }}" href="#"> {{ tag | handle }} {% if canonical_url contains tag | handle %}…