Limit search to available items
Book Cover
E-book
Author Winkler, Jakub, author

Title MASTERING ADOBE COMMERCE FRONTEND build optimized, user-centric e-commerce sites with tailored theme design and enhanced interactivity / Jakub Winkler
Edition 1st edition
Published Birmingham, UK : Packt Publishing Ltd., 2024

Copies

Description 1 online resource
Contents Cover -- Title Page -- Copyright and Credits -- Contributors -- Table of Contents -- Preface -- Chapter 1: Setting Up the Local Environment -- Technical requirements -- Choosing the best operating system -- Installing the required applications and services -- Preparing the technology stack for AC -- Installing WSL 2 on Windows -- Virtualization with Docker -- Installing Docker and the Docker Compose plugin -- Installing Docker on Windows -- Installing Docker on macOS -- Installing Docker on Linux -- Wrapping things up -- Preparing a Docker manager -- What is Warden?
Configuring DNS resolution -- SSL configuration -- Alternatives to a functional local environment -- Summary -- Chapter 2: Installing the Magento/Adobe Commerce Application -- Technical requirements -- Getting to know the platform -- Getting a copy of Adobe Commerce/Magento Open Source -- Creating an Adobe ID and getting Composer keys -- Installing Adobe Commerce -- preparing Docker -- Installing Adobe Commerce using the CLI -- Installing sample data -- let's get some products! -- Summary -- Practical exercises -- Chapter 3: Introduction to Adobe Commerce Theming -- Creating new themes
Adding a new theme -- Caching system -- Cache types -- Working with cache -- Basic CLI commands -- Deploy commands -- Admin commands -- Indexing commands -- Setup commands -- Fallback system -- CSS file generation -- Grunt -- Summary -- Practical exercises -- Chapter 4: The Layout System -- Technical requirements -- Basic terms related to layout XML -- Introduction to layout XML files -- Layouts and pages -- The layout merging process -- Determining page layout -- Layout XML instructions -- Page configuration (layout handles) -- Blocks, containers, and updates -- Layout overrides -- Summary
Practical exercises -- Chapter 5: Working with Templates -- Technical requirements -- What are templates, and how many templates are there? -- What are PHTML files? -- PHTML files -- A double-edged sword? -- Template file locations -- Finding the template file -- Templates and blocks -- Working with template files -- Getting arguments from Layout XML files into blocks -- Summary -- Practical exercises -- Chapter 6: Styling an Adobe Commerce Theme -- Technical requirements -- Location and compilation of CSS files -- A quick introduction to LESS files -- Nested syntax -- Variables -- Mixins
Modularity -- Functions and operations -- Compilation -- CSS compilation types -- Static content signing -- Server-side compilation -- Client-side compilation -- Working with themes -- Extending parent styles -- Overriding parent styles -- Summary -- Practical exercises -- Chapter 7: Customizing Emails -- Technical requirements -- Email customization process -- Installing the required tools to work with emails -- Email template structure -- Managing email templates in the Admin Panel -- Creating new email templates -- Conditional content rendering -- Customizing Email CSS -- Summary
Summary A comprehensive guide to Adobe Commerce storefront development covering theme creation, customization, JavaScript usage, and optimization techniques for optimal customer satisfaction Key Features Learn techniques for customizing templates and layouts for an optimal user experience Use the command-line interface for efficient and streamlined theme development and deployment Implement best practices for using JavaScript and frontend optimization techniques for improved performance and customer satisfaction Purchase of the print or Kindle book includes a free PDF eBook Book Description Navigating the frontend realm of the Adobe Commerce platform can often feel like a labyrinth, given its multifaceted systems and intricate layering. This book demystifies Adobe Commerce frontend development, guiding you through its paths with clarity and precision. You'll learn how to set up your local environment, paving the way for a smooth development experience and navigate the platform's theming ecosystem, exploring layout XML systems and the power of templates. As you progress through the book, you'll leverage an array of JavaScript libraries and frameworks that Adobe Commerce boasts of, with special emphasis on RequireJS, jQuery, Knockout.JS, and UI Components. Additionally, you'll gain an understanding of the intricacies of Adobe Commerce CMS, explore frontend-related configurations in the admin panel, unlock the secrets of frontend optimization, and explore the HYVA to enrich user experiences. Practical exercises provided in the book will enable you to create top-notch Adobe Commerce sites that are functional, optimized, user-centric, and a step ahead in the ever-evolving frontend landscape. What you will learn Set up your own Dockerized environment in the Adobe Commerce platform Customize page structure using Layout XML, templates, and a fallback system Build and personalize system emails to match website themes Work with various JavaScript frameworks and libraries in the project Create and manage content using the Adobe Commerce CMS system Discover how HYVA was a game changer for many frontend developers Validate your solutions with the practical examples provided Who this book is for The book is ideal for storefront developers proficient in frontend technologies such as HTML, CSS, and JavaScript, aiming to broaden their knowledge of Adobe Commerce and Magento Open Source applications. If you've encountered challenges with frontend development for Adobe Commerce and struggled to find solutions online, this book is tailored to assist you
SUBJECT Adobe Commerce (Computer file)
Subject Electronic commerce -- Computer programs
Web site development.
Web sites -- Design.
Form Electronic book
ISBN 9781837637386
1837637385