Short answer
With Elementor Pro you design one Single Product template in the Theme Builder and every product uses it. The template is built from WooCommerce widgets such as Product Title, Product Images, Product Price, Add To Cart, Short Description, Product Data Tabs and Related Products, so you choose the layout while WooCommerce still handles stock, variations and the cart.
Build it
- Templates › Theme Builder › Add New › Single Product.
- Set the preview to a real product with variations so you can see everything.
- Two columns on desktop: Product Images on the left; Title, Price, Rating, Short Description and Add To Cart on the right.
- Below: Product Data Tabs or separate sections for description and specifications, then Upsells and Related Products.
- Publish with the condition "All products", or one category if different products need different layouts.
What sells on a phone in Pakistan
- Price and delivery information above the fold, including whether cash on delivery is available.
- A button under Add To Cart to ask on WhatsApp about the product.
- Clear size or variation choices; a size-guide popup if you sell clothing. See popups.
- Real photos, compressed, so the page loads on mobile data.
Test before launch
Add a product with variations to the cart from your phone, change the quantity, and place a cash-on-delivery test order. Check that out-of-stock products show correctly and that the template applies to every category you expect.
Sources
Prices and features change. Check the source before you buy; we update this guide when they do.