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/store/blocks/home/home.jsonc b/store/blocks/home/home.jsonc index a4776bc..405bf5a 100644 --- a/store/blocks/home/home.jsonc +++ b/store/blocks/home/home.jsonc @@ -2,7 +2,7 @@ "store.home": { "blocks": [ "list-context.image-list#demo", - "example-component", /* You can make references to blocks defined in other files. + "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__", @@ -14,9 +14,10 @@ "newsletter" ] }, - "list-context.image-list#demo": { - "children": ["slider-layout#demo-images"], + "children": [ + "slider-layout#demo-images" + ], "props": { "height": 570, "preload": true, @@ -40,11 +41,9 @@ "phone": 1 }, "infinite": true, - "showNavigationArrows": "desktopOnly", "blockClass": "carousel" } }, - "rich-text#shelf-title": { "props": { "text": "## Summer", @@ -52,11 +51,17 @@ } }, "flex-layout.row#shelf": { - "children": ["list-context.product-list#demo1"] + "children": [ + "list-context.product-list#demo1" + ] }, "list-context.product-list#demo1": { - "blocks": ["product-summary.shelf"], - "children": ["slider-layout#demo-products"], + "blocks": [ + "product-summary.shelf" + ], + "children": [ + "slider-layout#demo-products" + ], "props": { "orderBy": "OrderByTopSaleDESC" } @@ -73,7 +78,6 @@ "blockClass": "shelf" } }, - "info-card#home": { "props": { "id": "info-card-home", @@ -87,14 +91,12 @@ "textAlignment": "center" } }, - "rich-text#question": { "props": { "text": "**This is an example store built using the VTEX platform.\nWant to know more?**", "blockClass": "question" } }, - "rich-text#link": { "props": { "text": "\n**Reach us at**\nwww.vtex.com.br", diff --git a/store/blocks/pdp/product.jsonc b/store/blocks/pdp/product.jsonc index 6a916dc..6e28988 100644 --- a/store/blocks/pdp/product.jsonc +++ b/store/blocks/pdp/product.jsonc @@ -16,10 +16,14 @@ "testId": "breadcrumbs", "blockClass": "pdp-breadcrumb" }, - "children": ["breadcrumb"] + "children": [ + "breadcrumb" + ] }, "flex-layout.row#specifications-title": { - "children": ["rich-text#specifications"] + "children": [ + "rich-text#specifications" + ] }, "rich-text#specifications": { "props": { @@ -30,7 +34,9 @@ "props": { "marginBottom": 7 }, - "children": ["product-description"] + "children": [ + "product-description" + ] }, "condition-layout.product#availability": { "props": { @@ -52,9 +58,11 @@ "paddingTop": 7, "paddingBottom": 7 }, - "children": ["flex-layout.col#stack", "flex-layout.col#right-col"] + "children": [ + "flex-layout.col#stack", + "flex-layout.col#right-col" + ] }, - "stack-layout": { "props": { "blockClass": "product" @@ -65,7 +73,6 @@ "product-specification-badges" ] }, - "product-specification-badges": { "props": { "specificationGroupName": "Group", @@ -74,16 +81,19 @@ "displayValue": "SPECIFICATION_NAME" } }, - "flex-layout.col#stack": { - "children": ["stack-layout"], + "children": [ + "stack-layout" + ], "props": { "width": "60%", "rowGap": 0 } }, "flex-layout.row#product-image": { - "children": ["product-images"] + "children": [ + "product-images" + ] }, "product-images": { "props": { @@ -91,7 +101,7 @@ "desktop": "auto", "phone": "16:9" }, - "displayThumbnailsArrows": true + "thumbnailsOrientation": "horizontal" } }, "flex-layout.col#right-col": { @@ -117,29 +127,29 @@ "share#default" ] }, - "flex-layout.row#product-name": { "props": { "marginBottom": 3 }, - "children": ["vtex.store-components:product-name"] + "children": [ + "vtex.store-components:product-name" + ] }, - "sku-selector": { "props": { "variationsSpacing": 3, "showValueNameForImageVariation": true } }, - "flex-layout.row#buy-button": { "props": { "marginTop": 4, "marginBottom": 7 }, - "children": ["add-to-cart-button"] + "children": [ + "add-to-cart-button" + ] }, - "flex-layout.row#product-availability": { "props": { "colGap": 7, @@ -169,9 +179,10 @@ "props": { "blockClass": "message-availability" }, - "children": ["availability-subscriber"] + "children": [ + "availability-subscriber" + ] }, - "share#default": { "props": { "social": { diff --git a/store/blocks/product-summary/quickview.json b/store/blocks/product-summary/quickview.json index 723d4a0..aace501 100644 --- a/store/blocks/product-summary/quickview.json +++ b/store/blocks/product-summary/quickview.json @@ -136,8 +136,7 @@ }, "product-images#quickview" : { "props": { - "blockClass": "quickview", - "showNavigationArrows": true + "blockClass": "quickview" } } } diff --git a/styles/css/agenciamagma.store-theme.css b/styles/css/agenciamagma.store-theme.css index 5e37ba5..dc094d7 100644 --- a/styles/css/agenciamagma.store-theme.css +++ b/styles/css/agenciamagma.store-theme.css @@ -7,10 +7,9 @@ */ /* Media Query M3 */ /* Grid breakpoints */ -.html { - background-color: red; -} - .html--pdp-breadcrumb { - background-color: green; + font-size: 14px; + line-height: 19px; + color: blue; + background-color: black; } \ 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..1d449d8 --- /dev/null +++ b/styles/css/vtex.breadcrumb.css @@ -0,0 +1,26 @@ +.container { + display: flex; + align-items: center; + font-size: 16px; + line-height: 19px; + font-weight: 400; + color: #929292 !important; +} + +.homeIcon { + display: none; +} + +.homeLink::before { + content: "Home"; + display: flex; + color: #929292 !important; +} + +.arrow--1 { + display: none; +} + +.link--2 { + color: #929292 !important; +} diff --git a/styles/sass/pages/product/agenciamagma.store-theme.scss b/styles/sass/pages/product/agenciamagma.store-theme.scss index ea7d5b9..daad6c9 100644 --- a/styles/sass/pages/product/agenciamagma.store-theme.scss +++ b/styles/sass/pages/product/agenciamagma.store-theme.scss @@ -1,8 +1,6 @@ -.html { - background-color: red; -} - .html--pdp-breadcrumb { - background-color: green; + font-size: 14px; + line-height: 19px; + color: blue; + background-color: black; } -