Tag: Adobe Commerce 2.4

Build a Simple Static page in GraphCommerce – Magento PWA

Create a new route Add the page GraphQL queries required to render the layout (header, footer) Create a new file, /pages/about/about-us.tsx: export default function AboutUs() {  return <>About Us</> } Add GraphQL query In /about/about-us.tsx, replace the previous code with the following: import { PageOptions } from ‘@graphcommerce/framer-next-pages’ import { StoreConfigDocument } from ‘@graphcommerce/magento-store’ import… Continue reading Build a Simple Static page in GraphCommerce – Magento PWA

Overide the product description componenet in magento PWA

In the project, create a new component that extends or replaces the default product description component. For example, you might create a custom component called CustomProductDescription: import React from ‘react’; import { useProductDescription } from ‘@magento/peregrine/lib/talons/ProductFullDetail/useProductDescription’; import defaultClasses from ‘@magento/peregrine/lib/talons/ProductFullDetail/productFullDetail.css’; import { mergeClasses } from ‘@magento/venia-ui/lib/classify’; const CustomProductDescription = props => {  const classes =… Continue reading Overide the product description componenet in magento PWA

What is a fetch event in Magento PWA?

After a service worker is installed and the user navigates to a different page or refreshes, the service worker will begin to receive.  A event fires every time any resource controlled by a service worker is fetched, which includes the documents inside the specified scope, and any resources referenced in those documents (for example if… Continue reading What is a fetch event in Magento PWA?