Wpdaily

Daily WordPress News

Divi Product Highlight: Furniture Shop Divi WooCommerce Theme

Furniture Shop Divi WooCommerce Theme is a third-party child theme for Divi that was designed for eCommerce. It includes multiple page designs and adds many features that work with WooCommerce. In this post, we’ll take a look at the Furniture Shop Divi WooCommerce Theme to help you decide if it’s the right Divi Child Theme for your online shop.

Installing Furniture Shop Divi WooCommerce Theme

Installing this Divi Child Theme was simple. With Divi activated, upload and activate the Furniture Shop Divi WooCommerce Theme like any WordPress theme. First, go to Themes:

  1. Appearance
  2. Themes
  3. Add New

Installing Furniture Shop Divi WooCommerce Theme

Next, upload the theme.

  1. Upload Theme
  2. Choose File
  3. Install Now

Installing Furniture Shop Divi WooCommerce Theme

Next, activate the Child Theme.

  1. Activate

Installing Furniture Shop Divi WooCommerce Theme

Select all of the content you want to install. This includes all of the pages, layouts, and even the plugins. It will also activate the plugins for you. Everything is selected by default. I recommend leaving everything selected. Click Import Demo Content and wait for the import to finish.

  1. Import Demo Content

Installing Furniture Shop Divi WooCommerce Theme

Finally, once everything has been imported and activated, you’ll see a message that the process is complete, and you can then remove the importer.

  1. Remove Demo Content and Import Functions

Installing Furniture Shop Divi WooCommerce Theme

I got a message that the WooCommerce Wishlist plugin was misconfigured, but it was an easy fix. You will need to set up a few plugins, such as your WooCommerce options, the WooCommerce Wishlist Plugin options, FiboSearch settings, etc. The documentation does show the settings you’ll need. Most of mine were correctly configured, but I did need to make some adjustments to match the documentation.

Furniture Shop Divi WooCommerce Theme Options

The theme settings include a one-click color change, color pickers, and preloaders. The general tab includes theme color options and color pickers where you can select the default primary and secondary colors.

Furniture Shop Divi WooCommerce Theme Options

The preloader tab includes 28 built-in preloaders to choose from. You can also upload a custom preloader and choose the color, background, effects, delay, and fadeout speed.

Furniture Shop Divi WooCommerce Theme Options

Furniture Shop Divi WooCommerce Theme Pages

Furniture Shop Divi WooCommerce Theme adds 32 pages to your website, not counting the pages created in the Divi Theme Builder. These include home pages, standard website pages, WooCommerce pages, etc.

Furniture Shop Divi WooCommerce Theme Pages

Home Pages

Furniture Shop Divi WooCommerce Theme has 3 different home pages to choose from. All three follow the white color scheme with green highlights, include the same design elements, and focus on eCommerce. Here’s a look at all three home pages.

Home One

Here’s the top portion of the first home page. It includes a CTA slider at the top of the page with vertically placed social icons and a message on the right. Category icons with hover animations link to the various shop categories. A section for new products displays the products in a styled Shop Module. This section is labeled with a vertically placed title. A Deals section includes a CTA with a countdown timer and a product image and a background image.

Home Pages

This is the bottom portion of the page. It includes a newsletter form and a product section with images in a mosaic that link to product categories. They include gradient overlays. It also includes an About section, a styled blog section, and logos. Each of the sections includes vertical text.

Home Pages

Home Two

The first portion of the second home page includes a full-width slider for the hero section. Images with text work as links to the shop categories, icons show information, another slider works as a CTA, and the product section shows styled products in a grid.

Home Pages

The second portion shows new products, an overlapping CTA with a countdown timer, a small newsletter form, larger images for category CTAs, and a contact section with information on one side and a map on the other side.

Home Pages

Home Three

The first section of the third home page includes a full-width slider with overlapping icons that link to the shop categories. Large images in a mosaic work as CTAs to the shop.

Home Pages

The bottom portion shows a CTA with a countdown timer, a shop section with a CTA, a blog section, and logos.

Home Pages

Inner Pages

Furniture Shop Divi WooCommerce Theme has 25 inner pages to build your website. This includes all of the standard pages and a few extras.

About

The About page includes a small hero section with information and breadcrumbs followed by a larger section with information. A set of text blocks shows company information. Team Members include social icons that reveal on over. Accordion Modules build the FAQs. It also includes a section for logos.

Inner Pages

Our Team

The Our Team page includes Person Modules with social icons that show on hover, as you can see in the middle module of the bottom row. It also includes a smaller FAQ next to a contact form.

Inner Pages

Testimonials

The testimonials page includes lots of styled testimonial cards with hover effects. Hovering moves the card downward, changes the color of the quote icon, adds a background to the icon, and adds a bar at the bottom of the card.

Inner Pages

Blog

There are four blog pages to choose from including a 2-column grid, a 3-column grid, a list with the image on the left, and a list with the image on the right. The example below shows a 3-column blog grid. The blog cards include hover animations that zoom the image.

Inner Pages

This example shows a list with the image on the right.

Inner Pages

Blog Post

The layout for the blog posts displays the featured image, blog content, a styled sidebar, recent posts with cards that match the blog, and a styled comment section.

Inner Pages

404

The 404 page displays a full-screen image with a background mask that reveals a portion of the image. It also includes a 404 message and a button to return to the home page.

Inner Pages

Headers

There are three headers to choose from. All three include a mega menu.

First Header

The first header includes a top bar and navigation with a mega menu. The top bar includes a text CTA. Both areas include icons. Navigation is placed on the right.

Headers

Second Header

The second header includes three bars. The top bar shows shopping information, several CTAs, and social media icons. The second bar includes the logos and a search box. Navigation is placed in the bottom bar.

Headers

Third Header

The third header includes two bars. The top bar includes elements of the first two headers. Navigation is placed in the center.

Headers

Footers

There are three footers to choose from.

First Footer

The first footer displays two search boxes. The first includes a CTA and a small subscribe form, followed by shipping information, and links in multiple layouts.

Footers

Second Footer

The second footer displays the shipping information at the top, then the links, and the email form at the bottom.

Footers

Third Footer

The third footer includes a background image. A message and an email form are placed at the top, followed by links.

Footers

Furniture Shop Divi WooCommerce Theme WooCommerce Pages

Furniture Shop Divi WooCommerce Theme also includes lots of WooCommerce pages and features.

Shop Pages

There are three shop pages to choose from, and you can choose with or without a sidebar. They include AJAX product filters, an AJAX live search, a flying cart, a wishlist, and a quick view popup.

Shop Page One

The first shop pages include a small hero section followed by category icons. A large shop section covers most of the page. It ends with a CTA to a specific category. The shop section includes a filter, pagination, styled purchase buttons, etc.

Shop Pages

Shop Page Two

The second shop page includes two shop sections. The first is the newest products. It includes a vertical title. The second is all products. It includes pagination.

Shop Pages

Shop Page Three

The third shop page includes one shop section and adds a CTA with a number counter at the bottom of the page.

Shop Pages

Single Product Page Layouts

There are several product pages. They include with or without a sidebar, and there are pages for product types. The types include simple, grouped, variable, and external. They all follow a similar design.

Simple Product Type

The simple product-type page includes a sidebar with box shadows. It also includes related products. The sidebar includes a product search, recently viewed products, and product tags. The green line under the title of each sidebar module expands on hover.

Single Product Page Layouts

Grouped Product Type

The grouped product page type lets the user choose from multiple products on the same page. It also includes related products at the bottom of the page. This example shows a few more of the sidebars including reviews.

Single Product Page Layouts

WooCommerce Features

There are also many extra features added to WooCommerce including a flying cart, AJAX filters, and more. Here’s a look at a few of the extra WooCommerce features.

Flying Cart

The flying cart is a popup that shows all the products with their counts in the cart. The user can change the number of items for each product, see the cart page, checkout, share the cart, and continue shopping. The green and red color schemes stand out. I think this is one of the most interesting features of the Furniture Shop Divi WooCommerce Theme.

WooCommerce Features

Cart

The cart itself is clean and includes icons to show where the user is in the checkout process.

WooCommerce Features

Wishlist Popup

When the user adds an item to the wishlist, a small popup confirms the item was added. It includes a list to view the wishlist.

WooCommerce Features

Wishlist

The wishlist page includes the same styling as the rest of the site and includes social media sharing icons.

WooCommerce Features

AJAX Search

Product search uses AJAX, so the user doesn’t need to go to a different page to see the results. It’s fast and easy to use. It shows the categories and the products. This example shows the AJAX search box in the header.

WooCommerce Features

Where to Buy Furniture Shop Divi WooCommerce Theme

Furniture Shop Divi WooCommerce Theme is available in the Divi Marketplace for $39.99. It includes unlimited usage, one year of updates and support, and a 30-day money-back guarantee.

Where to Buy Furniture Shop Divi WooCommerce Theme

Ending Thoughts

That’s our look at the Furniture Shop Divi WooCommerce Theme for Divi. There are a lot of WooCommerce pages and features available within this Divi Child Theme. I found the pages and features easy to use. The color options make it easy to match the Child Theme to your branded colors, making it look different from the original design. If you’re interested in a WooCommerce Child Theme, Furniture Shop Divi WooCommerce Theme is worth a look.

We want to hear from you. Have you used the Furniture Shop Divi WooCommerce Theme? Let us know how you like it in the comments.

The post Divi Product Highlight: Furniture Shop Divi WooCommerce Theme appeared first on Elegant Themes Blog.

Source