9. Creating a Product Slider Widget | Magento 2 Development Cookbook

Sign In Start Free Trial

Book Overview & Buying
Table Of Contents
Feedback & Rating

Magento 2 Development Cookbook

By : Bart Delvaux

4.8 (5)

Magento 2 Development Cookbook

4.8 (5)

By: Bart Delvaux

Overview of this book

With the challenges of growing an online business, Magento 2 is an open source e-commerce platform with innumerable functionalities that gives you the freedom to make on-the-fly decisions. It allows you to customize multiple levels of security permissions and enhance the look and feel of your website, and thus gives you a personalized experience in promoting your business.

Preface

Preface

What this book covers

What you need for this book

Who this book is for

Sections

Conventions

Reader feedback

Customer support

Free Chapter

1. Upgrading from Magento 1

1. Upgrading from Magento 1

Introduction

Creating a Magento 1 website with sample data

Creating a Magento 2 website

Preparing an upgrade from Magento 1

Upgrading the database

Using an IDE

Writing clean code with PHP MD and PHP CS

2. Working with Products

2. Working with Products

Introduction

Configuring the catalog defaults

Working with attribute sets

Working with product types

Adding social media buttons

Embedding an HTML object

Changing the URL of a product page

3. Theming

3. Theming

Introduction

Exploring the default Magento 2 themes

Creating a Magento 2 theme

Customizing the HTML output

Adding extra files to the theme

Working with LESS

Changing a page title

Working with translations

Adding widgets to the layout

Customizing email templates

4. Creating a Module

4. Creating a Module

Introduction

Creating the module files

Creating a controller

Adding layout updates

Adding a translation file

Adding a block of new products

Adding an interceptor

Adding a console command

5. Databases and Modules

5. Databases and Modules

Introduction

Creating an install and upgrade script

Creating a flat table with models

Working with Magento collections

Programmatically adding product attributes

Repairing the database

6. Magento Backend

6. Magento Backend

Introduction

Registering a backend controller

Extending the menu

Adding an ACL

Adding configuration parameters

Creating a grid of a database table

Working with backend components

Adding customer attributes

Working with source models

7. Event Handlers and Cronjobs

7. Event Handlers and Cronjobs

Introduction

Understanding event types

Creating your own event

Adding an event observer

Introducing cronjobs

Creating and testing a new cronjob

8. Creating a Shipping Module

8. Creating a Shipping Module

Introduction

Initializing module configurations

Writing an adapter model

Extending the shipping method features

Adding the module in the frontend

9. Creating a Product Slider Widget

9. Creating a Product Slider Widget

Introduction

Creating an empty module

Creating a widget configuration file

Creating the block and template files

Creating a custom configuration parameter

Finalizing the theming

10. Performance Optimization

10. Performance Optimization

Introduction

Benchmarking a website

Optimizing the frontend of the website

Optimizing the database and MySQL configurations

Optimizing the Apache web server

Finding performance leaks in Magento

Configuring OPcache, Redis, and Memcached

Optimizing the PHP configurations

11. Debugging and Unit Testing

11. Debugging and Unit Testing

Introduction

Logging into Magento 2

Getting started with Xdebug

Running automated tests from Magento

Creating a Magento test case

Index

Index

Customer Reviews

4.8 (5)

5 star

80%

4 star

20%

3 star

0%

2 star

0%

1 star

0%

Finalizing the theming

The frontend representation of the widget that we just created is not something that invites people to buy some products. It is just a list of the product names for a given category.

The last step of this chapter is to finalize the theming of the widget. We will create an HTML output that shows an image, name, and price of the given products.

With a jQuery plugin, we will convert the HTML output to a slider, so we can scroll through the products.

Getting ready

On the Internet, there are a lot of good JavaScript carousel plugins. In this recipe, we will use the following:

http://kenwheeler.github.io/slick/

For the code, we will build further on the things that are created in the previous recipes of this chapter. Ensure that you have the right files installed.

How to do it...

In the following steps, the last actions are described to complete the widget with a good-looking carousel:

The first thing is to generate a good HTML output that is usable for the jQuery plugin. Add the...

Visually different images

CONTINUE READING

83

Tech Concepts

36

Programming languages

73

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

Magento 2 Development Cookbook

Search

Your notes and bookmarks