How to create/modify products design on product archive/shop page?

Home Page Forums Porto WordPress Support Articles How to create/modify products design on product archive/shop page?

Viewing 1 post (of 1 total)
  • Author
  • #5292
    Aizaz Awan

        Hello, @everyone,

        In this discussion, we’re focusing on the product layout featured in the following link: The PORTO WordPress theme offers an array of advanced and customizable tools. Unlike other premium WordPress themes, PORTO provides the innovative “Template Builder” feature, allowing customization of various post types such as Products, Blogs, Portfolios, Services, Events, and more. Let’s explore the steps required to create or modify these layouts.

        To begin, after installing the theme and importing a fresh demo onto your site, the custom layout is automatically imported. You can locate it in the Dashboard under Porto >> Template Builder >> Post Types, as shown here: From there, using the Gutenberg editor, you can simply edit the desired post type. If you wish to create a new one, simply click the “Add New” button at the top: The process for editing or creating a custom post type remains the same. When you edit or create a new post type, a new window opens, allowing you to adjust the layout as desired. For example, you can set the featured image, followed by reviews, and then the product price, as demonstrated in this image: This makes customization of the layout straightforward and tailored to your preferences.

        Additionally, you have the option to import pre-built layouts utilized in our other demos via the PORTO Studio option in the editor. Take a look at this: Once you have finished creating or modifying the layout, save the settings. This method allows for easy adjustment and customization of post layouts on your site.

        Now, let’s set this custom layout on the shop page products. To do this, navigate to Dashboard >> Porto >> Template Builder >> Product Archive, and then proceed to edit or create a new layout from there: Once the editor opens, simply edit/use the “Type Builder Archive” widget and select the layout you created, as demonstrated here: Save the settings and then revisit your site’s shop/archive page by clearing the browser cache. Your customization is now complete.

        We hope this information helps.

        Aizaz from PThemes.

      Viewing 1 post (of 1 total)
      • You must be logged in to reply to this topic.
      Customize Icon
      Need Customization? We specialize in delivering high-quality web and mobile design/development services to our clientele. Should you require customization services, please do not hesitate to reach out to us at your convenience.