UPCOMING: Magento 2 Bootcamp of four days in The Netherlands (April 29th - May 2nd)

Shopware Theming course

Name: Shopware 6 Frontend Development I training - Yireo
Brand: Yireo
Availability: InStock

Get started with Shopware 6.6 frontend development quickly and efficiently

Check our packages below

Pick the learning method that fits you best

Because everyone has different needs

Classroom-based

Live Training

See our schedule below

Instructor-led classroom
Benefit from a real-time interaction
Ask any question that you have

See our schedule below

Custom

In-House

per training per agency

Economical for groups of 5 and more
Freely debate company-specific topics
Online or on-site at your company

Get in touch

Schedule for live training

Date	Time	Language	Location	Subscribe
May 21 - May 24	09:30 - 16:30	NL	Yireo, Baarn, NL	Subscribe now
Aug 26 - Aug 29	09:30 - 16:30	NL	Yireo, Baarn, NL	Subscribe now
Nov 4 - Nov 7	09:30 - 16:30	NL	Yireo, Baarn, NL	Subscribe now

Date

May 21 - May 24

Time

09:30 - 16:30

Language

Location

Yireo, Baarn, NL

Subscribe now

Date

Aug 26 - Aug 29

Time

09:30 - 16:30

Language

Location

Yireo, Baarn, NL

Subscribe now

Date

Nov 4 - Nov 7

Time

09:30 - 16:30

Language

Location

Yireo, Baarn, NL

Subscribe now

Do these dates not fit you well? Do you want to switch to another language?
Feel free to contact us to see what other options there might be.

Your teacher Jisse Reitsma

Jisse is a familiar face in the Shopware community: He worked together with Shopware to create a series of videos (totalling 24 hours) to help Magento developers on-board Shopware. Besides this, he also worked together with Rico Neitzel to put together an official Shopware training curriculum. And he has contributed to numerous Shopware extensions in the past years.

Get started with Shopware 6.6 frontend development quickly and efficiently

Shopware 6 offers a good alternative for frontend developers, that want to rely upon a solid backend but still want to heavily customize the frontend at will. This training helps you to get kickstarted with Shopware 6 theming quickly, while also focusing on some advanced parts like JS plugins and performance.

Or browse through all lessons in our courseware portal

We are constantly updating our courseware, but the following is a real-life snapshot

Introduction to Shopware 6 Frontend Development

Prerequisites

Terms used in this course

Development setup 03m 45s

Disable caching

IDE setup

Using the Symfony Profiler

Project and Directory structure

CLI access

Creating a new theme 09m 22s

Theme configuration

Theming structure

Explaining the theme.json file 11m 52s

Theme inheritance

Working with assets

Translating and multilinguality in Shopware

Understanding Twig templating 18m 43s

Debugging Twig templates

Using Twig filters 08m 38s

Shopware-specific Twig tags 13m 59s

Twig template overrides

Working with assets in Twig

Remove the phonenumber from the contact form 24m 07s

Adding a custom field to the footer 14m 03s

Overriding a logo 17m 09s

Adding your SVG logo 09m 30s

Working with variables in Twig

CSS strategy

Hot Module Reloading 12m 38s

Introducing SCSS 10m 22s

Internals of SCSS compilation

Modifying SCSS variables 22m 39s

Working with Twitter Bootstrap 16m 08s

Using theme.json variables in SCSS and Twig 37m 27s

Working with assets in CSS

Responsive webdesign

Adding FontAwesome icons

Adding Tailwind CSS to your Shopware frontend

Creating and using custom snippets

Customizing the product details page

Adding a Custom Field to the product page

Adding a property to the product page

Adding a tab to the product detail page

Customizing the category page

Add a custom field to a category

Customizing the homepage

Accessing the request in Twig

Modifying the checkout

Add a custom field to the checkout

Add a custom block with a shipping method

Cart architecture

Dealing with order status

Introduction to payment handlers

Customizing the revocation policy

Performance metrics

Caching strategies

Optimizing images

CSS & JS bundling

Using a CDN

Minify HTML

Optimizing fonts

Using routes

Customizing email templates

Working with CMS content

Using media entities

Using flatpickr for the birthday field 50m 24s

Adding global Twig variables

Creating a custom Twig filter

Add a middle name to a customer form

Add a custom block with a shipping method

Development tips

Setting up PHPStorm

Using a logger

Using Redis

Full access to all videos and other coursematerial is available for attendees of live trainings.

These are the options we give you

At your place or ours?

Everyone learns at her/his own pace. We provide both in-house training and public training throughout Europe - whatever suits your team best. When 3 or more developers are attending, a custom training is often more economical. Contact us for more details.

You'll get courseware

Every workshop is accompanied with official Yireo coursematerial. Attendees are sent a digital version of this material after the training. It contains slides, comments and references. Additionally, our GitHub repos contain numerous more code samples.

Online classrooms

Online trainings are also our training: Via Zoom or Google Hangout sessions, our teacher is able to connect with your team. The benefit here is that the team is able to connect from various places itself as well, timeframes are more flexible. Afterwards, a video recording will be shared with all attendees for reference.

Yireo could be the right partner for you

We have trained 5000+ developers in numerous disciplines since 2005

Professional training at affordable prices
Truely active with numerous open source projects in the community
Trainings, bootcamps, hackathons, events
Passionate, enthousiastic, knowledgable in the right combination

Training topics

Explore your topics of choice

Introduction to Shopware 6 Frontend Development
Prerequisites
Terms used in this course
Development setup
Disable caching
IDE setup
Using the Symfony Profiler
Project and Directory structure
CLI access
Creating a new theme
Theme configuration
Theming structure
Explaining the theme.json file
Theme inheritance
Working with assets
Translating and multilinguality in Shopware
Understanding Twig templating
Debugging Twig templates
Using Twig filters
Shopware-specific Twig tags
Twig template overrides
Working with assets in Twig
Remove the phonenumber from the contact form
Adding a custom field to the footer
Overriding a logo
Adding your SVG logo
Working with variables in Twig
CSS strategy
Hot Module Reloading
Introducing SCSS
Internals of SCSS compilation
Modifying SCSS variables
Working with Twitter Bootstrap
Using theme.json variables in SCSS and Twig
Working with assets in CSS
Responsive webdesign
Adding FontAwesome icons
Adding Tailwind CSS to your Shopware frontend
Creating and using custom snippets
Customizing the product details page
Adding a Custom Field to the product page
Adding a property to the product page
Adding a tab to the product detail page
Customizing the category page
Add a custom field to a category
Customizing the homepage
Accessing the request in Twig
Modifying the checkout
Add a custom field to the checkout
Add a custom block with a shipping method
Cart architecture
Dealing with order status
Introduction to payment handlers
Customizing the revocation policy
Performance metrics
Caching strategies
Optimizing images
CSS & JS bundling
Using a CDN
Minify HTML
Optimizing fonts
Using routes
Customizing email templates
Working with CMS content
Using media entities
Using flatpickr for the birthday field
Adding global Twig variables
Creating a custom Twig filter
Add a middle name to a customer form
Add a custom block with a shipping method
Development tips
Setting up PHPStorm
Using a logger
Using Redis

Target group

Frontend developers
Junior backend developers

Requirements

Experience with Shopware 6 Admin Panel
An installation of Shopware 6 running locally
Basic knowledge of object-oriented PHP
Skilled in HTML and CSS, preferably SCSS

Trainings in the same series

Shopware 6 Backend Development I training

No on-demand videos
Option for in-house training

Shopware 6 PWA Development training

14h of videos 73 lessons
Option for in-house training

Frequently Asked Questions

There is a minimum number of attendees listed. What does this mean?

The training is only held as a physical classroom when there is a minimum number of attendees. This number is usually 4 but sometimes we bring this down to 2 or 3. This minimum number simply means that if a class is not "full", either you get a refund or your ticket is transferred to another date. With On-Demand courses (video courses), this number is not applicable.

Customer quotes

At Yireo you will quickly get to know the world of Magento with all the new best practices. Kevin van Welzenis (Vendic)

Fast paced, in-depth introduction to Hyvä Checkout and Magewire. Jisse truly is an experienced and knowledgable teacher who offers courses for small groups of people with enough room for questions and participation of all participants Ingmar de Vos (Mountain IT)

As a newcomer to the Magento world, the Magento academy has given me a solid foundation for Magento 2. I benefit greatly from this in my daily work as a Frontend Developer. In addition, lunch was always well taken care of and you did not lack anything during the training sessions! Kevin de Bie (MaxServ)