- 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
- How to Collect the User’s Contact Data and Redirect to the Checkout Page?
- Applying a Coupon from the URL
- Setting a Default Product in Product Options
- Regenerating the Step’s Dynamic CSS for Shortcodes
- CartFlows Pro WP CLI Commands
- How to Enable Google Ads Pixel Support in Cartflows?
- CartFlows Dynamic Offers aka Rule Engine.
- CartFlows Instant Layout for Checkout & Thank You Step
- How to Add the Products on the Checkout Page via URL
- How to A/B Test the CartFlows Steps?
- How to create Google Address API Key
- How to Delete the Plugin’s Data While Un-Installing the Plugin
- How to Import the Ready-Made Templates for Flows and Steps in CartFlows?
- How To Import/Export Funnels & Individual Page Builder Templates?
- URL Parameters
- How to Replace the Main Checkout Order with the Upsell/Downsell?
- 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 Style the Highlight Product Section?
We have provided some basic options to provide the flexibility and modify the design & the text that will be displayed on the frontend along with the border color, text color, and the Highlight Product section’s background section.
To find these options please follow the below steps.
Step 1: Goto CartFlows -> Funnels
Step 2: Your_funnel -> Click on the settings icon on the checkout step.
Step 3: Go to the products tab and add products to the checkout to see the Product options. Then scroll down to Product options and enable the Enable Product Options toggle.
Step 4: Now, under the Selected Products Section, open the product options by clicking on the settings icon. Add the text as per your needs and Enable the Highlight option (4)
Step 5: Add the Highlight text as per your necessity.
Step 6: Update / Save the page.
The above steps will guide you to set up the CartFlows Product Highlight feature. Now to do more customization such as changing the color of the text, section, and the border color, you can find these settings by scrolling down the same page under the Design Setting.
Related Articles –
We don't respond to the article feedback, we use it to improve our support content.
