Welcome to the Liquify Community

I'm not quite sure exactly where this bug is coming from, but when I scroll through my site quickly it has some issues of elements either loading in late or the footer showing through. I've tried to replicate this on my webflow preview site and it doesn't happen there. Does anyone have any ideas what this might be caused by? Video attached after the links

https://liquifytesting.webflow.io/

https://x0ryagx34p74stw1-71191494959.shopifypreview.com
11 comments
j
f
Hey I'm getting an error (see screenshot: https://share.cleanshot.com/6M8TY8pC) in the console log but everything seems to working fine. Is this something I should be worried about?

Seems to be related to variant selection based on my limited understanding of reading the error. Happens on the product page, e.g. here: https://makebo-theme.myshopify.com/products/beautiful-authentic-leather-case
1 comment
j
Hey so I had everything fully working and made some tweaks to the mini cart for UX reasons, then after converting and implementing these two other areas broke without being touched.

  1. The add-to-cart-quantity input doesn't allow to change the quantity on the product page, view here: https://makebo-theme.myshopify.com/products/set-of-6-hard-cases-copy?_psq=comic&_v=1.0&variant=54911933448567
  2. li-settings:product not working here: https://makebo-theme.myshopify.com/ (see the 2x2 full width grid, currently displaying blank with just a button to view product)
Any idea what might be causing this? Are you guys making changes to the converter rn/recently?

Webflow export attached.
11 comments
J
j
J
I'm wondering how people tend to handle this situation. We have a nav bar which uses the navigation panel of Shopify to populate it. This works fine but has a bit of an issue on mobile. One of the links is actually a dropdown, for coffee equipment. This works well on desktop where the menu expands on hover, but you would have to tap it on mobile to open, which just takes you to the collection list page before you have a chance to select one of the sub items. Is there a workaround for this?
2 comments
J
f
I keep getting the 'failed' status for all of my conversions and I'm not sure if I'm doing anything wrong. I'm pretty new to github but I had followed everything as instructed when converting but I'm still getting the 'failed' status everytime. I also noticed that a branch gets generated and I'm able to 'pull request' on github although it shows 'failed' in Liquify.
5 comments
O
j
As I understand, the image is sourced through this: product.featured_image | img_url: 'master' but what would the img_url be for let's say an alternative.
4 comments
J
d
Hey guys
I need help with showcasing product of all lists on list-collection page

Can anyone help me with docs or tutorials ??
13 comments
S
j
m
Due to the error mentioned above I can't access the List-collection page in shopify
Attaching the screenshots for the same
16 comments
J
S
j
Pretty simple question – sometimes Webflow interactions breaks when rendering an array of elements.

I'm familiar with this issue from other type of projects and am pretty sure it's because Webflow interactions need to be reinitialized. But I'm unsure of how to do so in this context.

Any help? Surely someone has done this already thanks.
9 comments
J
j
J
Liquid error (layout/password line 78): Error in tag 'section' - 'coming_soon' is not a valid section type

Error: sections/coming_soon.liquid, Validation failed: Liquid syntax error (line 1): Unexpected character { in "{{ section.s{{ section.settings.unicorn }}"
16 comments
j
K
How do you create a metafield with multi-line text? I have a text block linked up to a multi-line metafield but it defaults to single line. If I can avoid rich text that would be ideal as it's not allowed inside a link
11 comments
j
f
There's a liquid element that overrides the Bild with the direct placeholder for apparel and I can't quite figure out how to replace it--even after changing the tagging or replacing it with a different photo. Any help?
2 comments
J
P
When trying to add a zip for conversion, the site is not accepting zip files.
31 comments
J
P
j
Is there a way to add a filter to li-settings:image so that I can set a max width? I have a client setting images too large for the site and they're slow to load
20 comments
J
f
j
I would like to have a coming soon page on my Shopify store, what is the best way to approach this while my theme is under construction? Do I make a seperate theme with the coming soon page while I edit my final theme without publishing?
2 comments
K
J
Hey! I've just noticed that variants with no stock (aka unavailable) are still selectable on the product page. I've created a .is-not-available class that's supposed to set pointer events to none and change some other styles, but it is not reflected after conversion.

Some help here please?

Also, if you see the sample link below – on the homepage all variants have the .is-not-available class added, but on the products details page it does not.

Webflow read-only: https://preview.webflow.com/preview/makebo1?utm_medium=preview_link&utm_source=designer&utm_content=makebo1&preview=2e903db79948c9938579805d4b825151&pageId=6735b6f6bd2fccc307bb8fdf&locale=en&workflow=preview
Sample link: https://makebo-theme.myshopify.com/products/badass-cowboy-hat?_psq=badass&_v=1.0&variant=54896863871351
Webflow export attached.
5 comments
j
J
Hey! I'm having very sudden out of the blue issues with all inputs related to adding to cart. Basically selecting variants, adding to cart, going straight to checkout from product are not working (as in nothing is happening when clicking any of these inputs). To make it more interesting, everything is fully working while in the shopify editor, adding to cart etc fully works as expected. It only stops working when using the preview staging .myshopify link.

I'm not sure what might have caused this as I haven't changed anything related to products. Only major thing that is sort of global is I've added color picker settings to several sections (including those affected by this add to cart situation).

Is this is a Liquify or Shopify issue? Seems so random.

Anyway, some resources that could help:
Webflow export attached.
Webflow read-only: https://preview.webflow.com/preview/makebo1?utm_medium=preview_link&utm_source=designer&utm_content=makebo1&preview=2e903db79948c9938579805d4b825151&pageId=6735b6f6bd2fccc307bb8fdf&locale=en&workflow=preview
Shopify preview link (add to cart does not work): https://makebo-theme.myshopify.com
6 comments
J
J
j
Hi,
When I change the variant of a product, the border around the selected variant doesn´t change and the price has the wrong format. I am not sure, if I did something wrong or if it is a conversion error, but before I converted the theme today it worked and I didn´t change anything there...
Here the link: https://www.gooddesk.de/products/corkdesk?variant=41333473018053
Read-only: https://preview.webflow.com/preview/gooddesk-2-0?utm_medium=preview_link&utm_source=designer&utm_content=gooddesk-2-0&preview=b69dbea4d5ea536e243a813e7bfb306f&pageId=65eebb01574038784679b79d&locale=en&workflow=preview

Thank you.
10 comments
J
c
j
The first image in the product item snippet is not rendering anymore, I havent changed this recently. Was not using Liquify for a month and came back to this image not displaying, any ideas? The product images do not seem to have changed.

https://preview.webflow.com/preview/liquify-starter-template-1-0-f5cb72?utm_medium=preview_link&utm_source=designer&utm_content=liquify-starter-template-1-0-f5cb72&preview=2e903db79948c9938579805d4b825151&workflow=preview

https://117fc9-51.myshopify.com/
22 comments
j
K
Hey! So I'm trying to create a custom li-settings input to let users change the background color of certain sections in the shopify editor. I've found the the li-settings:custom instructions and have tried applying it to my use case but to no success. Could someone take a look and maybe suggest what I'm doing wrong?

What I've done:
  1. Added an embed element in webflow inside of the section I want the setting to relate to.
  2. Added the attribute li-settings:custom="Background-Color" to the embed element.
  3. Added an attribute style="background-color: {{section.settings.background-color}}" to the section which background color should be changed.
My guess is I'm formatting the setting schema wrong, couldn't find much clear instructions on it in Liquify Pro or Shopify documentation.

Resources:
Webflow export is attached.
Webflow read-only: https://preview.webflow.com/preview/makebo1?utm_medium=preview_link&utm_source=designer&utm_content=makebo1&preview=2e903db79948c9938579805d4b825151&locale=en&workflow=preview
Code added to the embed screenshot: https://share.cleanshot.com/2GxRycW6
Section with this all added to: "li-section | hero"

I'm very new to this so forgive any obvious mistakes here.
9 comments
J
J
j
I'm having a bit of an issue with adding a subscription product to my cart on the site I'm developing. I've tried a few different methods of an add to cart button, but none of them seem to grab the correct pricing info for the subscription. Is there something else I have to do? I have the same problem on both the home page, and the product page itself. If you look on the product page you'll notice I currently have three add to carts - one of them is an individual custom button outside of a form, one is a custom element inside a form which doesn't work at all and the third is copy pasted from the liquify template

https://6ezvg1y1fyqn69lb-71191494959.shopifypreview.com
57 comments
J
j
f
Hi @jonas.halbstark and team

I seem to have encounted an issue, that I'm not sure if it's a bug, or simply not understanding how something should work, or a feature not yet implemented.

I'm using the product-variant-container element, with select boxes.

However when you deep link a specific variant (product?variant=id) the select boxes aren't set to reflect this. I dug through the liquify_custom.js code and when the variant is switched, you're pushing this urlparam and setting the window history. But either something is broken in my implementation, or this was never fully implemented. Can you advise?
9 comments
j
j
Hi everyone,

I’ve asked a similar question before regarding whether this functionality could be achieved with Liquid. However, this question is not specifically about whether it’s possible but rather if anyone has ideas for a workaround or solution to make this work.

Here’s the scenario:

I sell a product that costs €20 per unit. However, I offer a bulk discount: if a customer buys 5 or more units, the price drops to €15 per unit.

Is there a way to display both the original price (€20) and the discounted price (€15) in the mini cart? For example:
• When the customer adds 5 units of the product to the cart, the mini cart shows the original price (€20 x 5 = 100€) as crossed out and then calculates and displays the discounted price (€15 per unit x 5 = €75).

I’m aware there are Shopify apps that handle this kind of functionality, but the mini-cart is based on the Shopify Cart API which doesn´t include both prices. Is there any way to achieve this feature in the mini cart, either with custom coding or a specific workaround?

Thanks in advance for your help!
20 comments
j
c
Hey! I've got a reoccuring error after conversion when importing into Shopify from Github. From the error log I can see the message " Unknown tag 'schema' " in a lot of different assets files.

From what I understand, a schema tag can only appear in the sections folder, so clearly it seems to be a conversion error caused by me having a faulty structure or wrong attribute placement.

Could someone take a look at these and help me out?

Resources:
GitHub permalink to an example line containing the schema error:
https://github.com/JonathanFors/Makebo-2/blob/768765d7fac8e8aa7b1420a41be114dd5ea5d26e/assets/contact.liquid#L13

Webflow read-only:
https://preview.webflow.com/preview/makebo1?utm_medium=preview_link&utm_source=designer&utm_content=makebo1&preview=2e903db79948c9938579805d4b825151&pageId=6735b6f6bd2fccc307bb8fd0&locale=en&workflow=preview

Some example errors:
- [ ] Error: assets/collections.liquid, Validation failed: Liquid syntax error (line 10): Unknown tag 'schema'
- [ ] Error: assets/account_hero.liquid, Validation failed: Liquid syntax error (line 3): Unknown tag 'schema'
- [ ] Error: assets/cart.liquid, Validation failed: Liquid syntax error (line 32): Unknown tag 'schema'
9 comments
J
J
m
Hey I've jus built and converted a theme for the first time with Liquify and once imported into Shopify very few pages and sections are detected/displayed. I'm also hit with the error "Role can't be set to main: missing required file layout/theme.liquid", when trying to set the Github connection as the published theme, but when uploading manually that error doesn't happen (but very few sections/pages are displayed).

As far as I'm aware I've done everything by the books, but clearly I'm missing something. Could anyone take a look if I'm missing something obvoious here?

Webflow read-only: https://preview.webflow.com/preview/makebo1?utm_medium=preview_link&utm_source=designer&utm_content=makebo1&preview=2e903db79948c9938579805d4b825151&workflow=preview
Github: https://github.com/JonathanFors/Makebo-2
20 comments
m
J
j