Book Image

Practical Module development for Prestashop 8

By : Louis AUTHIE
Book Image

Practical Module development for Prestashop 8

By: Louis AUTHIE

Overview of this book

After version 1.7, PrestaShop underwent a host of changes, including migration to a Symfony-based system from an outdated legacy code. This migration brought about significant changes for developers, from routine maintenance to module development. Practical Module Development for PrestaShop 8 is curated to help you explore the system architecture, including migrated and non-migrated controllers, with a concise data structure overview. You’ll understand how hooks enable module customization and optimize the CMS. Through the creation of seven modules, you’ll learn about the structure of modules, hook registration, the creation of front-office controllers, and Symfony back-office controllers. By using Doctrine entities, services, CQRS, grids, and forms, you’ll be guided through the creation of standard, payment and carrier modules. Additionally, you'll customize and override themes to achieve your desired e-commerce store look. By the end of this book, you’ll be well equipped to provide modern solutions with PrestaShop that meet client requirements.
Table of Contents (23 chapters)
1
Part 1 – Understanding How PrestaShop is Structured and How It Works
8
Part 2 – How to Create Your Own Modules
16
Part 3 – Customizing Your Theme
Appendix – Module Upgrade, The Hooks Discovery Tool, and Multi-Store Functions

Overriding a module CSS asset from a (child) theme

Exactly as in the previous section of this chapter, still with the whrelaycarrier module, let’s suppose that we would like to change the chosen relay point line background color from green to red in the modal box.

The expected output would look as follows:

Figure 15.4 – The overridden modal box expected new look

Figure 15.4 – The overridden modal box expected new look

For this modal box, the original CSS code is in the /modules/whrelaycarrier/views/css/checkout.css file. Following the same method as presented in the previous section for the templates, if we create a /themes/childclassicwh/modules/whrelaycarrier/views/css/checkout.css file, it will be applied instead of the original CSS for the current childclassicwh child theme.

Let’s create this new file, copy and paste the content of the original CSS file, and replace the #whrelaycarrier_points>div>ul>li.active selector style with this one:

#whrelaycarrier_points>div...