Liquiflow Roadmap

Implement dynamic pricing that adjusts according to customer tier levels.

Create stunning, autoplaying or scroll-triggered animations

‍

Provide clear shipping dates based on market specific delivery information.

Global section groups for the footer and navigation allow for the seamless addition of other sections, such as announcement bars or newsletter sign-ups, to every page.

‍

Facilitate easy navigation through the store with customizable breadcrumb trails.

Provide a variety of subscription options, including monthly, weekly, yearly, and one-time payments.

Use market-specific domains to show users localized URLs, such as us.liquiflow.com or liquiflow.com/us.

‍

Dynamically showcase related products in the Mini Cart and Cart Page via Shopify to boost sales.

Automatically display the appropriate VAT or tax label next to prices.

Enable customers to add products to a wishlist linked to their account.

Automatically present the accepted payment methods along with their respective provider logos.

Create a collection page layout for all your Shopify collections or customize it for specific ones.

Utilize Shopify Blocks to integrate any desired app, such as reviews.io or Klaviyo.

Give users control over language and currency selection, tailored to your setup.

Use the native Shopify Translate & Adapt app to translate your store into any language you need.

‍

Integrate a countdown timer within your store’s cart to motivate users to finalize their purchases promptly.

Add elements like sales banners to the collection grid for seamless customer information.

Incorporate cart indicators, currency choices, and language selectors directly into your navigation, no need for third-party tools.

‍

Allow customers to review your store or individual products, including the option to upload images or videos.

Show discounted prices directly on the product page

Detect a user’s location and redirect automatically, or allow manual selection via a popup.

‍

Recommend complementary products that enhance the current selection or promote additional items.

Allow customers to sort products by price, date, alphabetical order, and best-sellers using Shopify built-in sorting features. You can also set a default sorting method.

Allow customers to bypass the cart and proceed directly to checkout.

Decide whether to display only products in a collection or all available variants as separate product cards

Include a text area in the cart for users to leave notes regarding their orders, which will be visible in the order.

Choose which products or content appear in each market, run local promotions, and display tailored benefits and content.

‍

Display prices in the local currency and customize content according to market specifics.

Showcase a reward progress bar for free shipping or discounts, along with countdown timers for limited-time promotions.

Provide users with the option to receive an email notification when the product becomes available again.

Only display products that are relevant to each specific market.

‍

Provide tiered pricing and customized solutions for B2B clients.

Tailor the filter display to your liking. Options include popups, site cards, or direct page displays. Choose your filtering method, like drag-and-drop, checkboxes, or multi-select.

Display related products based on Shopify's algorithm.

Enable customers to enter discount codes directly in the cart and display the exact amount they’ll save.

Define metafields per market to manage custom shipping policies, delivery dates, and other localized settings.

‍

Emphasize add-ons such as shipping protection, gift wrapping, extended warranties, and other value-added services.

Offer bundles at a more attractive pricing structure.

Arrange products in a grid format that suits your needs, whether it’s one, two, or three columns, or allow users to select their layout.

Design everything from simple dropdowns, multi-layered menus to advanced mega menus that showcase categories, subcategories, featured products, images, or articles.

‍

Highlight popular filters to make navigation through collections easier.

Filters come from the free Shopify Search & Discovery app and will only show if relevant to the collection.

Show how many products are left after using the specific Filter

Optimize the mobile menu by adjusting visibility of elements, organizing it into multiple layers, or rearranging its layout.

Utilize images, videos, and 3D assets to showcase the product. Feel free to display it in a grid, slider, or column format.

Decide whether to display only products in a collection or all available variants as separate product carts

Develop unique product page designs for various product and apply them on different product categories

Create urgency with an inventory alert bar.

Define market-specific pricing and automatically display the right price to each user.

Automatically display market-specific taxes and duties, for example prices including VAT or excluding VAT.

‍

Utilize the standard Shopify Menu for easy management without the need for custom coding.

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.

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.

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.

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 Liquiflow, 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.

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.

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.

A Relume public library, designed specifically for Liquiflow 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 Liquiflow ecosystem.

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.

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.

We're developing the Liquiflow Webflow app to streamline your workflow. This app will grant access to all Liquiflow 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.

We're dedicated to creating detailed documentation for Liquiflow, 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.

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.

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 Liquiflow project, and it will handle the rest seamlessly. This streamlined integration aims to simplify theme management and implementation on the Shopify platform.

In The Liquiflow 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.

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.

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 Liquiflow. Find the Template here.

Incorporate products into your cart drawer to create seamless upsell and cross-sell opportunities.

Intelligent product recommendations, a Shopify feature, suggest products that are frequently purchased together or are similar. Using Liquiflow tags, you can implement this functionality, allowing you to offer intelligent product recommendations on your store based on customer behavior and product relationships.

Leverage the power of Metafields and Metabojets with Liquiflow 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 Liquiflow.

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.

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.

For an improved shopping experience, we've developed custom Liquiflow 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.

Leveraging Liquiflow tags, you can effortlessly set up upsells using Shopify metafields, eliminating the need for additional apps. This functionality will soon be integrated into the Liquiflow 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.

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.

Within the Liquiflow 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.

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.

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.

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 Liquiflow converter serves as the core of Liquiflow, interpreting all custom attributes and seamlessly replacing them with accurate and semantically correct Liquiflow 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.