Welcome to the Liquify Community

Home
Members
Jonathan Fors
J
Jonathan Fors
Offline, last seen 4 days ago
Joined December 26, 2024
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
3 comments
j
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
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
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
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
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
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