Having a global class on body when closed.

Rafael,

Thank you for reaching out to the support forum.

We appreciate the feedback and information on the issue you encounter when using a cookie bar and Order Hours alert bar.

More e-commerce stores are using the cookie bar, we agree our alert bar can have an overlapping issue as you flagged. Some of the cookie bar plugins allow you to display them in different locations, but since we are unsure if they all support this functionality, we think this is a great feature we should include in our Order Hours plugin natively.

As a result, we are building functionality in the Order Hours plugin to allow the admin to select the Alert Bar position on the page, Top or Bottom or Custom using CSS to define the pixel amount from the Top or Bottom. This should fix and address your problem on overlapping bars regardless of the cookie bar you are using.

The new release with this updated functionality for Alert Bar location is in testing phase now, version 3.0.4. We should have it released by tomorrow or early next week. Look for the update coming soon.

Support Team

Awesome to hear! Thank you in advance, such a body class would really help with altering different parts on the site whenever the store is closed!

Thanks in advance, and especially for the fast reply!

Good news, version 2.0.4 is released! Upgrade and check it out.

The 2.0.4 release includes the functionality to modify the placement of the Alert Bar and functionality for customers to dismiss the Alert Bar.

We hope you enjoy the plugin, if so, please leave us a ★★★★★ rating on the plugin directory. A huge thanks in advance!

Support Team

Cheers! Just updated!

@bizswoop

Thanks I just managed to check the update, while the new features are there it is still lacking the feature request regarding the body class that I am after. Placing the bar itself is handy but I was actually more referring to having a body class enabled when the bar is active so that I can move the cookiebar up rather than the alert bar.

So how I would love to see it is that when the zhours alert bar is active and working that there is a specific zhours class added to the body classes so that I can say to alter anything like hide specific stuff and change other parts of the site whenever the bar is active and the store is closed.

This certainly would come in handy, and while the custom positioning is handy, it is not directly something I require as I would be able to modify this part as well easily with CSS but I wouldn’t be able to modify other parts AROUND the alert bar when it is active as there isn’t any class to select a specific element based on the alert bar being there or not.

So if anything I’d love to see that when the bar is active and the store is closed that there is a general class added to the body which we then can utilise to modify other elements on the site in the way like body.zhoursActive #cookieBar{top:30px} for example, currently this is not really possible without a lot of tweaks and that’s a bit of a shame.

Either way thanks and I do hope to see this in a future revision!

@rafaeldejongh Thanks for the additional information for the body class. We’ve pushed a new version 2.0.5 to add in the body class: zhours-closed-store. We hope this helps your development efforts using the plugin.

Support Team

@bizswoop

Most definitely, thanks a bunch for the great support and development of your plugin!