manifest.json

@@ -15,7 +15,6 @@
     "postreleasy": "vtex publish --verbose"
   },
   "dependencies": {
-    "agenciamagma.store-theme": "5.x",
     "vtex.store": "2.x",
     "vtex.store-header": "2.x",
     "vtex.product-summary": "2.x",

store/blocks/pdp/product.jsonc

@@ -7,6 +7,7 @@
       "flex-layout.row#specifications-title",
       "product-specification-group#table",
       "shelf.relatedProducts",
+      "newsletter",
       "product-questions-and-answers"
     ]
   },
@@ -91,7 +92,9 @@
         "desktop": "auto",
         "phone": "16:9"
       },
-      "displayThumbnailsArrows": true
+      "displayThumbnailsArrows": false,
+      "thumbnailsOrientation": "horizontal",
+      "showNavigationArrows": false
     }
   },
   "flex-layout.col#right-col": {

styles/css/vtex.breadcrumb.css

@@ -0,0 +1,28 @@
+/*
+0 - 600PX: Phone
+600 - 900px: Table portrait
+900 - 1200px: Tablet landscape
+[1200 - 1800] is where our nortal styles apply
+1800px + : Big desktop
+*/
+/* Media Query M3 */
+/* Grid breakpoints */
+.container {
+  display: flex;
+  align-items: center;
+  background-color: white;
+}
+.container .homeLink .homeIcon {
+  display: none;
+}
+.container .homeLink::before {
+  content: "Home";
+  font-size: 16px;
+}
+.container .arrow--1 .Link {
+  font-size: 0;
+}
+.container .arrow--1 .Link::before {
+  content: "Sapatos";
+  font-size: 16px;
+}

styles/css/vtex.flex-layout.css

@@ -1,98 +1,12 @@
-.flexRowContent--menu-link,
-.flexRowContent--main-header {
-  padding: 0 0.5rem;
-}
-
-@media screen and (min-width: 40em) {
-  .flexRowContent--menu-link,
-  .flexRowContent--main-header {
-    padding: 0 1rem;
-  }
-}
-
-@media screen and (min-width: 80rem) {
-  .flexRowContent--menu-link,
-  .flexRowContent--main-header {
-    padding: 0 0.25rem;
-  }
-}
-
-.flexRowContent--menu-link {
-  background-color: #03044e;
-  color: #fff;
-}
-
-.flexRowContent--main-header {
-  background-color: #f0f0f0;
-}
-
-.flexRowContent--main-header-mobile {
-  align-items: center;
-  padding: 0.625rem 0.5rem;
-  background-color: #f0f0f0;
-}
-
-.flexRowContent--menu-link :global(.vtex-menu-2-x-styledLink) {
-  color: #ffffff;
-  font-size: 14px;
-}
-
-.flexRowContent--main-header :global(.vtex-menu-2-x-styledLink) {
-  color: #727273;
-  font-size: 14px;
-}
-
-.flexRow--deals {
-  background-color: #0F3E99;
-  padding: 14px 0px;
-}
-
-.flexRow--deals .stretchChildrenWidth {
-  align-items: center;
-}
-
-.flexRow--deals .flexCol {
-  align-items: center;
-  margin-bottom: 5px;
-  padding-top: 5px;
-}
-
-.flexCol--filterCol {
-  max-width: 500px;
-  min-width: 230px;
-}
-
-.flexCol--productCountCol {
-  align-items: flex-start;
-}
-
-.flexCol--orderByCol {
-  align-items: flex-end;
-}
-
-.flexCol--orderByMobileCol {
-  width: 42%;
-}
-
-.flexCol--filterMobileCol {
-  width: 38%;
-}
-
-.flexRow--quickviewMainRow {
-  display: flex;
-  max-height: 100%;
-}
-
-.flexColChild--quickviewDetails:first-child {
-  overflow-y: auto;
-  height: 66% !important;
-  overflow-x: hidden;
-}
-
-.flexColChild--quickviewDetails:last-child {
-  height: 34% !important;
-}
-
-.flexRow--addToCartRow {
-  padding-bottom: 1rem;
-}
+/*
+0 - 600PX: Phone
+600 - 900px: Table portrait
+900 - 1200px: Tablet landscape
+[1200 - 1800] is where our nortal styles apply
+1800px + : Big desktop
+*/
+/* Media Query M3 */
+/* Grid breakpoints */
+.stack-layout {
+  background-color: yellow;
+}

styles/css/vtex.store-components.css

@@ -8,5 +8,10 @@
 /* Media Query M3 */
 /* Grid breakpoints */
 .newsletter {
-  background: red;
+  background: blue;
+}
+
+.productBrand--quickview {
+  display: flex;
+  justify-content: end;
 }

styles/sass/pages/product/vtex.breadcrumb.scss

@@ -0,0 +1,28 @@
+
+.container  {
+  display: flex;
+  align-items: center;
+  background-color: white;
+
+  .homeLink {
+    .homeIcon {
+      display: none;
+    }
+  }
+
+  .homeLink::before {
+    content:"Home";
+    font-size:16px;
+  }
+
+  .arrow--1 {
+    .Link {
+      font-size:0;
+    }
+
+    .Link::before {
+      content:"Sapatos";
+      font-size: 16px;
+    }
+  }
+}

styles/sass/pages/product/vtex.flex-layout.scss

@@ -0,0 +1,5 @@
+.stack-layout {
+ background-color: yellow;
+}
+
+

styles/sass/pages/product/vtex.store-components.scss

@@ -1,3 +1,8 @@
 .newsletter{
-    background: red;
-}
+    background: blue;
+}
+
+.productBrand--quickview {
+  display: flex;
+  justify-content: end;
+}