@jetshop/template-trend 5.11.0 → 5.12.1

package/src/components/StartPage/Content/StartPageHero.js

@@ -79,7 +79,10 @@ const StartPageHero = ({
       fillAvailableSpace={true}
       src={imageSrc.value}
       className={heroStyles}
-      critical={isAboveFold.value}
+      critical={isAboveFold?.value}
+      focalPointY={imageSrc.value.focalPointY}
+      focalPointX={imageSrc.value.focalPointX}
+      aspect={'2:1'}
     >
       <Container>
         <Title>{header.value}</Title>

package/src/components/StartPage/ContentItemFragment.gql

@@ -3,11 +3,16 @@
 
 fragment ContentItemFragment on ContentItem {
   type
-  properties {
+  properties(getImageAsImageValue: true) {
     name
     type
     valueType
     value {
+      ... on ImageValue {
+        value
+        focalPointX
+        focalPointY
+      }
       ... on Product {
         ...StartPageProductGrid
       }

package/src/components/StartPage/StartPageProductGridFragment.gql

@@ -13,6 +13,7 @@ fragment StartPageProductGrid on Product {
     id
     path
     slug
+    breadcrumbs
   }
   ...ProductPrice
   images {

package/src/components/ui/Button.js

@@ -5,6 +5,7 @@ import { Link } from 'react-router-dom';
 import Spinner from './Spinner';
 import t from '@jetshop/intl';
 import { theme } from '../Theme';
+import { isRelativeUrl } from '@jetshop/core/helpers/isRelativeUrl';
 
 export const baseStyles = `
   background-color: ${theme.colors.blue};
@@ -47,7 +48,7 @@ const Button = styled('button')`
   ${baseStyles};
 `;
 
-export const TrendLink = styled(Link)`
+const TrendABase = styled('a')`
   ${baseStyles};
   text-decoration: none;
   display: flex;
@@ -56,6 +57,23 @@ export const TrendLink = styled(Link)`
   height: 54px;
 `;
 
+const TrendLinkBase = styled(Link)`
+  ${baseStyles};
+  text-decoration: none;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 54px;
+`;
+
+export function TrendLink({ to, ...props }) {
+  return typeof to === 'string' && !isRelativeUrl(to) ? (
+    <TrendABase href={to} {...props} />
+  ) : (
+    <TrendLinkBase to={to} {...props} />
+  );
+}
+
 const StyledSpinner = styled(Spinner)`
   height: 25px;
   circle.path {

package/src/shop.config.js

@@ -61,7 +61,7 @@ const config = {
   trackers: [],
   serverTrackers: [
     createFacebookTracker({
-      pixelID: process.env.FACEBOOK_PIXEL_ID,
+      pixelId: process.env.FACEBOOK_PIXEL_ID,
       token: process.env.FACEBOOK_CAPI_TOKEN
     })
   ],

package/.linaria-cache/packages/ui/ChannelSelector/Region.linaria.css

@@ -1,3 +0,0 @@
-.RegionName_r1biyodf{text-transform:uppercase;font-size:1rem;line-height:1.5rem;font-weight:600;margin:1rem 0 0.5rem 0;}
-
-