Hi folks
this is kind of a special use case; but from time to time when we have a store, selling our services, we will be using the built-in WooCommerce sticky message bar (“store notice”) for things like “closed for Memorial Day… back on Tuesday” or similar.
One minor issue, is that the top menu bar and sometimes main menu from theme obviously gets chopped off by the “message” sticky. So either the top menu is completely covered up, or when a Newsmag sticky menu is being used, it doesn’t stick since the top needs to be down the same height as the main menu (or rather main menu, sticks but is hidden 80% by the message sticky).
On phone, all menu options top of page are chopped off … hidden; and on iPad/tablet portrait, same behavior as desktop.
SO: my suggestion for theme is a simple one:
make the sticky “store message” stick to FOOTER vs header for the WooCommerce “store message” … some other themes, including some Woo themes do this to solve the top menu bar “issue.”
OR:
suggest some “push down” CSS which could be added to top of the theme menus to push everything down the 37px used by the store message sticky bar; then presumably one could just add that to custom CSS box “as needed” a few times per year when message is needed.
Obviously I have no problem doing the CSS thing.
From an “average customer” use case, I’d consider making the sticky go across bottom, since it would really just hinder the sub-footer, and in most ecom setups that menu stuff goes into the regular footer menu so it’s easier to click/tap.
(Setting up my first WooCommerce store… went through about 6 Woo themes, and came back to – duh- using NewsMag — exactly what I wanted…. !)
Also, perhaps adding to theme docs: for the WooCommerce setup, choosing the sidebar layout for posts, does not impact the pages, and so pages and categories must be set separately – which is a good thing since I wanted the cart and checkout to be full width and not have sidebar for ease of use. Wasn’t clear since the “woocommerce” template setting actually only works for store items and none of the other “pages.”
Thanks 🙂
Hi Chris!
I have also tested and noticed this menu bar issue when using woocommerce “Store Notice Text”: http://screencast.com/t/nkyji5Dt
I will add this on our issue list for further testing and consider this.
Thanks
Thanks, Lucian
pardon any follow ups on WooCommerce, but I’m going to be testing the heck out of this as we’re moving from another cart system from past 5 years to WooCommerce, for various reasons I won’t bore you with.
One additional CSS element:
with the PayPal option box on checkout page, the text “what is PayPal” gets covered up by the info box for PayPal which appears to be a block item and if you have CSS for that should be set to wrap whitespace, as there is no room to right of the info box for the little what is paypal text. I’m actually trying to find a “hook” to hide that text, but still learning how to do stuff like that with WooCommerce.
If you have any suggestion on that or a CSS over-ride to text-wrap the info box for the payment type. Well, I guess I could use the inspector, too. Duh.
🙂
Another WooCommerce item; not sure if theme or WooC related.
When logged out, and on a product page, under reviews tab, it says “you must be logged in first…” but link to login goes to the main site admin panel and not the store login. Might be cookie remembering “me” vs “customer” … but bizarro.
I’m actually trying to figure out how to completely disable the darn reviews entirely; turning off comments doesn’t do it in both WP > discussion *and* in the theme panel.
Adding a “disable reviews” button in your themes would be a massively cool feature. But I know that is down about 200 items on “requests.” 🙂
Sheesh. Woo is really dumb about some things like that.
Hi Chris!
Please try this custom css for the issue you have with Paypal info box: http://screencast.com/t/yn9fXsum
.woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box {
width: 75% !important;
}
@media (min-width: 1024px) {
.woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box{
width: 83% !important;
}
}You can also modify or remove that paypal info by removing it for m the description filed from woocommerce settings: http://screencast.com/t/gdMhxxABf
Regarding reviews this might help: https://support.woothemes.com/hc/en-us/articles/203447633-How-to-Disable-Product-Reviews
I have also tested this and found that having that filter in the functions file dose remove the reviews tab from product page: http://screencast.com/t/bwaygpI63sI
Hope this helps!
Thanks
Awesome, Lucian
thanks for all your help.
Hopefully all my various little items with WooCommerce this week might give you some good food for a FAQs page in the docs for others choosing to use WooC with Newsmag. 🙂
HI, Lucian
fyi, the custom CSS works well for the PayPal box, except needs a little more space on the iPhone portrait as just part of the W is cut off in “What is PayPal?”. This is due to the little arrow box, even when I shortened the box description.
I am testing the rest today. 🙂
Hi Chris!
You can also add this: http://screencast.com/t/iCseqqy4
@media (max-width: 767px) {
.woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box{
width: 65% !important;
}
}
Hope this helps!
Thanks
Thanks!!!
