WoonderShop

An elegant WooCommerce theme with Amazon-like features and a dedicated focus on improving conversions.

starstarstarstarstar
  • folder Ecommerce
  • attach_money Premium
  • account_box ProteusThemes
WoonderShop WooCommerce Theme

Disclosure: This page contains affiliate links. If you purchase a product using one of our links, we might receive a commission. Rest assured, we only recommend products we truly believe in. Learn More

WoonderShop WooCommerce Theme Review

Let’s take a look at one of 2018’s newest & most exciting WooCommerce themes to hit the market, WoonderShop by ProteusThemes(see: what is WooCommerce?) I’ll illustrate some of Woondershop’s best features and talk about some areas in which it could improve.

In this WoonderShop theme review, we’ll take a look at the following:

Still shopping around? Check out our list of the top WooCommerce themes of the year.

Who is WoonderShop for?

The WoonderShop theme can be used for just about any type of WooCommerce store, and works well with both physical & digital products. It’s elegant design will also display your blog posts in a responsive grid so you can show off your content marketing efforts.

  • Great for all types of WooCommerce shops
  • Perfect for those who are comfortable using page builders to customize layout
  • Small- and medium-sized online stores who plan to blog in addition to selling products

TRY THE WoonderShop DEMO

Free, 7-day, fully customizable demo with full admin rights.

WoonderShop’s WooCommerce Features

Let’s take a look at WoonderShop’s features that are specifically designed for ecommerce sites.

AJAX Search with auto-complete

Let your shoppers quickly find the products they’re looking for using WoonderShop’s AJAX search feature. Located in the header of all pages, just start typing and instantly see the results in a dropdown.

WoonderShop search auto-suggest
WoonderShop’s search auto-complete, in action

Product Filtering

For larger WooCommerce shops, the ability to filter products is common practice. WoonderShop provides a useful product filter widget that can be used in several ways:

  • Choose between vertical (sidebar) & horizontal (top of page) layouts
  • Use as the sidebar on your main shop page
  • Add to any page using a WordPress shortcode
  • Create a separate page & use it as an advanced product search (click a button to go to a new page & apply filtering)
WoonderShop product filtering
WoonderShop’s product filtering capabilities

Shop Page Layout

WoonderShop shop page
WoonderShop’s “all products” design

Simple yet effective, WoonderShop provides a few of options for displaying your shop page.

  • Choose number of products per page
  • Include an optional sidebar (great for product filtering, or use no sidebar if you only have a few products)

Individual Products Layout

You can also customize the individual product pages.

  • Show/Hide product meta data (sku, categories, tags)
  • Show/Hide breadcrumb navigation
  • Show/Hide page title at the top

Here’s an animation of an individual product page being adding to the cart. There’s a nice hover-zoom on the product image, easy selection of a required color option, and a conversion-focused add-to-cart button.

WoonderShop product add to cart flow
WoonderShop product being added to the cart

Product Image Boxes

Build beautiful product image boxes that link to your product page. Here is an example from the WoonderShop Demo:

WoonderShop product image boxes

Ecommerce Widgets

The WoonderShop theme comes pre-installed with some helpful widgets that can be added to several areas around your shop.

There are multiple areas in this theme where you can add widgets:

  • Header – Great for search bar & navigation menus
  • Footer – Display up to 4 widgets in adjustable columns
  • Top Bar – Add widgets to a top bar above the header, and place them to the left or the right
  • Benefit Bar – Displayed below the main navigation; great for shipping, returns or highlighting customer service info
  • Shop Sidebar – Great for adding a product filter
  • Blog Sidebar – Showcase latest posts, all categories, a search bar, or promote other content
  • General Page Sidebar – Displayed on general pages (about, contact, etc.)
WoonderShop products widget settings
WoonderShop products widget options, in action

And here’s a list of the ecommerce widgets you can use to enhance the functionality of WoonderShop:

  • Cart: Display the visitor’s shopping cart, with a dropdown of all items
  • Single Featured Product: Add one (or many) featured products to any sidebar throughout your theme
  • WoonderShop Products: Display any number of WooCommerce products in customizable columns. Filter by category, best-selling, recently added, top-rated, on sale and more.

Get WoonderShop

Distraction-Free Cart & Checkout

Because WoonderShop was designed for optimal conversions, they’ve removed anything that might be seen as distracting from the cart & checkout pages.

Here’s a sample cart page:

WoonderShop cart page. Beautifully simple.
The WoonderShop cart page design

And a look at the checkout page:

WoonderShop checkout page
WoonderShop’s streamlined checkout page

Other WoonderShop Features (blog, design, etc.)

These are things that will benefit any website, and are not just unique to a WooCommerce site.

Integration with SiteOrigin Page Builder

If you’re already familiar with the SiteOrigin Page Builder, customizing WoonderShop will be a breeze. For new users, there will be a slight learning curve, but it provides a lot of flexibility for creating custom layouts.

When installing WoonderShop, you can choose to import the demo content with one click. You can then learn from the demo layouts, and begin creating your own custom layouts.

Tons of Theme Options in the Customizer

WoonderShop makes good use of the WordPress Customizer. You have access to change many elements of the theme by simply choosing custom colors, layouts, and other design elements.

  • Layout: Choose between wide or boxed layout
  • Colors: Customize text, headings, sliders, background, buttons and more
  • Navigation: Lots of options for both desktop & mobile devices
  • Header: Adjust colors, use a sticky header, show/hide elements on mobile, breadcrumbs, and more
  • Footer: Choose between 1-6 columns, adjust the size of each one, and customize the colors
  • Blog: Several options, including when and where to show sidebars
  • Shop Pages: Options for sidebars, headers, breadcrumbs and the display of product meta data

WoonderShop Header Options

WoonderShop contains several areas in the header where you can add widgets and customize the display:

WoonderShop header areas
WoonderShop’s header areas, outlined
  • Top Bar: Add widgets to the left & right sides
  • Main Header Area: Customize the look & placement of elements
  • Navigation: Mostly reserved for your primary navigation
  • Benefit Bar: Add any widgets to this area, and choose to show/hide on homepage

WoonderShop Footer Options

You can design the WoonderShop footer to include 1, 2, 3, 4, 5 or 6 columns, and add several widgets in each column. I don’t recommend you go overboard, but you have a good bit of flexibility.

WoonderShop footer design
An example of WoonderShop’s footer, split into 4 columns

WoonderShop Blog Options

You can also choose to display blog posts in many different ways.

  • Number of columns for blog archive page
  • Choose a left, right or no sidebar for individual blog posts
  • Show/Hide ‘read more’ links, a search box or post reading time

Try WoonderShop

WoonderShop’s Mobile Design

WoonderShop mobile device walkthrough
Navigating the WoonderShop theme on a mobile device (click image for animation)

It’s quite clear that WoonderShop was specifically designed for mobile devices. The mobile design & layout are just as good, if not better, than it’s desktop appearance. Here’s a quick taste of how it looks on a mobile phone.

Homepage, Navigation & Products

Your users will have no trouble finding your products. The WoonderShop homepage highlights your best-selling items, or whichever products you want to promote.

WoonderShop’s mobile header provides several mobile features:

  • Off-page navigation makes it easy to browse categories
  • Tap the magnifying glass to quickly search products
  • Slide-in shopping cart provides quick access to checkout

Blog Pages

In addition to beautifully displaying your shop’s products, WoonderShop also makes your content stand out. Your blog posts are laid out in a responsive grid, showcasing the featured image for each post.

WoonderShop blog pages
WoonderShop’s blog pages on a mobile device (click image for animation)

Get WoonderShop

Security & Coding Standards

One of the things I value most about ProteusThemes is their dedication to high standards. Every piece of code that goes into all of their themes is optimized for speed & security. They even go so far as to have their themes reviewed by two of the best WordPress theme review services out there.

ProteusThemes reviewed by:ProteusThemes coding standards

Conclusion

I’m really excited about the future of WoonderShop. The guys are ProteusThemes have fully dedicated themselves to this theme and made it their top priority for the next few years. You’ll definitely see lots of improvements to an already excellent WooCommerce theme.

For those looking to fully customize every aspect of WoonderShop, be prepared for a learning curve to master the SiteOrigin Page Builder. But as ProteusThemes continues improving WoonderShop, I expect to see a lot more options aimed at getting customers to buy your stuff 🤑.

Get WoonderShop

5 Commentson "WoonderShop"

  1. /

    Hi! I like the layout of wondershop. Does it support WooCommerce plug-ins, and can the headers and other info on the pages be translated to Finnish? Finally, can I add more payment options to the check- out page?

    → Reply
    1. (Author) /

      Hi Marti —

      1. Support WooCommerce plugins… YES.

      2. Translated to Finnish… YES, but it might require an additional plugin. This article has more. Here are the 14 languages that it will work with out of the box (no plugin required).

      3. Payment options… YES. The WoonderShop Theme works with all WooCommerce payment options listed here.

      Let me know if you have any other questions.

  2. /

    HI! Thank you for your prompt reply. Here are the rest of my questions, which are preventing me from buying WoonderShop:

    1. I want to use Tychesoftwares Order Delivery Pro plugin because it has delivery slots and you can limit the number of deliveries per slot. It is 100% WooCommerce compatible, so can I assume that it works with WoonderShop?

    2. I need an INTRO page, where it displays a photograph and has some text, such as “Welcome to XYZ Store” and then has a button which can be routed to a page, such as HOME or SHOP. Do you have an INTRO page or can I just make my HOME page look like an INTRO page and the button routes to the SHOP page? My shop page will function as a home page anyways because my customers just want to choose their products, place their order, and go. I’m not selling fashion products, where people want to take their time and browse.

    3. Using the demo, I can’t find a way to change the cart icon from a bag to a cart. My customers won’t understand that the bag is the cart. Is there an easy way to replace the bag icon with the cart icon?

    I’ve spent some time walking through the demo and it’s quite nice. The main reason I’m looking at WoonderShop is because you have a nice shop theme and it will automatically resize to fit tablets and other mobile devices. I started out with StoreFront, but there are some pages which don’t resize very nicely and I think many of customers will want to place their orders using smart phones or tablets.

    So, thanks for answering my questions. Once I get the answers, then I will be in a position to decide whether to purchase WoonderShop. Of all the themes I’ve considered so far, it seems to be the best.

    → Reply
    1. (Author) /

      1. Yes, the Tychesoftwares Order Delivery Pro plugin will also work with WoonderShop. However, you might need to add some additional CSS to style the plugin to fit in with the styles of WoonderShop. But the plugin itself should come with basic styles that look decent.
      — You can reach out to ProteusThemes directly to confirm this. If you’re already on one of their free demos, just use the live chat feature.

      2. I would just use your HOME page as the intro page, and then link to your SHOP page from there. In the demo, you’ll notice these are two separate pages.

      Open up the Home page, and you can either customize the slider to include just one slide that links to your /shop/ page, or you can use the page builder below the slider. Maybe try an Image Banner widget that links to /shop/.

      3. There is no super-simple setting for this, but it’s definitely possible. I changed one tiny piece of code in the header and made it work.

      See example here

      WoonderShop uses Font Awesome, which supports A TON of icons. So with a tiny bit of customization, you can use many different icons throughout the theme. Their support team would probably be nice enough to help you make these small changes.

      I have a favor to ask. If you end up purchasing the theme, would you mind using this affiliate link? It would send a few bucks my way for helping you out (you’ll still pay the same price). I’d really appreciate it :-)

      Let me know if you have any further questions!

  3. /

    Thanks! You really went beyond the call of duty in answering all my questions. When I purchase a theme (very soon), I will definitely use your link.

    → Reply

What Are Your Thoughts?

All fields are required. Your email will not be published.

You can use standard <code> and <pre> tags to post code examples, or a service like codepen.io.