Some months have passed since the last big update, I hope you will enjoy all the new WooCommerce features of this release. The goal of this update is to increase conversion of your shop and having a beautiful and professional design.

Cart Icon Shortcode

Many users asked for this new feature. Now you can display the cart icon with the shortcode. Check all the available parameters here: https://docs.oceanwp.org/article/502-oceanwpwoocart-shortcode

With this shortcode, you can create any type of header and place the cart icon where you want. Here is a little example:

You can see that the cart icon style is completely different than the cart icon from the navigation. It’s done this way, because some options are complicated to add in the shortcode, so I created an independent style to make everything to work smoothly.

Quick View Button

No need to use a plugin for that anymore, I added a new setting to activate/deactivate a Quick View button for the archived products.

Mini Cart on Mobile

You can now display your cart on mobile too! The setting is enabled by default but you can of course disable it.

Cart Display

A new setting is added to display your cart when a product is added to it. This new setting can help to increase conversion.

Off Canvas Filter

Do you want to display your shop page in full width but still have a sidebar? Now it is possible with this new feature. You can see a new sidebar in Appearance > Widgets, you just need to add the widget you want in it.

Single Product

Some things has been improved and added for the single product page, you can see here the features listed below: https://shoes.oceanwp.org/product/aster-clear-strappy-sandals/

a. Ajax on the Add To Cart button

You can now add Ajax to your single product pages too. Your customers can buy more quickly and most importantly, the Woo Popup extension will work when Ajax is activated, so you will be able to catch your visitors when they click the button to buy your product.

b. Vertical layout for the thumbnails and tabs

If you prefer to display the thumbnails and tabs vertically, it is possible, just select the vertical layout in the customizer.

c. Product navigation

You will see left and right buttons next to your title to navigate between your products.

d. Floating bar

A floating bar is displayed when you scroll to the tabs area to always have the Add To Cart button which increase conversions because, your visitors don’t need to scroll up to buy your product.

Sale Badge

Two new settings are added for the sale badge, you can display a percentage instead Sale and you can display the badge in a circle instead of a square.

Cart & Checkout Pages

To convert a visitor into a customer, it’s important that he’s not distracted when he checks his cart and when he pays. That’s why I’ve added a new option called Distraction Free to allow you to display only the logo of your site in the header and the footer bottom.

Multi-step Checkout

A multi-step checkout can dramatically reduce the percentage of users who abandon the cart and so increase your sales. Your customers will be able to purchase your product(s) in a few steps.

Two New Pro Demos

Two new pro demos haves been added in the Ocean Pro Demos extension, a Wedding demo and a new eCommerce demo called Shoes to show you many of the new WooCommerce features.

What Else?

A new setting called Content After Header has been added to allow you to add absolutely anything you want just after the navigation. This setting only work for the Minimal and Transparent header styles.

A new option to disable the cart icon from the menu only on desktop is added, so you will be able to use the shortcode and still have the cart icon on mobile.

You can now display a wishlist icon in your menu or via its shortcode if the TI WooCommerce Wishlist plugin is used: https://docs.oceanwp.org/article/501-woo-wishlist-shortcode

Now the mini cart is displayed on the cart icon when you hover rather than when you click.

A better default styling for the mini cart and the possibility to select between two styles, Compact and Spacious.

A better styling and position for the wishlist button on the product archives and the single product pages.

A better styling for the WooCommerce category and filter widgets.

Tell me in the comments what you think about this new big update.

This Post Has 156 Comments

  1. Carlos

    Hi Nicolas,

    As i allready wrote to you in the many support tickets i open, if every support developper could be like you, the web would be a better ‘place’.
    i hope OceaWP and you go even further with plenty of sucess!

    Thanks again and continue the good woork 🙂

  2. BJ

    Nicolas – you rock!
    I bought OceanWP a few week and I’m really digging it! Thank you for all your hard work!!!

  3. Darron Saunders

    Wonderful Nicolas!!
    Can see you have been extremely busy 🙂

    Keep up the great work – loving OceanWP more and more every day – now using on over 25 sites

  4. Daniel

    Ok, now I’m officialy in love with OceanWP. And this is not because V’Day was just yesterday but for the fact that you trully appreciate your work and your user. Great, great work here, these updates are beyond any words.

  5. Albert

    Argh! New version doesn’t work properly on firefox! at least to me! 🙂
    I tried chrome and it works fine but in firefox the new feature “Product navigation” with the related products apears really bad on the top on the product and also I see the cart on the bottom of the page when it is not empty…
    Is it only to me??

    1. Nicolas Lecocq

      Hi, maybe a cache issue?
      You can see on the new eCommerce demo Shoes that everything work perfectly on Firefox.

      1. Albert

        Oh, you are absolutely right! Cache clean and everything working fine.
        Sorry for the inconveniences!
        Really good work! Thank you.

  6. Jorge Araújo

    Nice… OceanWp is best theme.
    The only thing I do not find good on the theme is the shortcodes. As they begin with oceanwp (theme name), some curious clients can search and discover the theme used by my agency, even using whitelabel theme resources, and other details in my admin panel.

    1. Nicolas Lecocq

      Thank you 🙂
      For the shortcodes, I need to add oceanwp to prevent any conflicts with plugins.

    2. Thomas

      Rightclick and view sourcecode and you will find the name of the theme in 95% of all wp-sites. I don’t understand the problem.

  7. Alan Mills

    Wow! I am really loving the OceanWP Theme and the pro plugins. Thank you for all the hard work you do.

  8. Amel

    Hello,

    Looks good. I think I emailed you about this before but would still like to see the option to add quantity of products from the catalog page. 🙂

    Keep it up.

    Thank you

  9. Younes Houbban

    I’m in love with Oceanwp and i like the new features of this Big update.

  10. Jett Hitt

    I’m just an amateur website builder, but OceanWP and Elementor made it a pretty simple process. Thank you!

  11. Bruno Trtsch

    Bravo Nicolas,
    Ces nouvelles fonctionnalités vont me motiver à refaire ma boutique en ligne de traductions françaises de thèmes et extensions WordPress avec WooCommerce.
    Continue sur ta lancée.

    Amicalement,

    Bruno

  12. Jake

    Great work Nicolas, very impressed with the improved features!

  13. Kenneth

    Great job Nicolas,
    Oceanwp is the best wordpress theme.
    again I see you have fixed the sticky header resize issue on the new demos.
    can you show us the fix?
    In all you are the best

    1. Nicolas Lecocq

      Thank you 🙂
      For the sticky header, yes, I have fixed the issue when you resize or you change orientation on tablet.

  14. David Wilks

    Nicolas, this theme is THE best theme hands down! And your extensions add miles and miles of extra functionality instead of just being bells, whistles and fluff. Anyone who hasn’t bought the extensions bundle is REALLY doing themselves a disservice.

    And I can’t go without commenting on the extraordinary level of support you offer. I have no idea when, or even if, you sleep :))))

  15. Nicholas Zein

    And he does it again! Wow!

    That’s really amazing!

  16. Satya

    Did you knew your themes are getting encashed by GoDaddy?

    Absolutely love your work and when it benefits me I want to share to you too by purchase or donate. You are already rockstar in wordpress theme popularity, tons of youtube videos. It’s time you add more members to team and change the way websites were made till date 🙂

  17. LY

    Hi Nick, so thankful for these new eCommerce features! I’m gonna test it out! I always appreciate your passion in improving the theme and replying my queries. 😀

  18. Marc

    Where I can, I have been recommending OceanWP to other bloggers. For a free theme it has so many customization options. Really appreciate all your hard work, Nicolas! Wish I would have used OceanWP from day 1 of my blog. Every other free theme I tried had so many limitations.

  19. Manuel

    Unfortunely, my site broke cause to the PHP version (5.3.3, and my host provider can’t update the server). I had to change my theme and set the web under maintenance.

    Anyway, i use this theme too in other projects with PHO 7.1 and it works fine. Good job!

    Best regards from Spain.

    1. Nicolas Lecocq

      Hi, yes, you need to use at least PHP 5.6, PHP 5.3.3 is too old. If your web host doesn’t want to upgrade to PHP 7, I recommend you to change host 🙂

  20. Nicolas Mollet

    Impressive! Can’t wait to test it. Keep up the good work.

  21. Rémy

    Great, many cool features… but i’ve upgrade and my website crashed 🙁

    1. Nicolas Lecocq

      Hello, you have a blank page or just some bugs like the cart in the bottom, things like that? If it is the second problem, it is just a cache issue, if it is the first problem, downgrade version, I work on it.

  22. tsouliang

    Hi,
    Since update, fatal error php …
    “Fatal error: Using $this when not in object context in /home/medicom/public_html/wp-content/themes/oceanwp/inc/woocommerce/woocommerce-config.php on line 1845”

    I use a chid theme so … what the problem ?
    thanks

  23. Hikmet

    Dear Nicoloas,
    Thank you for this beautiful and awesome free theme and the efforts you make for it. Thanks to you, elementor team and wordpress teamI can create very efficient, nice looking and professional websites.

    At this moment my clients have no need for the pro addons yet, but if needed I will definitely purchase it from your site.

    Best regards,
    Hikmet

  24. Meik

    Hello, did the update yesterday. Now comes in the footer of the cart. how can you switch it off?
    Greeting Meik

        1. Nicolas Lecocq

          Hi, many users had the same issue, it is a cache problme, I have checked your site, nothing wrong. You can check too if you use a different browser or in an incognito window.

  25. tsouliang

    for now, i put the old version of this file ( woocommerce-config.php ) and all go well ..

  26. Samuel

    Every time that I instal the update of OceanWP, I lose my codes of Google Analytics…

    What Can I do to update and continue with same codes?

    I love OceanWP! Is awesome

    1. Nicolas Lecocq

      Hello, where have you added your Google Analytics code? If you have added it directly in OceanWP, it is normal that you lose it, you need to use a child theme.

  27. HTV

    Hey Nicolas, thank you for this amazing theme. We are not using any WooCommerce but we still appreciate your dedication to this theme!
    We have one question: In a recent update it was added that the picture description is added on the blog page. Is there any way to deactivate this feature via css or something? We think it takes away from the whole experience. Currently we manually removed all the descriptions.

    1. Nicolas Lecocq

      Hi, thank you 🙂
      For the picture description, you mean the caption?
      You can hide it with this CSS code:
      .thumbnail-caption {display: none;}

      1. HTV

        Well, that was easier than I thought. I thought that would remove the captions with in the posts itself as well.
        Thank you a lot! 🙂

  28. JR

    Nice work Nicolas,

    I become fan of OceanWP theme, is one of the most accomplished free theme. Such dedication and expertise is unbelievable. And besides this “French Touch” it’s worth more than anything.

    Keep it this way my friend.

    JR

  29. Branko

    Hey Nicolas beautifull like always. I am using oceanwp and elementor and have problem that in Shop product categories are not displayed nice like in previous version. Where can be the problem?

    Take a look http://www.moto-d.net

  30. Branko

    Hmm, didnt quite understand that, because its giving me a hard time after update. Categories and subcategories in woocomerc side bar are showing strange and diferent. If it is possiblle i would send a screenshot.

  31. Branko

    Is there place I can submit photos of two websites? One is previous version and categories and subcategories in shop page looks nice and one is new version and it looks prety strange.
    vervita.rs looking good
    moto-d.net looking bad

    1. Nicolas Lecocq

      Sorry, I see nothing wrong, have you checked your site on an incognito window to be sure that is not a cache issue?

  32. Branko

    Yes I call a friend to check on his browser and he also see the same problem. Website with old version giving clean look of categories in woocomerce sidebar but this one on new version since this morning is giving me this trouble. Can I provide you somwhere a picture? Did you checkout both websites that I provide?

    1. Nicolas Lecocq

      I answered your topic on the WordPress forum, you can send me screenshots from there. But as I said, I improved the product categories widget as you can see on the Shoes demo.

  33. Eslam

    Wonderful work Nick, as usual 🙂
    I love the floating bar, mini cart on mobile, quick view button and the multi-step checkout, will go update now and test them all 🙂
    Keep up the great work and thanks again for your efforts

      1. jean

        Hello,i’m developing a website using oceanwp theme and i want to know what is the best product image size on product catalog that fit well with the template in ecommerce??
        regards,jean

  34. Marcelo

    Hello Nicolas,
    Great improvements, congratulations. My site is using OceanWP since a year ago and it is very clear, reliable and the end users likes. I have updated the theme version and the feature I like very much is the multi-step checkout, however I wonder where to translate the text in first step from English to Spanish. I am using Loco Translator Plugin but I can’t find the english texts.

    1. Nicolas Lecocq

      Hello, thank you 🙂
      I don’t know well Loco Translator but the multi-step checkout words can be translated via the languages folder of OceanWP.

      1. Marcelo

        Great, thank you very much.

        Regards.

  35. Achraf AZAIEZ SAHLI

    Bonjour Nicolas,

    j’ai un abonnement chez vous, comment puis-je télécharger la pro template shoes ?

    Merci.

    1. Nicolas Lecocq

      Bonjour, mettez à jour Ocean Pro Demos sur votre site, et vous aurez la nouvelle demo Shoes dans Theme Panel > Pro Demos.

        1. Achraf AZAIEZ SAHLI

          Ah c’est good merci !

  36. Justin Harvey

    Bonjour Nicolas, excellent work as always! I’m just having one small issue, which (1) does not appear to be a caching issue, as I’ve cleared both my client, server, and edge caches, and (2) is only happening on one of the many sites for which I use OceanWP.

    Namely, the Ajax toggle for Login/Register is not working . I’ve tried regenerating the Woo CSS via the theme panel, but still no success. Do you have any advice or insight as what may be causing this issue for me?

    Thanks in advance!

    1. Nicolas Lecocq

      Hello, thank you 🙂
      For the register link issue, I will fix this, thanks for letting me know 🙂

  37. Nicolas Lecocq

    Hello, you mean that the title is above the navigation? In your case, you will need to increase the container width or disable the navigation.

  38. Lisa

    Nicholas, I am having the same problem that Branko describes above. I have posted on the OceanWP FB Forum (https://www.facebook.com/groups/OceanWP/permalink/1661674263922053/) about this and also did a support ticket. The Category Widget is in fact working differently. In v1.4.12 it was working like an accordion menu and now with v1.5.4 it no longer works. After doing a Grep/Diff to check file differences, I noticed that the .open-this CSS and JS has been removed from several files within the assets/css/woo directory. Can you please take a look at this and readd this functionality.

  39. AlexGer

    Nicholas! I wanted to support the project and could not!) how can I translate modest aid other than PayPal?

    1. Nicolas Lecocq

      Hello Alex, that is very kind, thank you very much 🙂
      Unfortunately, there is no other way than PayPal for donation.

    1. Nicolas Lecocq

      Hello, the Ajax work on the default Add To Cart button, if you use a plugin that changes the button and you see something wrong, you can disable the Ajax via the customizer.

      1. Mosam Gor

        The problem is when ajax is enabled product variation not added to cart. can you look into this?

  40. Linh

    Love Oceanwp. Was debating between Oceanwp or GP and Oceanwp all the way. I was wondering if this is a Woocommerce thing or an Oceanwp thing. When a customer checks out and log in, instead of going to the next tab (billing) it redirects the customer out of the checkout page. This can lead to a lost sale. Is there a way for the customer to stay on the same page (checkout) once they are logged in?

        1. I just tried, when I login, I’m redirected to the checkout page and it is the Billing section not the login section. It is not this behaviour on your site, open a support ticket, I will try to check what is wrong.

          1. Linh

            Thanks for double checking. That helped a lot. I have resolved the issue and it turns out that it was a plugin (mini-orange two factor authentication) that was causing the issue.

  41. Martin

    Hello Nicolas, i’m using a plugin called order delivery date pro by Tyche softwares.
    After the latest update if i want to change a chosen date on the checkout page my timeslots aren’t visible anymore.
    Tried some other themes to find the problem and those are working fine.
    Of course i don’t want to use another theme so i hope you can help.

  42. Bradley

    Hello. LOVE the theme. However, I cannot get quick view to work on any other page than our main page, featured product listing. I cannot find the quick view edit info anywhere in the theme either! Any ideas what may be amiss?

  43. marcelo

    Hello! OceanWp is a great theme. But I need your help: How do I delete the continue shopping button? Help!!

      1. Kacie Wright

        I have a similar issue. My “Continue Shopping” link redirects customers to our homepage, not to our shop or the last category they viewed, or some other logical place. I’d prefer to delete the “Continue Shopping” link altogether, but if I must keep it, can I have the option to change the behavior so customers are redirected back to the last viewed product category?

        Otherwise, I’m loving the theme! Very crisp and clear and exactly the look we were going for. Thank you!

  44. rodrigo

    I loved all the options mainly the Out of the screen filter, but I think you should have the option to add this screen filter only in the mobile and option in which the client can make multiple choices before the filter direct to the products, plus a button to close the filter.
    Thank you for the beautiful subject, we are happy.

    1. Glad to hear that 🙂
      The off canvas is a sidebar so you can add widgets in it, there are plugins to create great filters, you can add them to this sidebar.

  45. Fraga

    Hello Nicolas!
    I’m use Elementor + OceanWP. I need customize cart and checkout pages.
    Which way to do it?

    1. Hello, if it is simple things to do, create a support ticket and I will help you but if you want specific things, you will need to hire someone to do it.

  46. griffin chivanga

    thanx a lot for this theme guys u dont know how much u have helped beginners out there. keep up the good work guys

  47. Gus

    Hi Nicolas. Your theme is absolutely the best. I was just wondering how can I translate the text from those new functions. My website is in portuguese, but I can only get QUICK VIEW and SELECT OPTIONS (from the floating bar) as the button’s default texts and I can’t find an easy way to change that. Am I missing something? Thank you and keep up the great work!

    1. Nicolas Lecocq

      Hello, you will need to change the texts you want via the pot file inside the languages folder of the theme. Or you can also use filters, if you create a pre-purchase ticket, I will send you the code.

  48. Lindani

    Hi Nicolas thank you for OceanWP theme it totally rocks. On the Shipping Page the form disables / shrinks the Town / City Select text box after you select Country, Last and how can that be fixed.

    1. Nicolas Lecocq

      Hello, thank you for your message 🙂
      For your problem, can you open a support ticket, please?
      Thank you.

  49. Ali

    Hey Dear Nicolas I have some problem when ı upload varible product ı am not see nothing on product page but if ı want to see quick wiew its working can you help please

  50. Azril

    Hi,
    I try to enable off-canvas filter. Already enable it in the customize>woocommerce>Archive. However, in the widget area, it still asking me to enable the off-canvas filter. In the Shop page, the filter is empty. Please help.

  51. Zera

    Hello Guys
    Where do I find the “Cart Display”-option.
    I can’tt find it under Customizer -> Woocommerce -> Menu Cart.

  52. desmond

    Hi there! Great work with oceanwp! May I know if there is any pre-made templates ready to use? Thanks!

  53. Bret Williams

    Having to turn off product nav in woo pages as it displays hidden products that don’t show in search. That’s not good.

    Also, the product bar thing just sales something about making a selection, not add to cart?

  54. Duy Khang Ngo

    Hi, please help us, we use Oceanwp with elementor , after complete editing and design home page, we use woocommerce plugin , and then it is disable the elementor and the theme doesnt work any more. Please help us with this one

  55. Gastón Dourrom

    Hello! I’m doing a page with elementor where a special category is shown, it will be a banner. The problem is that OceanWP does not have a shorcode to add the filter bar, and in the Woo-Products option, it is not possible to choose to appear … how can it be solved?

    sorry for my English!
    thanks and regards!

      1. Gastón Dourrom

        Hello! thanks for the reply, I will be waiting for the update with eagerness!
        regards!

  56. Serge

    Is Floating bar in single product section customizable? I need to fix font size, make a vertical alignement for pice and quantity fields as well as for add to card button.
    If bar haight can be customized it’s great.

    I’m dummy in css configuration and rather prefer to use theme customizer.

    Thank you!

  57. Avrom

    Very Nice! Just discovered this multi-step feature, and built right into OceanWP. How Nice!! Any easy way via a filter to cahnge “Shipping” to somethign else on that checkout page?

    Keep up the good work. We use only OceanWP and Elementor now.

    Cheers
    Avrom
    Web242 | web242.com

  58. Antuan

    Hey, can someone tell me how I can build a category page with oceanwp pleassseeee. I’ve tried for two days now 🙁

  59. Antuan

    got it. just by clickeing on products>category 🙂

  60. Max

    Hi nic, im planning to use oceanwp for an equipment rental website.
    Right now im already in the process of developing it with elementor pro & hello theme, but then im having a tough time as the booking plugin conflicts with elementor.
    So i plan to migrate it totally to oceanwp after reading great reviews of your theme & how well it works with woocommerce.

    I have 3 questions:

    1. I need to use ajax search. Is it available from your theme? If not, what plugin u recommend?

    2. Are the filters & wishlists that i see in demo sites already included in the theme? Or is it a separate plugin?

    3. What booking/rental plugin is compatible with oceanwp? Can u recommend any?

    Thank you,
    Max

  61. Luis

    The integrated no-plugin-neede Quick View function is freaking awesome!!! Totally blow my mind.
    Actually, I would love to link producto image and title to that quick view. I mean no using single product page, for a really fast shopping flow. Any idea to achieve this?

  62. Andrew Mason

    Just added it to my custom header as it’s sitting next to my TI Wishlist menu icon…nice combo.

    BUT…I would give anything to have the ability to change the background color of the dropdown….PLEASE!? 🙂

    Been fighting with different color combos for links and if only I could rid my site of ALL backgrounds that are white…it would make life so much easier.

    Kind regards,
    Drew

  63. Edvaldo

    Hi Nicolas,
    Hows do I change the Select Options text in woocommerce… I have searched for hours but I cant see any solution to this.

    Kind regards,
    Edvaldo Neto

  64. Nice theme I love it. Hi ocean wp theme could give me the css code on making product gallery to slide.
    Thank you.

  65. Ruchi Mall

    TO add size chart I need to add in each product. Create a chart and add for each product. Can we use the same chart for multiple products or I want to assign the product category to the chart, this can allow all the products under that category to have the same chart.

  66. Madhusudan

    Nice but one main feature missing compared to Astra theme, product shadow and hover shadow option could have added for greater looking of shop page

    1. Each theme have their unique features, and way to display it and OceanWP is no different, however, Product shadows and over styling can be easily accomplished using custom CSS.

  67. MySweetThings

    I am building an online shop and I used one of the templates (Cycle). Now I found that on the shop page an image appears on the header that has no relation to my shop but I can’t find a way to replace it with one of my own… I am going crazy! Also Elementor is not helping. Any idea how/where I need to go for that?
    Thanks in advance

Leave a Reply to Nicolas Lecocq Cancel reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.