Home / Tutorials / Quickly Update PrestaShop Theme 1.7 for Product Page & Category Profile
update prestashop theme 1.7 for product page & category profile

Quickly Update PrestaShop Theme 1.7 for Product Page & Category Profile

1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5.00 out of 5)
Loading...

Our themes are always updated to keep up with the latest version of Prestashop, follow the latest trend, and bring the greatest utilities for user. This blog will guide you steps to update PrestaShop 1.7 theme to the newest version and update the two advanced features of Ap Page Builder modules which are Product Page and Catogory Profile.

To update Product Page Profile for theme from older version to the new version, you need to prepare:

  • Download Theme package for Latest Version on Account on Leotheme.com
  • Copy/replace Theme Folder to Latest version
  • Copy Module Folder in Dependencies\Modules into Prestashop prestashop/modules
  • Login Backend to Config
  • Config Ap Page Builder

1. Download zip theme file of the latest version

Login your account on Leotheme.com -> Download latest version of package.

The modules at the latest version of Leotheme are included with themes at the latest version, you can find theme in folder dependencies\modules when extract theme_name.zip:

update leotheme to latest version prestashop 1.7

Below are steps to update:

  • Step 1: Copy and replace new theme folder into  themes folder on site to replace for the old theme folder (note: Every edit (you edited css, tpl, js file) in the older theme folder on site compared to the original version must be saved and move to the latest theme folder)

  • Step 2: Copy module folder in dependencies\modules into module folder of Prestashop prestashop/modules

  • Step 3: Login admin page and do some configurations as below:

    Access tab Ap PageBuilder\Ap Module Configuration then open tab Back-up and update you will see 2 buttons which are Update and Correct Module and Update to use product and category layout

update prestashop theme 1.7

First, click on Update to use product and category layout button to update data, function to create product page profile

Then, click on Update and Correct Module button to complete the update

If on Dashboard bar, the Ap Pagebuilder category appears one more new tab, which is Ap Product Detail Builder, congratulation, you have updated successfully.

update prestashop themes 1.7

In case there isn’t any tab Ap Product Detail Builder appears, check carefully the steps and make sure you had full preparation as described above.

2. Config Ap Product Detail Builder

  • You can create new product page profile  by clicking on Add new button

Next, you are led to Profile Manage page, here, there are 7 available profile types for you. You can select and use 1 of theme by clicking on Create with this layout button.

Config Ap Product Detail Builder

Next, you are led to Profile Manage page, here, there are 7 available profile types for you. You can select and use 1 of theme by clicking on Create with this layout button

add new theme prestashop theme

Scroll mouse down you will see drag-and-drop part, which contains all necessary components for a product page.

drag n drop page builder prestashop theme

You can configure or edit code for each part if any

config edit code prestashop 1.7

Note: The More Info block must be selected right with the configuration in Ap PageBuilder\Ap Theme Configuration\ Page Setting tab

update prestashop theme 1.7 - 1

update prestashop theme 1.7 - 2

  • Click Save to finish changes and you will get a new Product Layout

update prestashop theme 1.7 - 3

You can completely build Product Page Profiles for your own by directly dragging and dropping the ready-to-use components without the need of using our available Profile. However, this will require a little bit knowledge regarding Css code to have a good-looking Product page layout (we recommend this for developers).

update prestashop theme 1.7 - 4

Every technique-related question please contact our developer via email: leotheme@gmail.com. We are willing to support you.

Related PrestaShop Tutorials Post:

About Nhu Quynh

https://www.leotheme.com/

Check Also

manage-order-status-prestashop-1.7.5

PrestaShop 1.7.5: Manage Order Status PrestaShop 1.7 – Leotheme Blog

All orders have an order status that is associated with a stage in the order …

One comment

  1. Hola! I’ve been following your blog for some time now and finally got the courage to go
    ahead Just wanted to mention keep up the excellent work!

Leave a Reply

Your email address will not be published. Required fields are marked *