We are using the Step-by-Step Booking Calendar 2.0 and have noticed that in the package selection step, the product price is displayed in the footer (where packages can be skipped).
This is problematic for us because some of our staff members charge higher service prices than the product price itself, which can be confusing for our customers.
Is there a way to completely remove or hide the price field in the footer without affecting the functionality of the calendar?
Thanks for reaching out to us. Unfortunatelly, there is no such option, the only workaround would be with the CSS code. Perhaps, you can use this CSS code, but I'm not sure if its going to work for all services (all steps) without conflicting with the other parts of the booking form.
Here it is
#amelia-container > div.am-fs__main.am-fs__main-mobile > div > div.am-fs__init.am-fs__main-content.am-oxvisible > div > div > div.am-slide-popup__block-footer > button > div{ display: none!important; }
Custom code needs to be applied to the page where the booking form is. Depending on what you're using (Gutenberg blocks, or some page builder), adding the CSS or JS can be done in a few different ways.
If you need help with adding custom CSS to the page, please take a look at this article.
Hello
We are using the Step-by-Step Booking Calendar 2.0 and have noticed that in the package selection step, the product price is displayed in the footer (where packages can be skipped).
This is problematic for us because some of our staff members charge higher service prices than the product price itself, which can be confusing for our customers.
Is there a way to completely remove or hide the price field in the footer without affecting the functionality of the calendar?
Thank you in advance for your support.
Best regards,
Sarah
Hi Sarah,
Thanks for reaching out to us. Unfortunatelly, there is no such option, the only workaround would be with the CSS code. Perhaps, you can use this CSS code, but I'm not sure if its going to work for all services (all steps) without conflicting with the other parts of the booking form.
Here it is
#amelia-container > div.am-fs__main.am-fs__main-mobile > div > div.am-fs__init.am-fs__main-content.am-oxvisible > div > div > div.am-slide-popup__block-footer > button > div{
display: none!important;
}
Custom code needs to be applied to the page where the booking form is. Depending on what you're using (Gutenberg blocks, or some page builder), adding the CSS or JS can be done in a few different ways.
If you need help with adding custom CSS to the page, please take a look at this article.
Kind Regards,
Stefan Petrov
[email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps, and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Thank you merry much :)
You are welcome, Sarah.
I'm glad that I could help.
Kind Regards,
Stefan Petrov
[email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps, and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables