frontend-shopify/nextjs-shopify-pdp
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update design

Browse Source
This commit is contained in:
Rami Bitar
2026-06-10 13:47:50 -04:00
parent b5a79b6475
commit b212250da0
96 changed files with 7486 additions and 6441 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
app/layout.tsx
View File

@@ -1,13 +1,22 @@
import React from 'react';
import type { Metadata } from 'next';
import { Toaster } from 'sonner';
import { ShopifyProvider } from '@/contexts/shopify-context';
import CartDrawer from '@/components/CartDrawer';
import Theme from '@/components/Theme';
import { Poppins } from 'next/font/google';
import './globals.css';
import { Providers } from './providers';
import ShopifyCart from '@/components/shopify/cart-drawer';
import ShopHeader from '@/components/shopify/shop-header';
import PromoBanner from '@/components/shopify/promo-banner';
import ShopFooter from '@/components/shopify/shop-footer';
const poppins = Poppins({
subsets: ['latin'],
weight: ['400', '500', '600', '700', '800'],
variable: '--font-poppins',
});
export const metadata: Metadata = {
title: 'Frontend',
description: 'Start prompting',
title: 'Frontend | Shopify',
description: 'Frontend Shopify Storefront',
};
export default function RootLayout({
@@ -16,19 +25,18 @@ export default function RootLayout({
children: React.ReactNode;
}) {
return (
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<html lang="en" className={poppins.variable}>
<head></head>
<body className="m-0 p-0 font-body">
<ShopifyProvider>
<Theme />
<div className="w-full flex flex-col min-h-[calc(100vh-80px)]">
<Providers>
<PromoBanner />
<ShopHeader />
<main className="min-h-screen">
{children}
</div>
<Toaster />
<CartDrawer />
</ShopifyProvider>
</main>
<ShopFooter />
<ShopifyCart />
</Providers>
</body>
</html>
);