In this new version of OceanWP and Ocean Extra, you’ll be able to activate or deactivate almost all the theme’s scripts and styles, this way if you do not use certain features, you will be able to remove the JavaScript or CSS associated to improve the loading speed of your site.
How It Works
By default, you have a CSS and JS file that group all the theme functionality, so if you do not use or need some features, for example the Full Screen header style, you will still have its CSS or JS associated. it is not ideal.
You will no longer have this issue, just go to your WordPress dashboard, click on Theme Panel > Scripts & Styles and disable all CSS and JS you will not need.
When disabling a script, a CSS and JS file will be automatically created in the uploads folder of your site and displayed in front end instead of the default files.
WooCommerce Elements Positioning
In this version, you’ll also be able to re-organize or hide all the elements of your WooCommerce products in the catalog.
I also activated this feature for the summary of your single products, I did not do it for all elements (image + summary, tabs, up-sell products, related products) because I do not really see the useful to change the location of its elements, but if you want this possibility, tell me in the comments and I would add it in a future release.
New Style For The WooCommerce Checkout Page
On the advice of a user, I have improved the checkout page style, now the items prices table and payment method are located on the side instead of below the customer details.
Other Cool Things For WooCommerce
The Zoom Gallery feature has been added, if your image is large, a zoom effect will be visible.
I also added a new option in the customizer to allow you to position the tabs on single product, left, center or right.
Other Features
For mega-menus, I have added one column in the “Megamenu columns” field, so you will not need to have at least two menu items in your mega menus, and I activate the mega-menus for the top bar.
Two new Width and Height options have been added in the customizer to allow you to change the images size of related posts in your single posts.
For the mobile menu, a new location has been added “Mobile” to allow you to display a different menu for the mobile menu. And the top bar menu is now automatically added to the mobile menu.
I created a new “Tags Cloud” widget which is exactly the same as the default tags widget of WordPress but that has several customization options (background, color, font size, text-transform, etc …).
A new shortcode is available “” which allows you to display certain informations of the current user like its username, email, first and last name, etc, look at this article in the documentation for more information.
What’s Next?
The next version of OceanWP will be a big update, I will improve the Medium header style, try to create a new demos with GiveWP which is a donation plugin, so the demo will be a non-profit template (I not yet found the exact idea), improve some extensions, and add new useful features to the theme.
Tell me what you think about this new version and subscribe to the newsletter to stay connected!
Marius Ghitulescu
23 Apr 2017Fantastic update, I’m glad I chose OceanWP!
Nicolas Lecocq
23 Apr 2017I’m glad you’ve chosen OceanWP too!
Antal
23 Apr 2017Great work Nicolas! OceanWP is my theme of choice. 🙂
Maybe I can make a suggestion; the option to hide the woocommerce cart in the menu whenever it is empty?
Nicolas Lecocq
23 Apr 2017Thank you very much 🙂
If possible, I will add this feature in the next version.
Daniel Mesteru
23 Apr 2017Hi Nicolas,
This is great news! I love the theme and I’m already planning to use OceanWP for at least 2 of my projects! Please keep it going, your work is inspiring for me. Solid work here.
Regards,
Daniel
Nicolas Lecocq
23 Apr 2017Thank you a lot for the nice words 🙂
David Wilks
24 Apr 2017Love it. OceanWP is my ‘go to’ theme.
Nicolas Lecocq
24 Apr 2017Thank you 🙂
Le
24 Apr 2017Nice,
What’s about the google font subset? Does it include on this release?
Thanks
Nicolas Lecocq
24 Apr 2017Yes, added 🙂
Munir Kamal
24 Apr 2017Amazing Nick, OceanWP is the only theme i use now on my client / personal projects and i feel great to take this decision in the early days of OceanWP when i first used it and when i had a conversation with Nick. OceanWP since than is growing / improving with a lightening fast speed and things only getting better and better.
Thanks you So much Nick
Nicolas Lecocq
24 Apr 2017Thank you very much Munir 🙂
Verdi
24 Apr 2017Rockstar. You. Awesome!
Nicolas Lecocq
24 Apr 2017Thank you a lot Verdi 🙂
Daniel
24 Apr 2017Wow. Its fantastic! The best theme ever!
Nicolas Lecocq
24 Apr 2017Thank you 🙂
Marc Bijl
27 Apr 2017Hi Nicolas, today I stumbled upon your theme, and I’m really blown away! Downloaded it, imported some demo content, and really love how it all looks and has been set up; thumbs up mate!
However, I have a question. As far as I can see, there are no portfolio pages in the demos. What’s the best way to create portfolio items, and portfolio pages/overviews? I’m planning to use Elementor and Elementor Pro, and was thinking about creating custom post types for portfolio items. Would that be a good idea? And if so, what plugin can be recommended to create this custom post type?
Keep up the good work!
Cheers,
Marc
Nicolas Lecocq
27 Apr 2017Hello Marc, thank you very much for your message.
For the portfolio, there is not yet a demo because there is not yet a portfolio extension, I planned to create one.
If you have good knowledge in PHP and on the creation of custom post type, yes it is a good idea, otherwise, I discovered a very good plugin not long ago, I think you will like it: https://wordpress.org/plugins/photography-portfolio/
Thanks again for your message 🙂
Luke Cavanagh
10 Aug 2017Very solid new feature.
Harish
27 Sep 2017Hello Nic, you can also disable all the Woo CSS and load by yourself in style.css
maybe you are interested to see our plugin:
https://wordpress.org/plugins/disable-wc-styles-littlebizzy/
Disables all WooCommerce styles (CSS)
thanks for your hard work.
Nicolas Lecocq
27 Sep 2017Hello, the WooCommerce style is by default disabled to load the custom OceanWP WooCommerce CSS file.
Thank you for the nice words 🙂
jose roses
29 Nov 2017This is fantastic Nicolas, just a small improvement: in the woocommerce checkout page, the “Payment method” is the right side of the screen but could it be fix when you do scroll down.
Storefront has this functionality of fixing the “payment method” when scrolling, and I think this is good for the UX and to get more sales.
Thanks a lot.
Nicolas Lecocq
29 Nov 2017Thank you for your messages.
I will see if I can do the same thing 🙂
MORABITO
17 Mar 2018Bonjour Nicolas,
Thx for you amazing work!
I have an issue tring to customize the colors of Prudut pages on woocommerce.
I go to Customize / WooCommerce / Advenced Style / Product Find the Price color, changed the green to red but nothing happens on the page once all saved.
Can you help me out ? is there somthing I missed.
Best
William
Nicolas Lecocq
17 Mar 2018Hello, can you open a support ticket please? I will ask you some information.
WilliamDHS
17 Mar 2018Hi,
Thanks for your reply,
Where can I open a ticket, do I need to purchase an account ?
Best,
Will
Nicolas Lecocq
17 Mar 2018Hi, click the support link in the menu then click if you are a customer or a free user.
Rayon
23 Apr 2018Hi there,
I cannot see the OceanWP “Theme Panel” section in my WordPress dashboard. Any idea why? Thanks!
Nicolas Lecocq
23 Apr 2018Hello, have you installed Ocean Extra?
Jason
18 Oct 2018How about adding a table of content option or plugin.
Obviously it would be better to add it directly from the post editor but an extra extension for this would be fine too.
I’m new to the theme so excuse my ignorance if this already exists (outside of using Elementor Page Builder) but i’m not seeing it so if it does feel free to enlighten me.
Other than that I’m really happy with it.
Thanks
Sarah
29 Dec 2018Nicolas – Great Theme! I have OceanWP Theme, Hooks, and Ocean Extra and I use them with Elementor. I do not have the Scripts and Styles panel under the Theme panel. Is this because I’m using the free version of OceanWP? I’m trying to disable OceanWP’s lightbox b/c it’s popping up underneath another lightbox/gallery plugin I prefer to use. I’m struggling to figure out how to disable your lightbox!
Nicolas Lecocq
30 Dec 2018Hello Sarah, thanks for the nice words 🙂
If you don’t have Scripts & Styles, it means that you are on an old PHP version and I recommend you to contact your host to tell him that you want to be on the latest PHP version.