How to Create Custom Product Layout Using Elementor

How to Create Custom Product Layout Using Elementor

While using the PORTO theme you can create your own custom single-product page layout using the Elementor page builder plugin. In order to create a custom layout using Elementor. First, you have to make sure that you allowed Elementor to edit the “Porto Template” from the WP-Dashboard >> Elementor >> Settings >> See the below image:

After that navigate to the WP-Dashboard >> Porto >> Template Builder >> Single Product >> Add New:

Once you click on the “Create Builder” button it will redirect you to edit the page and from there you can click on the “Edit with Elementor” button and start building the layout with Elementor. See the below image:

In the Elementor you will see the elements, especially for the single product page, try to create the page layout using these elements to show the content on the single product page:

As you can see in the below image, I have created a layout using these “Single Product” elements, just like this, you can create as well as per your need. Before saving the layout you have to assign the location of the layout using “Display Condition”

Once you set the block condition simply save the layout and then check back to your site’s single product page after clearing the browser cache.

Hope this helps.


By porto_admin |