Guidance on Redesigning Set Product Page Layout Using Elementor

I am looking to redesign our set product page to better highlight the product and improve user experience. I’d appreciate your advice on implementing the following elements, particularly using Elementor, if possible. Here’s the layout we aim to achieve:

1. Main Image as a Banner

We want the main product image to appear at the top, similar to a banner format, to instantly catch the viewer’s attention.

2. Display Set Product Details

Directly below the banner, display a summary section showing the product name, a call-to-action “Shop Now” button, and other set details. This section should clearly define the purpose of the set, such as “Get Back on Top.”

3. Rotating Review Ratings

Include a carousel or rotating display to showcase select customer review ratings, allowing users to see positive feedback as they scroll.

4. Followed by Product Detail Section

Integrate our existing product detail page seamlessly below these sections, ensuring continuity with the previously structured information.

5. Tabbed Information Section

Add tabs for Description, Supplement Facts, and How to Use. This will organize detailed information in an accessible, user-friendly format.

6. Related Products / More You Might Like

Insert a section displaying related products or recommendations that users might be interested in, based on their current viewing.

7. Full Product Reviews at the Bottom

Lastly, provide a comprehensive reviews section at the bottom, showing full customer testimonials.
Could you please let me know if these steps can be accomplished with Elementor? Additionally, if you have any best practices or specific widgets in Elementor that would work well for this setup, that would be very helpful.

Please check the enclosed image file, as we would like to make our changes to match it exactly.
Thank you for your guidance!

I reduced the file size in case it was too large to open. Please check the photo.

I reduced the file size in case it was too large to open. Please check the photo again

Attachments:

You must be logged in to view attached files.

Hi tradeadaptkorea,

Thanks for reaching to us and appreciate your patience.

According to your questions, you can create page via Elementor > use suitable widgets from WoodMart widgets to display content as you wanted.

Please let me know if you need further helps.

Regards,

I used Elementor to create the contents, but I have a few questions.

I am creating new page for the set product page. For the Product Detail Section (4th section I mentioned before), I’d like to use the existing product detail section that I already have. How can I insert it into this new layout?

At the top, there’s a black section with the title “Elementor #21210.” How can I delete this?

I added a “SHOP NOW” button in the middle, but there’s a “View Cart” label that appears, which I want to remove. How can I do this?

I’ve organized everything in the enclosed file. I would appreciate answers to all three questions.

Attachments:

You must be logged in to view attached files.

Hi tradeadaptkorea,

Please provide URL of the mentioned page, so I can take a closer look.

Regards,

This is very urgent; we need to launch by tomorrow. I need your help as soon as possible. How can I add a single product page template below this creation?

I am creating a new page for the set product page. For the Product Detail Section (the 4th section I mentioned before), I’d like to use the existing product detail section that I already have. How can I insert it into this new layout?

I’ve also added a “SHOP NOW” button in the middle, but when I click it and the product is added to the cart, a “View Cart” label appears, which I would like to remove. How can I do this?

I’ve organized everything in the attached file and am sharing the URL, ID, and password for you to review. Please take a look.

[Author]

Posts