diff --git a/store/blocks/pdp/product.jsonc b/store/blocks/pdp/product.jsonc index 6a916dc..00bae85 100644 --- a/store/blocks/pdp/product.jsonc +++ b/store/blocks/pdp/product.jsonc @@ -87,6 +87,8 @@ }, "product-images": { "props": { + "thumbnailMaxHeight": 90, + "thumbnailsOrientation": "horizontal", "aspectRatio": { "desktop": "auto", "phone": "16:9" diff --git a/styles/css/agenciamagma.store-theme.css b/styles/css/agenciamagma.store-theme.css index 5e37ba5..c92ee65 100644 --- a/styles/css/agenciamagma.store-theme.css +++ b/styles/css/agenciamagma.store-theme.css @@ -8,9 +8,9 @@ /* Media Query M3 */ /* Grid breakpoints */ .html { - background-color: red; + background-color: blue; } .html--pdp-breadcrumb { - background-color: green; + background-color: red; } \ No newline at end of file diff --git a/styles/css/vtex.breadcrumb.css b/styles/css/vtex.breadcrumb.css new file mode 100644 index 0000000..ae5381f --- /dev/null +++ b/styles/css/vtex.breadcrumb.css @@ -0,0 +1,12 @@ +/* +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 { + background-color: aqua; +} \ No newline at end of file diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css index f8fa6cb..b096c3c 100644 --- a/styles/css/vtex.store-components.css +++ b/styles/css/vtex.store-components.css @@ -7,6 +7,12 @@ */ /* Media Query M3 */ /* Grid breakpoints */ -.newsletter { - background: red; +.productImageTag--main { + max-height: unset !important; +} + +.productImagesThumb { + height: auto !important; + width: 90px !important; + margin-right: 16px !important; } \ No newline at end of file diff --git a/styles/sass/pages/product/agenciamagma.store-theme.scss b/styles/sass/pages/product/agenciamagma.store-theme.scss index ea7d5b9..9d2e34b 100644 --- a/styles/sass/pages/product/agenciamagma.store-theme.scss +++ b/styles/sass/pages/product/agenciamagma.store-theme.scss @@ -1,8 +1,7 @@ .html { - background-color: red; + background-color: blue; } .html--pdp-breadcrumb { - background-color: green; + background-color: red; } - diff --git a/styles/sass/pages/product/vtex.breadcrumb.scss b/styles/sass/pages/product/vtex.breadcrumb.scss new file mode 100644 index 0000000..4895dfd --- /dev/null +++ b/styles/sass/pages/product/vtex.breadcrumb.scss @@ -0,0 +1,3 @@ +.container { + background-color: aqua; +} diff --git a/styles/sass/pages/product/vtex.store-components.scss b/styles/sass/pages/product/vtex.store-components.scss index 36d0f22..b2b99e5 100644 --- a/styles/sass/pages/product/vtex.store-components.scss +++ b/styles/sass/pages/product/vtex.store-components.scss @@ -1,3 +1,8 @@ -.newsletter{ - background: red; -} \ No newline at end of file +.productImageTag--main { + max-height: unset !important; +} +.productImagesThumb { + height: auto !important; + width: 90px !important; + margin-right: 16px !important; +}