diff --git a/manifest.json b/manifest.json index 9ee3cc5..a2cde0d 100644 --- a/manifest.json +++ b/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", diff --git a/react/Example.tsx b/react/Example.tsx deleted file mode 100644 index 7d550e5..0000000 --- a/react/Example.tsx +++ /dev/null @@ -1,3 +0,0 @@ -import Example from "./components/Example/Example"; - -export default Example; \ No newline at end of file diff --git a/react/components/Example/Example.tsx b/react/components/Example/Example.tsx deleted file mode 100644 index d195271..0000000 --- a/react/components/Example/Example.tsx +++ /dev/null @@ -1,9 +0,0 @@ -import React from 'react' - -const Example = () => { - return ( -
Example
- ) -} - -export default Example \ No newline at end of file diff --git a/store/blocks/home/home.jsonc b/store/blocks/home/home.jsonc index a4776bc..df8c1f3 100644 --- a/store/blocks/home/home.jsonc +++ b/store/blocks/home/home.jsonc @@ -2,8 +2,6 @@ "store.home": { "blocks": [ "list-context.image-list#demo", - "example-component", /* You can make references to blocks defined in other files. - * For example, `flex-layout.row#deals` is defined in the `deals.json` file. */ "flex-layout.row#deals", "__fold__", "rich-text#shelf-title", diff --git a/store/blocks/pdp/product.jsonc b/store/blocks/pdp/product.jsonc index ebb3d11..f4cc616 100644 --- a/store/blocks/pdp/product.jsonc +++ b/store/blocks/pdp/product.jsonc @@ -18,6 +18,14 @@ }, "children": ["breadcrumb#pdp-breadcrumb"] }, + + "breadcrumb#pdp-breadcrumb": { + "props": { + "homeIconSize": 0, + "showOnMobile": true + } + }, + "flex-layout.row#specifications-title": { "children": ["rich-text#specifications"] }, @@ -87,13 +95,11 @@ }, "product-images": { "props": { - "aspectRatio": { - "desktop": "auto", - "phone": "16:9" - }, + "aspectRatio": "1:1", "displayThumbnailsArrows": true } }, + "flex-layout.col#right-col": { "props": { "preventVerticalStretch": true, @@ -113,8 +119,7 @@ "product-gifts", "flex-layout.row#buy-button", "availability-subscriber", - "shipping-simulator", - "share#default" + "shipping-simulator" ] }, @@ -170,23 +175,5 @@ "blockClass": "message-availability" }, "children": ["availability-subscriber"] - }, - - "share#default": { - "props": { - "social": { - "Facebook": true, - "WhatsApp": true, - "Twitter": false, - "Pinterest": true - } - } - }, - - "breadcrumb#pdp-breadcrumb": { - "props": { - "homeIconSize": 0, - "showOnMobile": true - } } } diff --git a/styles/css/agenciamagma.store-theme.css b/styles/css/agenciamagma.store-theme.css index 7dfa27b..34c4328 100644 --- a/styles/css/agenciamagma.store-theme.css +++ b/styles/css/agenciamagma.store-theme.css @@ -6,20 +6,4 @@ 1800px + : Big desktop */ /* Media Query M3 */ -/* Grid breakpoints */ -.html--pdp-breadcrumb { - width: 100%; - padding: 0 40px; -} -@media screen and (min-width: 1025px) { - .html--pdp-breadcrumb { - width: 94.4444444444%; - padding: 0; - margin: 0 auto; - } -} -@media screen and (min-width: 1921px) { - .html--pdp-breadcrumb { - width: 68.75%; - } -} \ No newline at end of file +/* Grid breakpoints */ \ No newline at end of file diff --git a/styles/css/vtex.breadcrumb.css b/styles/css/vtex.breadcrumb.css index 39c43f9..c0a2cc3 100644 --- a/styles/css/vtex.breadcrumb.css +++ b/styles/css/vtex.breadcrumb.css @@ -9,11 +9,23 @@ /* Grid breakpoints */ .container { width: 100%; - display: inline-flex; + display: flex; flex-wrap: wrap; flex-basis: 100%; align-items: baseline; } +@media screen and (min-width: 1025px) { + .container { + width: 94.4444444444%; + padding: 0; + margin: 0 auto; + } +} +@media screen and (min-width: 1921px) { + .container { + width: 68.75%; + } +} .termArrow { padding: 0; diff --git a/styles/sass/pages/product/agenciamagma.store-theme.scss b/styles/sass/pages/product/agenciamagma.store-theme.scss index 2c3b088..e69de29 100644 --- a/styles/sass/pages/product/agenciamagma.store-theme.scss +++ b/styles/sass/pages/product/agenciamagma.store-theme.scss @@ -1,14 +0,0 @@ -.html--pdp-breadcrumb { - width: 100%; - padding: 0 40px; - - @media screen and (min-width: 1025px) { - width: 94.44444444444444%; - padding: 0; - margin: 0 auto; - } - - @media screen and (min-width: 1921px) { - width: 68.75%; - } -} diff --git a/styles/sass/pages/product/vtex.breadcrumb.scss b/styles/sass/pages/product/vtex.breadcrumb.scss index 948bc25..b55cdf6 100644 --- a/styles/sass/pages/product/vtex.breadcrumb.scss +++ b/styles/sass/pages/product/vtex.breadcrumb.scss @@ -1,9 +1,19 @@ .container { width: 100%; - display: inline-flex; + display: flex; flex-wrap: wrap; flex-basis: 100%; align-items: baseline; + + @media screen and (min-width: 1025px) { + width: 94.44444444444444%; + padding: 0; + margin: 0 auto; + } + + @media screen and (min-width: 1921px) { + width: 68.75%; + } } .termArrow {