Magical Shop Builder Pro extends Elementor and WooCommerce with visual tools for building store templates without coding. The builder includes more than 60 Elementor widgets and lets you make templates for shop archives, product pages, carts, checkout, customer accounts, and order confirmation pages.

WooCommerce templates require Elementor and WooCommerce

The extension requires WordPress 6.0 or later, WooCommerce 8.0 or later, Elementor 3.15.0 or later, and PHP 7.4 or later. Elementor's free version works. WooCommerce and Elementor must be installed and activated.

Create or import a template, edit it in Elementor, then assign it to the relevant WooCommerce page type. Templates can also use display conditions such as all products or specific categories.

Build product, shop, cart, and checkout layouts

• Shop and archives: Display product grids, sliders, carousels, category tabs, and search areas. Add filters, sorting, pagination, and archive components.
• Product pages: Arrange galleries, prices, add-to-cart controls, reviews, tabs, related products, upsells, attributes, stock status, and product navigation.
• Cart and checkout: Use cart tables and totals, cross-sells, coupon forms, mini carts, billing and shipping forms, payment methods, order review, checkout login, notes, and multi-step checkout widgets.
• Accounts and order confirmation: Build account areas with orders, addresses, downloads, and account details. Thank-you page widgets can show order status, order details, purchased entries, and customer billing or shipping information.

Pro tools for product presentation

The Pro edition adds side-by-side product comparison tables for specifications, prices, and features, plus advanced product details for dimensions, materials, weight, and custom specifications. Countdown timers can display flash sales, limited offers, or launch messaging. Interactive image hotspots provide clickable areas with tooltips and overlays, while a product news ticker can show latest products, bestsellers, or promotions.

• Add YouTube, Vimeo, or self-hosted videos to product galleries.
• Use advanced product queries for more complex filtering and sorting.
• Generate product QR codes and add social sharing buttons.
• Show automatically calculated sale-percentage badges and visual stock-level indicators.
• Choose from additional premium templates and styles.

Set up a store template

1. Install and activate the add-on, WooCommerce, and Elementor.
2. Create or import a template for the WooCommerce page area you want to tailor.
3. Edit the layout in Elementor, add the relevant widgets, and configure product queries, filters, and Pro options.
4. Assign the template to the appropriate page type and publish it.

The plugin uses on-demand asset loading, so CSS and JavaScript load when their widgets are used. Its technical design also includes a REST API architecture and optimized database queries.