Skip to content
Fluid Checkout
  • Demo
  • Features
  • Add-ons
    • Complete Bundle Save 42%
    • Fluid Checkout PRO
    • Google Address Autocomplete
    • Address Book
    • EU-VAT Assistant
  • Pricing PRO
  • Docs
  • Support
  • My account
0,00 € 0 items
Home / Docs / Compatibility with theme The Gem

How can we help?

Getting started

  • Do I need to uninstall the free version when upgrading to PRO, or is Fluid Checkout Lite required?
  • Getting Started with Fluid Checkout
  • Getting started with Google Address Autocomplete
  • Translate Fluid Checkout plugins into your language

Features

  • Proof of address for sales of digital goods
  • WooCommerce edit cart on checkout — change quantity or remove items from the cart directly at the checkout page
  • Trust symbols — add security badges, trust seals and other trust symbols to strategic places on the checkout, cart and order received pages
  • Order pay – optimized and intuitive design for your WooCommerce Order Pay page
  • Privacy compliance – Personal data erasers and exporters
  • Local Pickup — WooCommerce Local Pickup hide shipping address when local pickup is selected
  • International phone numbers — WooCommerce checkout phone number validation and formatting based on country rules
  • Express checkout — quick payment buttons for Google Pay, Apple Pay and other payment methods
  • Design templates — match your brand styles on the WooCommerce Checkout template
  • Billing address positions — choose to display billing address before shipping, inside the shipping step or force shipping and billing address to a single section
  • Account matching / user matching — associate purchases with and existing customer account without logging in

Customizations

  • Fix order summary and progress bar being cut off by the site’s header
  • Change the icon or icon color for the cart button on mobile
  • Move the “Phone” field to the contact step
  • Using Google Address Autocomplete on custom address fields and sections
  • Configure cart quantity fields for decimal quantities
  • Change fields copied from shipping address to billing address
  • Move first and last name fields to the contact step
  • Enable address autocomplete by zip code or post code
  • Customize Local Pickup location address and use multiple pickup locations
  • Customize button colors and other button styles
  • Customize colors of elements on Fluid Checkout
  • Customize template files for WooCommerce and Fluid Checkout
  • Customize checkout steps
  • Add custom house number field and make it required
  • Customize checkout fields and adding custom checkout fields
  • Safely add code snippets to your WooCommerce website

Compatibility

  • Compatibility with plugin YITH WooCommerce Cart Messages Premium
  • Compatibility with plugin Shipping Zones by Drawing
  • Compatibility with plugin Elementor
  • Compatibility with plugin MyParcel
  • Compatibility with theme The Gem
  • Compatibility with plugin WooCommerce Delivery Slots by Iconic
  • Compatibility with plugin Mailchimp for WooCommerce
  • Compatibility with plugin WooCommerce Checkout Manager By QuadLayers
  • Compatibility with plugin Breakdance
  • Compatibility with theme Pressmart
  • Compatibility with theme Divi and the Divi Builder
  • Compatibility with WooCommerce Block-based checkout and cart forms
  • Compatibility with theme Goya
  • Compatibility with theme Botiga
  • Compatibility with theme Atomion
  • Compatibility with theme OceanWP
  • Compatibility with plugin Digits
  • Compatibility with plugin Storefront Powerpack
  • Troubleshooting – jQuery events or vanilla JavaScript events not working
  • Compatibility with theme ZK Nito
  • Compatibility with Checkout Field Editor PRO by ThemeHigh
  • Compatibility with theme Woodmart
  • Compatibility with plugin “Plugin Organizer”

Troubleshooting

  • Troubleshooting – jQuery events or vanilla JavaScript events not working
  • Troubleshooting – Local pickup prevents customer from proving a shipping address, blocking other shipping methods
  • Troubleshooting – Redirected to error 404 (page not found) when trying to delete an address from the Address Book
  • Troubleshooting – Google Addresses Autocomplete not working despite following installation guide
  • Troubleshooting – Trust symbols widgets randomly moving to other areas when switching themes

Account & Purchases

  • Can I get a refund for my purchase?
  • Finding my invoice, adding billing details and VAT number
  • New versions updates are not appearing on my website

Development

  • Changelog – Fluid Checkout EU-VAT Assistant
  • Troubleshooting – jQuery events or vanilla JavaScript events not working
  • Changelog – Fluid Checkout Address Book
  • Checking data returned from Google Address Autocomplete address search
  • Changelog – Google Address Autocomplete
  • Changelog format and semantic version numbers
  • Changelog – Fluid Checkout PRO & Lite
View Categories

Compatibility with theme The Gem

The Gem checkout progress bar #

Screenshot of the checkout progress bar section from the theme The Gem as displayed on the checkout page.

The Gem has a checkout progress bar section which is displayed on a few pages: the cart page, checkout and order confirmation (thank you page).

By default, this option is removed by Fluid Checkout when using the distraction free header and footer templates from the plugin.

It is possible to display the checkout progress bar section from the The Gem theme when using Fluid Checkout with the distraction free checkout template, which might be needed to keep consistency between all the checkout process pages, especially if you are not using Fluid Checkout PRO with the optimized cart and order received pages.

Follow the steps below to display the checkout progress bar from The Gem:

  1. Go to WP Admin > WooCommerce > Settings > Fluid Checkout > Integrations.
  2. Locate the section “Theme The Gem > Checkout progress”.
  3. Check the option “Output the checkout steps section from The Gem theme when using Fluid Checkout header and footer”.
  4. Then save your changes.
Screenshot of the checkout progress section options for Them Gem theme in the Fluid Checkout integration settings.
Still stuck? How can we help?

How can we help?

Updated on April 17, 2024
Table of Contents
  • The Gem checkout progress bar
Fluid Checkout

Frictionless Multi-step Checkout for WooCommerce

© 2021-2025 Fluid Checkout OÜ

Terms | Refunds | Privacy Policy | Cookies

Products
  • All products
  • Fluid Checkout PRO
  • Fluid Checkout Lite
  • Google Address Autocomplete add-on
  • Address Book add-on
  • EU-VAT Assistant add-on
Company
  • Support
  • Careers Hiring
  • My account
  • About
  • Affiliates program
  • Homepage
  • Homepage
  • Features
  • Pricing PRO
  • Docs
  • Demo
  • Support
  • My account