13 Divi Websites with Amazing Store Designs

Last Updated on September 16, 2022 by 11 Comments

13 Divi Websites with Amazing Store Designs
Blog / Divi Resources / 13 Divi Websites with Amazing Store Designs

Divi is an excellent theme to build online stores. It integrates perfectly with WooCommerce and the shop module can be styled just like any Divi module. There are lots of online stores built with Divi to inspire you for your next Divi design. In this article we’ll look at 13 Divi websites that have amazing store designs.

I’m looking at the design of the shop module within the layout, individual product pages, overlays, use of images, colors, fonts, etc. I’ll show an image of the shop or product page and discuss what I liked about it. The websites are in no particular order. Hang around until the end for a few links to help you design your own amazing store designs.

1. Divi Keys

This one uses the Divi Builder to style the product pages, which place the products over a styled background with a boxed shadow. All of the product elements are styled with Divi including the text, buttons, sales badge, and reviews. Clicking on the featured image zooms the image inside its box while clicking the magnifier opens a full-screen gallery.

See Website

2. Throne Liquids

This shop module displays products over a black background. The product images also use a black background and blend perfectly. The products display the name in white and use a dark green button that matches the website’s styling. This site has one of the most unique product pages that I’ve seen. It shows an image of the product’s box, but then on scroll it reveals the product in parallax. As you continue to scroll the product’s description scrolls over the background with an overlay so you can still see the product under the text.

See Website

3. Kickbike

I want one. Okay, now that that’s out of the way… This shop page displays products in four columns that take the full width of the website. They include a red overlay icon that matches the fonts and highlights of the website. The product pages also display in full-width. I like the use of large images and clean product photography. I’m thinking maybe a Cross Max 20D+.

See Website

4. Tarte and Berry

This one styles the fonts and overlays to match the website’s branding. The font styling even continues into the sale badge, which uses a darker background and a lighter color of the same font. The overlay displays a styled icon. The product page includes an interesting buy it now button with an animated icon and gradient hover effects.

See Website

5. In-Joy

This shop module fits nicely with the page layout. It uses a faint blue overlay and opens the product within a popup on click, allowing you to see the product details, make selections, and add it to your cart without leaving the shop page.

See Website

6. Awesome Business Shop

This one places the shop module over the parallax background. Many items have a featured image that matches the art style of the website. It also includes styled fonts and a matching overlay icon. The product pages also include the parallax background and styled fonts.

See Website

7. The Bro Basket

This shop page includes links to several categories using large icons and text. It also has a search feature. The product category pages include a styled sidebar that displays categories and search. The products include styled borders, a hover icon, text that changes color on hover, and a star ratings system. The product pages display in full-width.

See Website

8. Coco Cuscino

This layout includes lots of styled elements as links to shop categories. They include images, text, dividers, and buttons. The products include styled border and buttons. The individual pages display in full width and include box shadow for the product images, a styled divider, and a styled button.

See Website

9. Maison Flowers

This one displays the shop module within a styled row with a boxed shadow effect. The text and buttons are styled black to match the company’s branding. The products use a slightly dark overlay with a unique rose icon. The product pages use gray styling for the highlights and also includes a styled shop module to display similar products.

See Website

10. Wooden Makings

This one displays the products on the homepage as images with a shadow effect and a price. Hovering over the image zooms both the product and its shadow. Clicking on a product opens a product page with images in a slider and a description, and highlights the product’s icon in the menu to the left.

See Website

11. Aurora Suspended Fires

This one uses a clean design for the two-column shop module, which displays a large image over the title, text, and button for each item. The product page displays an image slider, all the expected text, styled buttons, toggles for the pricing information by country, embedded video, and another round of toggles for all the information about the product.

See Website

12. Squatty Potty

This shop module uses some interesting sales badges. The product images provide the color and include titles and an overlay. The sales badges are rounded buttons with the price and text. The product pages are full-width and include price and button styling. The product description area includes a slider powered by Pixlee.

See Website

13. Hipstyle Shop

This one displays products and categories several different ways on the homepage starting with the slider in the hero section. Next is an alternating layout with a large image and text on one side for the category and a shop module on the other side displaying products in two columns. Next is a shop module displaying in four columns with a shadow effect for each product with a shopping button in the overlay. The product pages are in full width and include some interesting fonts.

See Website

Ending Thoughts

That’s our look at 13 Divi websites with amazing store designs to help inspire you for your next Divi website. For even more help with your Divi store designs there are lots of articles here at the ET blog. Here are just a few of the many articles in the blog:

We want to hear from you. Which of these store designs are your favorites? Let us know in the comments.

Divi Marketplace

Are You A Divi User? Find Out How To Get More From Divi! 👇

Browse hundreds of modules and thousands of layouts.

Visit Marketplace
Divi Marketplace
Divi Cloud

Find Out How To Improve Your Divi Workflow 👇

Learn about the new way to manage your Divi assets.

Get Divi Cloud
Divi Cloud
Divi Hosting

Want To Speed Up Your Divi Website? Find Out How 👇

Get fast WordPress hosting optimized for Divi.

Speed Up Divi
Divi Hosting
Premade Layouts

Check Out These Related Posts

Get a Free Augmented Reality Layout Pack for Divi

Get a Free Augmented Reality Layout Pack for Divi

Posted on March 25, 2024 in Divi Resources

Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative; where each week, we give away a brand new Layout Pack for Divi. This time around, the design team has created a beautiful Augmented Reality Layout Pack that’ll help you get your next Augmented...

View Full Post
Download a Free Webinar Theme Builder Pack for Divi

Download a Free Webinar Theme Builder Pack for Divi

Posted on March 22, 2024 in Divi Resources

It’s time for another freebie! This time, we’re giving you a free Theme Builder Pack for Divi. Combining these with our beloved Divi Layout Packs is a great way to build the Divi website of your dreams with ease. This week, the design team has created a beautiful Webinar Theme Builder...

View Full Post
Get a Free Modeling Agency Layout Pack for Divi

Get a Free Modeling Agency Layout Pack for Divi

Updated on March 21, 2024 in Divi Resources

Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative; where each week, we give away a brand new Layout Pack for Divi. This time around, the design team has created a beautiful Modeling Agency Layout Pack that’ll help you get your next Modeling...

View Full Post

11 Comments

  1. Anyone know how they edited the product page with Divi Builder for the Divi Keys site?

  2. Thanks, we need more article on Divi x WooCommerce.

    I’m actually looking for an article on how to customize product’s page but can’t find it here.. In case you’re looking for some ideas for future posts…

  3. Wow. Its a long list! More Divi user this time.

  4. Thanks for your Store Designs review!

    I got inspired by the nr. 5 In-Joy shop solution and took a closer look at their shop. Unfortunately, it is not build by Divi but is an iframes solution.

  5. Nice selection! It’s very inspiring. Here’s another example of a nice store built on Divi -> dogeswag.com

  6. what about sex shop layout pack?

  7. It’s like with the blog archives though, you can’t style product category pages. Just the static pages. Why’s that never mentioned?

    • You can style the product category or blog archive pages, just copy the original file from either Divi or woocommerce plugin, add it to your child theme and add where you want to add global sections saved to the Divi library.

      • I’ve tried it but seems to be a little bit tricky

  8. Very nice sites..Elegant Themes should give DIVI more woocommerce options……

  9. The product page, cart and checkout page on the DiviKeys.com site… how on earth was that made? Its not at all something standard with Divi/Woocommerce as of today, is it?

    BTW thank you for many great inspirational examples 🙂

Leave A Reply

Comments are reviewed and must adhere to our comments policy.

Join To Download Today