Progress Bar

Hi Marusche,

As we have 4 steps set each step is 25%.

1 – Could you provide us with more details of the issue? Screenshots or Screen recordings would help.

Best,
Alan.

Hi @marusche,

By default, Fluid Checkout has 4 steps with multiple sub-sections:

Step 1 – Contact -> sub-section: Contact;
Step 2 – Shipping -> sub-sections: Shipping methods, Shipping address, Additional information;
Step 3 – Billing -> sub-section: Billing address;
Step 4 – Payment -> sub-sections: Coupon code, payment methods, place order button;

It is not possible for us to detect how many sub-sections are currently visible on the checkout page and calculate the progress percentage based on that.

I’m closing this ticket for now.

Best,
Diego.

Hi @diegoversiani @alanmarley

I am facing similar issue. but for me the bar stays on step 1 even I’m on step 3 already. See screenshot below

https://prnt.sc/ZG_cna8qlQgL

When applying height 400px in the inspect element I found these 3 bars.

https://prnt.sc/AU92eDAyR18p

By the way, I am using Fluid Checkout for WooCommerce – Lite Version 3.1.8

• This reply was modified 10 months, 2 weeks ago by imneil.
• This reply was modified 10 months, 2 weeks ago by imneil.

Hi @imneil,

We were not able to reproduce the issue on our development environment. It seems that this layout issue might be a conflict with the theme or custom code on your website.

1. What is the URL of the website you are experiencing this issue on? If you prefer to not share this information publicly on this support forum, please open a new support ticket on our website.

2. What is the theme you have installed on this website?

3. Do you have any custom code added to your website for customizing elements on the checkout page?

Best,
Diego.

Hi @diegoversiani ,

I have raised a ticket on your website. Please let me know if you need anything else.

Thank you in advance.