Home / Reviews / PrestaShop 1.7.x: Create Profile Builder PrestaShop 1.7 By Ap Page Builder

PrestaShop 1.7.x: Create Profile Builder PrestaShop 1.7 By Ap Page Builder

Thanks to the support of Ap Page Builder PrestaShop Module in Leotheme Framework, you can manage, edit content & layout for homepage & shopping pages easily. It’s a powerful builder tool in PrestaShop 1.7.

ap page builder prestashop 1.7 module

Here are all outstanding features of Ap Page Builder Prestashop Module:

  • Fully Responsive
  • Easy to build a professional site without coding
  • Back-end Editors
  • Create Multiple Layouts
  • Create Multiple Profiles
  • Multi Product Layout Types for Category 
  • Multi Product Display Types for Product Detail Page
  • Multilingual Support
  • RTL language Support
  • Enhance Page Loading time incredibly
  • Live Preview For Easier Editing
  • Drag & Drop
  • 30+ available widgets and modules
  • HTML 5 and CSS 3 support
  • Pre-made elements 
  • Ap Product Detail Builder
  • Ap Product List Builder
  • Add Shortcode
  • Easy installation

And the question will be raised “How to Use Ap Page Builder PrestaShop 1.7”.  In the series of PrestaShop 1.7 Tutorial for Ap Page Builder, we – Leotheme will show you “Best Way to Create Profile PrestaShop 1.7 by Ap Page Builder.

Firstly, your theme needs to reinstalled by Ap Page Builder PrestaShop Module. Specially, if you purchase Leotheme PrestaShop Theme, you can edit easily because of the support of Ap page builder module in Leo Framework.

Follow us now!

1. Create Profile PrestaShop 1.7

1.1 Create New Profile Page Builder PrestaShop 1.7

Login dashboard -> Ap Profile Manage -> Create New Profile Builder

create new profile builder prestashop 1.7

Click at plus button “+” to “Create New Profile Builder “

create new profile builder prestashop 1.7 button

Add New Profile Builder PrestaShop 1.7

add new profile builder prestashop 1.7

  • Name : Name of profile builder
  • Friendly URL: The Character string of profile.
  • Meta Title
  • Meta Description
  • Meta Keywords
  • Profile Key
  • Apply default profile for these groups
  • Fullwidth Homepage: The setting full-width for above HOOKS, apply for Home page
  • Fullwidth other Pages: The setting full-width for above HOOKS, apply for all OTHER pages ( not Home page )
  • Disable cache Hooks: Some modules always update data, disable cache for those modules show correct info
  • Custom CSS: Please set write Permission for folder D:\xamp\htdocs\prestashop\module_appagebuilder/themes/classic/modules/appagebuilder/css/profiles/
  • Custom Js: Please set write Permission for folder D:\xamp\htdocs\prestashop\module_appagebuilder/themes/classic/modules/appagebuilder/js/profiles/

The click “Stay & Save” or “Save” the changes.

2. Preview Profile Builder PrestaShop 1.7

When you Created New Profile Builder PrestaShop 1.7 successfully, you can click at “Preview” to view it at frontend to see how to display.

3. Edit Design Layout PrestaShop 1.7

Ap Page Builder supports to create not only content but also for design layouts in PrestaShop.

You can “Create & Edit layout design PrestaShop 1.7”.

. Creating layouts for header, content, navigation, footer, … Then choose “Widgets” to create your content.

Add Group Blank PrestaShop 1.7
Add New Widget PrestaShop 1.7

If you have available profile builder, you can edit/duplicate/delete builder to edit content quickly.

Edit/duplicate/delete builder Prestashop 1.7

Copy to Other Language, Edit, Duplicate, Delete

Copy to Other Language: Used to copy data to another language on the homepage.

– Edit Profile:Use to configure Profile information.

– Duplicate: Used to copy profiles.

– Delete: Use to remove profile.

Export, Refresh List, Show SQL Query, Export to SQL Manager

Export: Use export profile’s data. When user click icon export. Your computer will export “.csv” file.

Refresh List : Used to refresh the list of profiles.

Show SQL Query

Export to SQL Mangager

Finally, click “Save” the changes.

This is the end of PrestaShop 1.7 Tutorial Best Way To Create Profile Builder PrestaShop 1.7 “. Hope that this tutorial helps you well. You can use Ap Page Builder to create your content & layout easily for your PrestaShop Store.

Must-have PrestaShop Modules for Your Store:

Related Prestashop Tutorials:

Go to top


About Nhu Quynh

"You can't sell anything if you can't tell anything." https://www.leotheme.com/

Check Also


Prestashop vs Shopify: quick comparison and FAQs

If you are considering various eCommerce platforms, Prestashop vs Shopify might be the two options …

Leave a Reply