diff --git a/.prettierignore b/.prettierignore index 83b6947..b1ab2f1 100644 --- a/.prettierignore +++ b/.prettierignore @@ -1 +1,2 @@ -CHANGELOG.md \ No newline at end of file +CHANGELOG.md +Todo.md diff --git a/Todo.md b/docs/Todo.md similarity index 100% rename from Todo.md rename to docs/Todo.md diff --git a/store/blocks/pdp/product.jsonc b/store/blocks/pdp/product.jsonc index 6a916dc..ee05501 100644 --- a/store/blocks/pdp/product.jsonc +++ b/store/blocks/pdp/product.jsonc @@ -5,6 +5,7 @@ "condition-layout.product#availability", "flex-layout.row#description", "flex-layout.row#specifications-title", + "example-component", "product-specification-group#table", "shelf.relatedProducts", "product-questions-and-answers" @@ -91,7 +92,7 @@ "desktop": "auto", "phone": "16:9" }, - "displayThumbnailsArrows": true + "displayThumbnailsArrows": false } }, "flex-layout.col#right-col": { diff --git a/styles/css/vtex.breadcrumb.css b/styles/css/vtex.breadcrumb.css new file mode 100644 index 0000000..e832b24 --- /dev/null +++ b/styles/css/vtex.breadcrumb.css @@ -0,0 +1,15 @@ +/* +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 .homeLink::before { + content: "HOME"; +} +.container .homeLink .homeIcon { + display: none; +} \ No newline at end of file diff --git a/styles/css/vtex.stack-layout.css b/styles/css/vtex.stack-layout.css index 7149eb7..4412ae0 100644 --- a/styles/css/vtex.stack-layout.css +++ b/styles/css/vtex.stack-layout.css @@ -1,10 +1,12 @@ -.stackItem--product { - width: 100%; - min-height: 257px -} - -.stackItem--quickview { - right: 0; - top: 0; - left: auto; -} +/* +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 */ +.stackItem { + display: block; +} \ No newline at end of file diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css index 86653d4..9142026 100644 --- a/styles/css/vtex.store-components.css +++ b/styles/css/vtex.store-components.css @@ -41,4 +41,9 @@ .newsletter { background: black; +} + +.carouselGaleryThumbs { + background: pink; + flex-direction: row; } \ No newline at end of file diff --git a/styles/sass/pages/product/vtex.breadcrumb.scss b/styles/sass/pages/product/vtex.breadcrumb.scss new file mode 100644 index 0000000..d7cc90c --- /dev/null +++ b/styles/sass/pages/product/vtex.breadcrumb.scss @@ -0,0 +1,10 @@ +.container{ + .homeLink{ + &::before{ + content: "HOME"; + } + .homeIcon{ + display: none; + } + } +} diff --git a/styles/sass/pages/product/vtex.stack-layout.scss b/styles/sass/pages/product/vtex.stack-layout.scss new file mode 100644 index 0000000..b20f1f7 --- /dev/null +++ b/styles/sass/pages/product/vtex.stack-layout.scss @@ -0,0 +1,3 @@ +.stackItem{ + display: block; +} diff --git a/styles/sass/pages/product/vtex.store-components.scss b/styles/sass/pages/product/vtex.store-components.scss index a91a242..50dcab8 100644 --- a/styles/sass/pages/product/vtex.store-components.scss +++ b/styles/sass/pages/product/vtex.store-components.scss @@ -47,3 +47,8 @@ .newsletter{ background: black; } + +.carouselGaleryThumbs{ + background: pink; + flex-direction: row; +}