Welcome to our Liquify Roadmap! We're committed to refining Liquify every day, driven by your daily use, with a goal to provide a stable and exceptional experience as quickly as possible, and we eagerly await your feedback as we shape the future of Liquify together!
The Liquify converter serves as the core of Liquify, interpreting all custom attributes and seamlessly replacing them with accurate and semantically correct Liquify code. This functionality empowers users to craft advanced Shopify stores directly within Webflow, marking a significant advancement in creating high-quality Shopify stores with ease.
The li-form tag enables the creation of various form functionalities directly within Webflow, mirroring the full spectrum of form capabilities that Shopify offers. From login forms to newsletter sign-ups and contact forms, this tag empowers users to seamlessly incorporate these essential functionalities, simplifying the process of integrating diverse forms into your Shopify store.
The li-block tag serves to generate an iterating element that your editor can utilize. This feature enables the addition of objects, such as sliders or testimonials, to be easily included in sections like your homepage. It offers a simple way to incorporate dynamic elements that can be repeatedly used and managed across different parts of your website.
By combining Webflow's powerful built-in SEO features with Shopify's page object, you can achieve robust SEO for your website. Utilizing Webflow's SEO tools alongside Shopify's page object allows for comprehensive optimization, enabling you to enhance your site's search engine visibility and performance.
Within the Liquify starter Theme, you'll discover a fully editable and functional mini-cart drawer for your Shopify store. This element is designed to significantly enhance your store's usability and boost conversion rates. Implementing this feature offers a convenient and effective way to improve user experience and increase sales on your Shopify store.
Alternative Page Templates
By utilizing the li-page tag along with the page name and an alternative tag, such as li-page = product.accessories, you can easily generate alternative templates. This method works for various sections like pages, products, collections, blogs, and articles. For instance, it allows the creation of a different product page design specifically tailored for products requiring an alternative layout or design.
Leveraging Liquify tags, you can effortlessly set up upsells using Shopify metafields, eliminating the need for additional apps. This functionality will soon be integrated into the Liquify starter template. This streamlined process enables users to create effective upsell strategies directly within the template, offering a hassle-free method to enhance sales and promotions on your Shopify store.
Realtime Variant swatch
For an improved shopping experience, we've developed custom Liquify tags to effortlessly set up real-time updating variant swatches. These tags enable access to all information about the currently selected variant, allowing the display of individual content such as availability status and variant images without the need to reload the site. This feature aims to provide a seamless and dynamic shopping experience for customers.
The li-snippet tag serves as a tool to establish a well-defined Shopify template structure. This tag allows the creation of reusable elements throughout your Shopify theme, akin to Webflow components. By employing Snippets, developers can build a clear, organized theme structure that not only simplifies development but also facilitates ease of understanding for other developers may working on the theme.
The introduction of the li-section tag forms the groundwork for Shopify 2.0. This tag enables the creation of editable and reusable sections within your Shopify theme, fostering a seamless workflow for content management directly within Shopify.
Leverage the power of Metafields and Metabojets with Liquify by accessing Metafield information through the li-object tag. This functionality allows you to tap into and utilize Metafields data efficiently, empowering you to incorporate and display Metafields information within your Shopify store using Liquify.
Intelligent product recommendations, a Shopify feature, suggest products that are frequently purchased together or are similar. Using Liquify tags, you can implement this functionality, allowing you to offer intelligent product recommendations on your store based on customer behavior and product relationships.
Liquify Starter Template
We're excited to develop and offer free templates for a quick start. These templates will be designed to help users kick-start their projects seamlessly. They'll be readily available, providing a solid foundation for various endeavors within Liquify. Find the Template here.
To tailor the display of your object content, you can utilize Shopify Filters. For instance, to show a number in the store's currency, you can employ a filter like this: li-object = product.price | money. These filters offer the ability to modify how your content appears, allowing for customized and specific rendering based on your preferences.
Shopify Customer Accounts
In The liquify Starter Template, we have prepared all the Pages you need for a great user experience. With the li-object tag you can access all the users Information Shopify provides.
Our forthcoming Github App will interact with the Shopify API, enabling users to create a new theme, merge an existing one, or integrate it with the current live theme. The process will be straightforward—simply connect the app to your Liquify project, and it will handle the rest seamlessly. This streamlined integration aims to simplify theme management and implementation on the Shopify platform.
Once our Shopify App is launched, your Themes will become Shopify 2.0 compatible, enriching the content editing experience. This compatibility will empower content editors to seamlessly create landing pages using the sections provided.
We're dedicated to creating detailed documentation for Liquify, covering every aspect in a clear and easy-to-understand manner. This comprehensive guide will help users, from basics to advanced features, enabling everyone to make the most of Shopify Liquid with confidence. Check out the current Status.
We're developing the Liquify Webflow app to streamline your workflow. This app will grant access to all Liquify objects and functions, offering helpful suggestions built-in. Moreover, it will include debugging features for easier error detection. In the future, our goal is to enable users to seamlessly publish their projects directly to Shopify from within the Webflow app, simplifying the entire process.
If else (li-if:wrapper)
We're introducing the li-if:wrapper to facilitate the creation of intricate if statements. Within this wrapper, users can craft complex statements tailored to their specific requirements. For a more comprehensive understanding and detailed guidance on leveraging this feature, please refer to our documentation.
Liquid Tags positioning (:inside)
We're introducing the :inside modifier to offer greater control over Shopify tags' positions. This modifier allows users to decide whether to render the liquid tag within or outside the attached element. This feature provides flexibility in determining the placement of Shopify tags, empowering users to customize their rendering as needed.
Relume Components Library
A Relume public library, designed specifically for Liquify components. This library will offer a collection of the most commonly used components, streamlining the design process. Users will have the ability to access and copy these components, significantly accelerating their workflow. Moreover, we encourage community participation by allowing users to submit their component ideas, which our team will bring to life. This collaborative effort aims to foster innovation and efficiency within the Liquify ecosystem.
Tree Shaking Webflow CSS
In our pursuit of better page performance, we will introduce a treeshaking functionality to significantly reduce the CSS file generated from Webflow. This innovation involves creating new CSS files specific to each page, containing only the necessary classes required for that particular page. By doing so, we aim to streamline and optimize the CSS, thereby enhancing overall performance and loading times for every page.
Webflow Variables editable in Shopify Theme-Settings
Our upcoming plan involves making Webflow variables accessible within the Shopify theme settings. This integration will enable easy access for your theme editor to globally modify company colors or font sizes directly within Shopify. This streamlined process aims to empower users to make quick, global design changes across their Shopify store, enhancing flexibility and efficiency in theme customization.
Our li-settings tag now enables access to Shopify Settings functionality within Webflow. This allows the creation of dynamic variables like text inputs, image selectors, or collection selectors, providing Shopify's Content Editor with easy content change capabilities for the store. Currently, we're expanding the range of settings tags in Liquify, offering more options for customization. For a detailed overview of the current capabilities, please refer to our documentation or the Shopify documentation for a deeper understanding.
Section rendering API via Attributes
We're working on enabling access to the Shopify section rendering API through custom attributes. This API integration will significantly enhance your store's usability. By utilizing this feature, users can greatly improve and customize the functionality and appearance of their store, providing an enhanced experience for customers.
We're currently developing a new tag, li-case, to access advanced Liquid features. For detailed insights into their functionalities and capabilities, you can find more information in the Shopify documentation.
Independent Shopify Sections
Independent Shopify sections are a concept designed to create sections in Webflow that can be imported into various themes. Our aim is to implement CSS and animations within these sections, enabling them to function autonomously and seamlessly integrate into different themes.
Get a deeper understanding of what is possible with Liquify.
Submit an Idea
Please don't hesitate to reach out to us through Discord to share your thoughts or use cases. We value your input and look forward to hearing from you.