Themes developer guide for Prestashop 1.7

Name: Themes developer guide for Prestashop 1.7
Rating: 3.7 (136 reviews)

Create a custom theme for prestashop 1.7

Created byAloui Mohamed Habib

Last updated 4/2020

English

What you'll learn

Learn the basic to create a custom theme for Prestashop 1.7
Deal with the newest configuration of the theme
Create new hooks and re-arrange modules to fit the template needs

Course content

8 sections • 27 lectures • 2h 28m total length

Introduction0:52
General presentation for the courses .
Prestashop 1.7 What's new4:56
Learn how to install Prestashop 1.7

Theme.yml configuration file4:40
Activate the new theme0:47
Introduction1:25
Introduction
Overriding in Prestashop 1.7 - Presentation1:49
Overriding in Prestashop 1.7
Overriding in Prestashop 1.7 - Example3:21
See how to override a module assets , the example is homeslider module .
About WebPack1:49
Little presentation about the WebPack module .
Working with Sass : The Header as example2:08
Style editing : header section as example .

Approaches for overriding the style4:17
Header section Editing Part 15:29
Header section Editing Part 210:02
Learn to customize the Prestashop 1.7 header by styling links, backgrounds, and colors, and add a language selector before the cart with a dedicated module and CSS tweaks.
Header section Editing Part 37:57
Override the currency model template in Prestashop 1.7 and customize the header with scss, fonts, and margins. Reuse the language selector block to align elements and remove borders.
Create a new Hook4:40
Learn how to create a new hook through theme.yml
Header section Editing : block cart5:23
Products listing16:57
Manipulate the products listing in the homepage.

Requirements

Knowledge about PHP, Html and Css
Having a prestashop 1.7 installation running on a local machine or in a hosted server
A computer with an IDE ( PHPStorm if possible )

Description

Learn how to create a cusotm theme from scratch and based on skeleton theme (Starter Theme) for the latest version of Prestashop 1.7 .

we will start with an introduction to Prestashop 1.7 what's new about it then we will learn how to create a very from scratch theme then we will create new theme based on the starter theme kit offered by Prestashop team .

Who this course is for:

Web developers who want to create custom themes for Prestashop 1.7

Themes developer guide for Prestashop 1.7

What you'll learn

Explore related topics

Course content

Introduction2 lectures • 6min

Prestashop 1.7 Installation2 lectures • 3min

Theme creation3 lectures • 5min

Starter Theme assets2 lectures • 4min

Theme setup7 lectures • 16min

Start coding themes parts7 lectures • 55min

Product Page3 lectures • 1hr

Bonus Chapter1 lecture • 1min

Requirements

Description

Who this course is for: