Nos solutions de formations distancielles et présentielles éligibles au dispositif FNE-Formation 100% financées En savoir plus
Une formation en toute sécurité
Vous avez le choix avec ORSYS !
La formation distancielle
1800 classes à distance,
e-learning, microlearning,
certifications...
En savoir plus
Le présentiel sécurisé
Dispositif sanitaire totalement
déployé dans tous nos centres
En savoir plus
ORSYS formation
NOUS CONTACTER - +33 (0)1 49 07 73 73
NOUS CONTACTER - 📞 +33 (0)1 49 07 73 73    espace pro ESPACE CLIENT     inscription formation orsys S'INSCRIRE     drapeau francais   drapeau anglais

Nos formations :

Toutes nos formations E-commerce

Formation Magento 2, personnaliser le design de ses sites de e-commerce

4,1 / 5
Stage pratique
Durée : 2 jours
Réf : MFE
Prix  2021 : 1510 € H.T.
Pauses et déjeuners offerts
  • Programme
  • Participants / Prérequis
  • Intra / sur-mesure
  • avis vérifiés
Programme

Ce stage vous présentera les différentes techniques permettant de concevoir et mettre en œuvre un CMS d'e-commerce Open Source Magento 2. Vous verrez les aspects d'installation, de customisation du theming Magento, du Responsive Design, des widgets ainsi que les tests Front-End.

Objectifs pédagogiques

  • Comprendre l'architecture technique d'un thème Magento 2
  • Connaître les paramètres Magento 2 qui ont une influence sur le rendu
  • Personnaliser de nouveaux thèmes et créer des composants Front
  • Mettre en œuvre les bonnes pratiques de développement Front

Travaux pratiques

Création d'une plateforme e-commerce côté client.

Méthodes pédagogiques

Alternance entre présentation magistrale, illustrations de cas concrets et travaux pratiques.
PROGRAMME DE FORMATION

Généralités et thèmes

  • Objectif d'un site e-commerce. Fonctionnalités principales de Magento.
  • Les différents modes de gestion.
  • Vue d'ensemble des thèmes.
  • Créer et modifier un thème Magento.
  • Déclarer un logo dans votre gabarit.
  • Configurer les tailles d'images du thème.
  • Faire de son thème un package Composer.

Travaux pratiques
Créer un thème avec l'affectation d'un logo pour le décliner sur le site.

Les layouts

  • Vue d'ensemble des layouts.
  • Les différents blocks et Containers.
  • Les types de layout.
  • Structurer une page layout.
  • Comment déclarer une page layout ?.
  • Page configuration.

Travaux pratiques
Mettre en œuvre le layout.

Templates pour boutique e-commerce

  • Concept de boutique e-commerce.
  • Vue d'ensemble des templates disponibles.
  • Template Root.
  • XSS et les templates.
  • Templates : $this, $block, qui suis-je ?

Travaux pratiques
Surcharger un template dans notre nouveau thème.

Cascading Style Sheets (CSS)

  • Inclure des fichiers CSS.
  • LESS (préprocesseur CSS).
  • Grunt JavaScript task runner.
  • Déclarer son thème dans la configuration Grunt.
  • Grunt et LiveReload.

Les widgets

  • Où se trouvent les mixins ?
  • Les variables prédéfinies.
  • Utiliser des mixins.
  • Comprendre et utiliser les fonts custom.
  • Présentation des solutions widgets.

Travaux pratiques
Créer votre widget personnalisé.

Le Responsive Design et Magento 2

  • Les solutions Responsive Design dans Magento.
  • Approche Mobile First.
  • Présentation et utilisation des outils Responsive Design.
  • Impact sur les performances Front End.
  • JavaScript Responsive Web Design.

Travaux pratiques
Créer un thème Responsive Design.

Les tests Front-End

  • Panorama des solutions de test.
  • JsTestDriver et PhpStorm.

Internationalisation et gestion des emails

  • Dictionnaires de traductions.
  • Packages de traductions.
  • Emails transactionnels.
  • Customisation d'email via le thème.
Participants / Prérequis

» Participants

Intégrateurs CSS, développeurs Front, développeurs FullStack souhaitant maîtriser les aspects techniques du design et du rendu d'un site en Magento 2.

» Prérequis

Expérience en JavaScript/intégration CSS. La connaissance de Magento 1 est un plus.
Intra / sur-mesure

Demande de devis intra-entreprise
(réponse sous 48h)

Vos coordonnées

En cochant cette case, j’atteste avoir lu et accepté les conditions liées à l’usage de mes données dans le cadre de la réglementation sur la protection des données à caractère personnel (RGPD).
Vous pouvez à tout moment modifier l’usage de vos données et exercer vos droits en envoyant un email à l’adresse rgpd@orsys.fr
En cochant cette case, j’accepte de recevoir les communications à vocation commerciale et promotionnelle de la part d’ORSYS Formation*
Vous pouvez à tout moment vous désinscrire en utilisant le lien de désabonnement inclus dans nos communications.
* Les participants inscrits à nos sessions de formation sont également susceptibles de recevoir nos communications avec la possibilité de se désabonner à tout moment.
Avis vérifiés
picto avis vérifiés
Matthieu G. 09/03/2020
4 / 5
Bien et formateur.

Anthony D. 09/03/2020
4 / 5
Ensemble satisfaisant.
Avis client 4,1 / 5

Les avis client sont issus des feuilles d’évaluation de fin de formation. La note est calculée à partir de l’ensemble des avis datant de moins de 12 mois.

CLASSE A DISTANCE

En inter et en intra-entreprise
Inscrivez-vous ou contactez-nous !

Pour vous inscrire

Cliquez sur la ville, puis sur la date de votre choix.
[+]
CLASSE A DISTANCE
[+]
PARIS

Horaires

Les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45.
Pour les stages pratiques de 4 ou 5 jours, les sessions se terminent à 15h30 le dernier jour.
En poursuivant votre navigation, vous acceptez l’utilisation de cookies nous permettant de vous proposer des offres correspondant à vos centres d’intérêt.
En savoir plus sur l’usage des cookies…   ✖ Fermer
linkedin orsys
twitter orsys
it! orsys
instagram orsys
pinterest orsys
facebook orsys
youtube orsys