RTMWoo Builder

Single Product Builder

Estimated reading: 3 minutes 69 views

Design stunning WooCommerce product pages with ease using RTMKit Pro’s Single Product Builder. Take full control of your product layout, styling, and essential elements to enhance user experience and boost sales.

Follow the step-by-step instructions:

  • Please ensure that RTMKit v2.0 or higher, RTMKit Pro v1.2.0 or higher, and WooCommmerce plugin are properly installed and activated before continuing.
  • Don’t forget to ensure that you have already added your products under the All Products menu in WooCommerce before creating a single product template.
  • Go to RTMKit → Theme Builder.
  • Click the tab Single Product.
  • Click Add New Template.

2. Create Single Product

  • Add your title.
  • Select type: Single Product.
  • Click Save Changes.
  • Click Edit With Elementor.

3. Customize Single Product

  • Inside the editor, you’ll find various widgets that you can use to design your Single Product layout and make it look more professional and engaging.
  • You can easily click on any widget or drag and drop it into the desired area on your template.
  • In this example, we’re using several widgets from RTMShop such as :
    First, the Product Image widget.
    With this widget, you can display your product image and customize its content and style to match your design preference.
  • Second, the Product Title widget.
    This widget displays your product name. You can easily adjust the typography, color, spacing, and other style settings.
  • Third, the Product Description widget.
    This will automatically display your product description. Just like before, you can customize both the content and styling directly from the settings panel.
  • Fourth, the Product Meta widget.
    This widget shows additional product information such as SKU, categories, or tags. You can adjust the styling to match your overall layout design.
  • Fifth, the Product Variations widget.
    Use this if your product has variations. In the Content settings, choose the variation type. You can display it as a Buttonor Select dropdown. Then customize the label, item style, color, and typography according to your design.
  • Sixth, the Add to Cart widget.
    This widget allows customers to add products to their shopping cart. You can modify the content, button style, typography, background color, padding, and hover effects to make it more attractive.
  • Lastly, the Product Data Tabs widget.
    This widget displays product details such as Description, Additional Information, and Reviews. You can customize the content and styling of each tab individually.

4. Make sure to explore and select the appropriate widgets from RTMShop to build a complete and visually appealing Single Product layout.

5. Once everything looks perfect, don’t forget to click Publish to save your changes and make your Single Product live on your website.

Share this Doc

Single Product Builder

Or copy link

CONTENTS