Ultimate Theme Developer guide for Prestashop 1.7
2.8 (6 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
48 students enrolled

Ultimate Theme Developer guide for Prestashop 1.7

WIth latest 2020 updates
2.8 (6 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
48 students enrolled
Last updated 4/2020
English
English [Auto]
Current price: $11.99 Original price: $19.99 Discount: 40% off
2 days left at this price!
30-Day Money-Back Guarantee
This course includes
  • 5 hours on-demand video
  • 1 article
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Understand how to create theme for the latest version of Prestashop
Course content
Expand all 43 lectures 05:12:14
+ Introduction
1 lecture 00:36

Before that we start the course i do invite you to download the source code from the GitHub:

https://github.com/alouimohamedhabib/aloui-theme-for-prestashop-1-7

Preview 00:36
+ Getting to know the Theme
8 lectures 37:22
Templates
04:15
Layouts
03:41
The Head section
05:12
The head.tpl
06:33
The Stylesheet.tpl
04:35
The javascript.tpl
01:38
Relations between templates
05:48
Smarty quick introduction
05:40
+ How to create new theme
4 lectures 29:22
New theme using StarterTheme[DEPRICATED]
10:03
New theme based on classic theme
03:47
Enable new theme for development
03:12
RTL theme
12:20
+ Child Theme
2 lectures 13:06
Child theme
05:52
Child theme and templates overriding
07:14
+ The Theme.yml
2 lectures 17:51
Theme.yml exploring
10:23
Theme.yml and assets setting
07:28
+ The Widget API
1 lecture 07:17
Exploring the Widget API and override module template using it
07:17
+ WebPack
3 lectures 18:26
Introduction to Webpack & Webpack in Prestashop
04:13
Webpack first example
07:48
Webpack and Prestashop theme
06:25
+ Let's create a custom theme!
17 lectures 02:56:49
Introduction
01:39
Setup the new theme for development
02:30
Check the Watcher
02:24
Working on the Header
11:23
Create custom module assets files for dev.
04:50
Module: Language & Currencies
19:39
Module: My account
17:07
Module: Image slider - Part 1
06:53
Module: Image slider - Part 2
18:42
The Nav menu
18:58
The Search module part 1
12:29
The Search module part 2
06:06
Products list part 1
15:19
Products list part 2
05:53
Categories pages part 1
18:36
Categories pages part 2
11:49
Final episode
02:32
Requirements
  • Student must have a basic knowledge of PHP, Javascript, HTML & CSS
Description

Since it's release in December 2018, Prestashop kept growing and improving deeply on core level.

One of the major improvement are manifested in the new THEME eco-system.

Themes in Prestashop 1.7 are a hole new level comparing to it's predecessor (1.6).

A lot of new features are introduced such as:

  • The templates organisation

  • New smarty methods

  • the Widget API

  • etc...

This  course is build with simplicity in mind using the latest code updates from the official GitHub repository of Prestashop.

By the end of this course i 100% guaranty that:

  1. You'll understand the mechanism behind the new Theme system

  2. You'll be able to manipulate and debug themes

  3. You'll have the knowledge to BUILD A VERY CUSTOMIZED THEME

The source code used during the course can be downloaded from the attachments.

Who this course is for:
  • Prestashop developers