- Google Address Autocomplete
- Flatsome UX Builder
- ActiveCampaign
- Paypal Reference Transactions
- How PaypPal/Stripe Works
- Enabling Enfold Avia Layout Builder
- Setting Up Authorize.net for Upsell & Downsell
- Supported Payment Gateways
- Setting Up A/B Testing with Google Optimize
- Setting Quantity and Discount for Products on the Checkout Page
- Using CartFlows with Custom Templates
- Using CartFlows with Beaver Builder
- Hiding Checkout Fields on the Checkout Page
- Global Checkout
- Using WooCommerce
- Installing WooCommerce
- General Settings Overview
- Using Your Theme's Header & Footer in a Step
- Embedding a Checkout Form on the CartFlows Checkout Page
- Hiding WooCommerce Pages and Products
- Using Pricing Tables
- Adding an Affiliate Program
- Setting a Flow as the Homepage
- GDPR Compliance
- Disabling Caching
- Creating Variable Products
- Placing Shortcode In The Right Places
- Displaying a Terms & Conditions Checkbox
- Creating a Marketing Sales Funnel
- How to Enable Facebook Pixel Support in Cartflows?
- Enabling Fusion Page Builder on CartFlows Steps
- Passing Variables as Query Parameters to a URL
- Highlighting a Product on the CartFlows Checkout Page
- Styling the Highlight Product Section
- Collecting User Contact Data and Redirecting to the Checkout Page
- Setting a Default Product in Product Options
- Regenerating the Step’s Dynamic CSS for Shortcodes
- WP CLI Commands
- Dynamic Offers aka Rule Engine
- Instant Layout for Checkout and Thank You Step
- Adding Products from the URL to the Checkout Page
- Setting Up A/B Testing for Steps
- Deleting Plugin Data During Uninstallation
- Importing Ready-Made Templates for Flows and Steps
- Importing and Exporting Funnels and Individual Page Builder Templates
- URL Parameters
- Replacing the Main Checkout Order with an Upsell or Downsell
- Using the "Order Custom Field" Rule of Dynamic Offers with Custom Field Editor
- How to Enable Webhooks in WooCommerce Cart Abandonment Recovery Plugin?
- Shortcode Reference for Email Fields in Cart Abandonment
- Filters to Customize Product Table
- Cart Recovery Emails not Sending [Cart Abandonment]
- Abandoned Orders Not Capturing [Cart Abandonment]
- How to Resolve the Recovery Email Going to Spam?
- Cart Abandonment Cookies/GDPR Compliance
- Setting Up WooCommerce Cart Abandonment Recovery
- Flow In Test Mode
- How to Troubleshoot a Conflict with the Plugin & Theme?
- Resolving the "Please select a Simple, Virtual and Free product" Error
- How to Solve the Never-Ending Loading Issue on the Checkout Page?
- How to Solve the “Order Not Found” Error Message on the Thank You Page?
- How to resolve “Checkout ID not Found” Error message?
- How to Resolve “Session Expired” Error message?
- How to Resolve “Order Does not Exist Error” on Upsell & Downsell Page?
- How to Resolve “Sorry this product cannot be purchased” Error Message?
- How to Resolve “No product is selected…” error message?
- How to Turn Off the Auto-fill of Address Fields on Entering Zip-Code?
- How to Enable the Theme’s Scripts & Styles without Changing the Page Template?
- How to Turn Off the Auto-fill of Checkout Fields?
- How to Allow Cache Plugins to Cache the CartFlows Pages?
- How to Change the “Choose A variation” text?
- VAT Field of WooCommerce EU/UK VAT Compliance (Premium) plugin is not displaying.
- How to enable the product tab on store checkout
- How to show the order summary open on mobile devices
How to Re-generate the Step’s Dynamic CSS for Shortcodes
This update that is 1.6.12 is filled with more fixes and optimization on CSS delivery and generation.
So, to optimize the dynamic inline CSS delivery, we have come up with a new option for the shortcode of CartFlows pages.
This re-generate inline CSS option will only work for the CSS which is created from the Design Setting of the Steps for only the shortcodes.
Let’s see how you can regenerate the CSS manually
This setting is located in the CartFlows Global Setting page. Below is the steps to regenerate the CSS.
Step 1: Go to CartFlows -> Settings -> Advanced Tab
Step 2: Click on the regenerate CSS button
So, how is this useful in the CSS delivery on the CartFlows pages?
This regenerating CSS option can be used if in case the changes in the design options are not reflecting on the frontend on the CartFlows pages.
This CSS is not customizable directly, because it is dynamically generated for each feature and page and it is generated from the design options provided in the backend setting of the checkout and optin page.
How does this feature work?
Before the 1.6.12 version, the CartFlows was creating and generating the dynamic CSS for each step at every page reload. Due to this, it was adding a little bit of loading speed impact on the CartFlows pages.
But here in this 1.6.12 version, this dynamic CSS will not be created/generated again and again at each page reload/load but it will be directly fetched from the page’s metadata and will be added on the page in less time.
So, when the user makes the changes to the design settings of CartFlows pages, then this already generated dynamic CSS which is already present in the database will be deleted and fresh dynamic css will be regenerated & saved in the page’s meta on the first load of that page.
We don't respond to the article feedback, we use it to improve our support content.
