WooCommerce store design in Elementor

CoDesigner Pro brings WooCommerce widgets, shop modules, and ready-made templates into the Elementor editor. Use them to adjust the layout and appearance of shop pages, product shows, cart areas, checkout sections, account pages, and email templates without writing code. The collection includes more than 94 drag-and-drop WooCommerce widgets, 14 or more essential shop modules, and over 150 templates for store layouts, product details, filters, customer accounts, and payment methods.

Product, cart, and checkout controls

Premium widgets cover advanced shop layouts, cart page customization, checkout editing, and WooCommerce email templates. Product tools include variations, related products, comparison, barcodes, dynamic tabs, pricing tables, and wishlists. Checkout settings can edit billing and shipping addresses, order notes, and payment methods. My Account page settings include orientation, style, and typography. Widgets and modules can be enabled or disabled as needed.

Filters and product presentation

AJAX-based filtering and pagination let shoppers refine product searches by selected criteria. Horizontal and Vertical Filter widgets offer different layouts; the Vertical Filter is identified as Pro. Related product displays come in Classic, Standard, Flip, Trendy, Curvy, Accordion, and Table styles, and can appear on single product pages or home pages. Dynamic Tabs organize content into tabs, including nested tabs.

Templates and store components

Use a ready-made template as a starting point and personalize it in Elementor. CoDesigner supports unlimited template customization and works with popular WordPress themes and other Elementor WooCommerce plugins. Its widgets work with both free and premium versions of Elementor. Wishlist functionality lets customers collect products and add selected entries to the cart from the wishlist page. Pricing table styles include Advanced, Smart, Basic, Regular, and Fancy.

Installation and workflow

Install CoDesigner on a WordPress site that uses WooCommerce and Elementor. In the Elementor editor, choose a widget or template, place it in the relevant store layout, then adjust its available design and content settings.

Documentation covers getting started, widgets, installation, configuration, FAQs, and examples, with some video tutorials. Premium visitors can submit a support ticket. Free users receive support through the WordPress community forum.