Optimize your online store with PrestaShop's Official Marketplace!

I confirm my contact details to continue


Yummy, your shop will love it! Your product was added successfully to your cart

Front-end Development training 1.7 - Online

Front-end Development training 1.7 - Online

Developed by Invertus
formation - Services - Front-end Development training 1.7 - Online


  • To understand how PrestaShop front end works
  • To understand how to create and modify PrestaShop themes
  • To learn how to create modules for front end
  • To understand how smarty works in PrestaShop

Detailed schedule


Target audience : 
Web agencies, freelancers (official partner agencies and freelancers)

Requirements : 
Good knowledge of PHP, JavaScript, MySQL and object-oriented programming. Knowledge of Sass and Bootstrap 4.


The course is online .
The course is led by Invertus expert, approved by PrestaShop.


The course is online with a PowerPoint presentation
Plenty of time has been allowed for questions and answers, so that all participants have a perfect understanding of the functions they will be using in their day-to-day work.


1 day, of 7 hours: 9am–6pm with a 1 hour lunch break.


1. PrestaShop installation and configuration
  • PrestaShop installation

2. PrestaShop structure
  • PrestaShop structure
  • Understand PrestaShop front controllers
  • PrestaShop views
  • PrestaShop cookies
  • Explain how PrestaShop is using automated tests

3. Theme architecture:
  • Theme structure
  • Child theme
  • Developing your own theme
  • Changing modules in theme

4. Module development basics
  • How to create a basic module in PrestaShop
  • Structure of module
  • How hooks work

5. Module development using front controllers
  • Modules front controller
  • Ajax in front controllers
  • Security for front controllers

6. Module development additions
  • How to use CSS and JS in modules
  • Best way to use images in modules
  • How to use smarty in modules
  • Learn about PrestaShop javascript events
  • Learn how to write tests for your module

7. Smarty
  • Understand how smarty works
  • Smarty functions and variables relevant to front controller
8. Product listing
  • How product listing works
  • How to manipulate product listing
  • How to use filters
  • How to use faceted search

9. Checkout
  • Explain how prestashop checkout page works
  • How payments work and how to add new
  • How carriers work and how to add new

10. Overrides
  • How to override front controllers

Frequently bought together

Add "Front-end Development training 1.7 - Online" to your cart along with:

  • Image descriptions are a little-known SEO feature for product pages, but precise description is a surefire way to increase your e-commerce’s search engine visibility. The SEO Images (Alt tag) module automates ALT tag creation for product images and produces quality content to improve your site’s page ranking.

  • Decrease the number of you store's abandoned carts by adding a notification that will appear directly in the customer's browser. This module can be installed and configured in just 30 seconds and displays the number of products in a customer's cart next to your store's favicon. It's a discrete and effective nudge to remind users they have a full cart and encourage them to check out!


About PrestaShop Trainings

PrestaShop Training

With PrestaShop Training, let official PrestaShop trainers show you how to make your store a success! Our trainings are designed for everyone (merchants, developers, and integration specialists of all levels), and you're guaranteed to gain real expertise about PrestaShop and e-commerce, with quality content that is always up to date. Get help developing the skills you need to create a profitable e-commerce site!

Need help?

This developer answers your questions in:


  • Compatibility v1.7

  • Available in en

Any questions about the schedule or management? Contact our team