feat(css): add estilo no bread crumbs
This commit is contained in:
parent
5d934d2d41
commit
19f18f84b4
@ -15,7 +15,6 @@
|
|||||||
"postreleasy": "vtex publish --verbose"
|
"postreleasy": "vtex publish --verbose"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"agenciamagma.store-theme": "5.x",
|
|
||||||
"vtex.store": "2.x",
|
"vtex.store": "2.x",
|
||||||
"vtex.store-header": "2.x",
|
"vtex.store-header": "2.x",
|
||||||
"vtex.product-summary": "2.x",
|
"vtex.product-summary": "2.x",
|
||||||
|
@ -14,9 +14,10 @@
|
|||||||
"newsletter"
|
"newsletter"
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
|
||||||
"list-context.image-list#demo": {
|
"list-context.image-list#demo": {
|
||||||
"children": ["slider-layout#demo-images"],
|
"children": [
|
||||||
|
"slider-layout#demo-images"
|
||||||
|
],
|
||||||
"props": {
|
"props": {
|
||||||
"height": 570,
|
"height": 570,
|
||||||
"preload": true,
|
"preload": true,
|
||||||
@ -40,11 +41,9 @@
|
|||||||
"phone": 1
|
"phone": 1
|
||||||
},
|
},
|
||||||
"infinite": true,
|
"infinite": true,
|
||||||
"showNavigationArrows": "desktopOnly",
|
|
||||||
"blockClass": "carousel"
|
"blockClass": "carousel"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
"rich-text#shelf-title": {
|
"rich-text#shelf-title": {
|
||||||
"props": {
|
"props": {
|
||||||
"text": "## Summer",
|
"text": "## Summer",
|
||||||
@ -52,11 +51,17 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"flex-layout.row#shelf": {
|
"flex-layout.row#shelf": {
|
||||||
"children": ["list-context.product-list#demo1"]
|
"children": [
|
||||||
|
"list-context.product-list#demo1"
|
||||||
|
]
|
||||||
},
|
},
|
||||||
"list-context.product-list#demo1": {
|
"list-context.product-list#demo1": {
|
||||||
"blocks": ["product-summary.shelf"],
|
"blocks": [
|
||||||
"children": ["slider-layout#demo-products"],
|
"product-summary.shelf"
|
||||||
|
],
|
||||||
|
"children": [
|
||||||
|
"slider-layout#demo-products"
|
||||||
|
],
|
||||||
"props": {
|
"props": {
|
||||||
"orderBy": "OrderByTopSaleDESC"
|
"orderBy": "OrderByTopSaleDESC"
|
||||||
}
|
}
|
||||||
@ -73,7 +78,6 @@
|
|||||||
"blockClass": "shelf"
|
"blockClass": "shelf"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
"info-card#home": {
|
"info-card#home": {
|
||||||
"props": {
|
"props": {
|
||||||
"id": "info-card-home",
|
"id": "info-card-home",
|
||||||
@ -87,14 +91,12 @@
|
|||||||
"textAlignment": "center"
|
"textAlignment": "center"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
"rich-text#question": {
|
"rich-text#question": {
|
||||||
"props": {
|
"props": {
|
||||||
"text": "**This is an example store built using the VTEX platform.\nWant to know more?**",
|
"text": "**This is an example store built using the VTEX platform.\nWant to know more?**",
|
||||||
"blockClass": "question"
|
"blockClass": "question"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
"rich-text#link": {
|
"rich-text#link": {
|
||||||
"props": {
|
"props": {
|
||||||
"text": "\n**Reach us at**\nwww.vtex.com.br",
|
"text": "\n**Reach us at**\nwww.vtex.com.br",
|
||||||
|
@ -16,10 +16,14 @@
|
|||||||
"testId": "breadcrumbs",
|
"testId": "breadcrumbs",
|
||||||
"blockClass": "pdp-breadcrumb"
|
"blockClass": "pdp-breadcrumb"
|
||||||
},
|
},
|
||||||
"children": ["breadcrumb"]
|
"children": [
|
||||||
|
"breadcrumb"
|
||||||
|
]
|
||||||
},
|
},
|
||||||
"flex-layout.row#specifications-title": {
|
"flex-layout.row#specifications-title": {
|
||||||
"children": ["rich-text#specifications"]
|
"children": [
|
||||||
|
"rich-text#specifications"
|
||||||
|
]
|
||||||
},
|
},
|
||||||
"rich-text#specifications": {
|
"rich-text#specifications": {
|
||||||
"props": {
|
"props": {
|
||||||
@ -30,7 +34,9 @@
|
|||||||
"props": {
|
"props": {
|
||||||
"marginBottom": 7
|
"marginBottom": 7
|
||||||
},
|
},
|
||||||
"children": ["product-description"]
|
"children": [
|
||||||
|
"product-description"
|
||||||
|
]
|
||||||
},
|
},
|
||||||
"condition-layout.product#availability": {
|
"condition-layout.product#availability": {
|
||||||
"props": {
|
"props": {
|
||||||
@ -52,9 +58,11 @@
|
|||||||
"paddingTop": 7,
|
"paddingTop": 7,
|
||||||
"paddingBottom": 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": {
|
"stack-layout": {
|
||||||
"props": {
|
"props": {
|
||||||
"blockClass": "product"
|
"blockClass": "product"
|
||||||
@ -65,7 +73,6 @@
|
|||||||
"product-specification-badges"
|
"product-specification-badges"
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
|
||||||
"product-specification-badges": {
|
"product-specification-badges": {
|
||||||
"props": {
|
"props": {
|
||||||
"specificationGroupName": "Group",
|
"specificationGroupName": "Group",
|
||||||
@ -74,16 +81,19 @@
|
|||||||
"displayValue": "SPECIFICATION_NAME"
|
"displayValue": "SPECIFICATION_NAME"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
"flex-layout.col#stack": {
|
"flex-layout.col#stack": {
|
||||||
"children": ["stack-layout"],
|
"children": [
|
||||||
|
"stack-layout"
|
||||||
|
],
|
||||||
"props": {
|
"props": {
|
||||||
"width": "60%",
|
"width": "60%",
|
||||||
"rowGap": 0
|
"rowGap": 0
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"flex-layout.row#product-image": {
|
"flex-layout.row#product-image": {
|
||||||
"children": ["product-images"]
|
"children": [
|
||||||
|
"product-images"
|
||||||
|
]
|
||||||
},
|
},
|
||||||
"product-images": {
|
"product-images": {
|
||||||
"props": {
|
"props": {
|
||||||
@ -91,7 +101,7 @@
|
|||||||
"desktop": "auto",
|
"desktop": "auto",
|
||||||
"phone": "16:9"
|
"phone": "16:9"
|
||||||
},
|
},
|
||||||
"displayThumbnailsArrows": true
|
"thumbnailsOrientation": "horizontal"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"flex-layout.col#right-col": {
|
"flex-layout.col#right-col": {
|
||||||
@ -117,29 +127,29 @@
|
|||||||
"share#default"
|
"share#default"
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
|
||||||
"flex-layout.row#product-name": {
|
"flex-layout.row#product-name": {
|
||||||
"props": {
|
"props": {
|
||||||
"marginBottom": 3
|
"marginBottom": 3
|
||||||
},
|
},
|
||||||
"children": ["vtex.store-components:product-name"]
|
"children": [
|
||||||
|
"vtex.store-components:product-name"
|
||||||
|
]
|
||||||
},
|
},
|
||||||
|
|
||||||
"sku-selector": {
|
"sku-selector": {
|
||||||
"props": {
|
"props": {
|
||||||
"variationsSpacing": 3,
|
"variationsSpacing": 3,
|
||||||
"showValueNameForImageVariation": true
|
"showValueNameForImageVariation": true
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
"flex-layout.row#buy-button": {
|
"flex-layout.row#buy-button": {
|
||||||
"props": {
|
"props": {
|
||||||
"marginTop": 4,
|
"marginTop": 4,
|
||||||
"marginBottom": 7
|
"marginBottom": 7
|
||||||
},
|
},
|
||||||
"children": ["add-to-cart-button"]
|
"children": [
|
||||||
|
"add-to-cart-button"
|
||||||
|
]
|
||||||
},
|
},
|
||||||
|
|
||||||
"flex-layout.row#product-availability": {
|
"flex-layout.row#product-availability": {
|
||||||
"props": {
|
"props": {
|
||||||
"colGap": 7,
|
"colGap": 7,
|
||||||
@ -169,9 +179,10 @@
|
|||||||
"props": {
|
"props": {
|
||||||
"blockClass": "message-availability"
|
"blockClass": "message-availability"
|
||||||
},
|
},
|
||||||
"children": ["availability-subscriber"]
|
"children": [
|
||||||
|
"availability-subscriber"
|
||||||
|
]
|
||||||
},
|
},
|
||||||
|
|
||||||
"share#default": {
|
"share#default": {
|
||||||
"props": {
|
"props": {
|
||||||
"social": {
|
"social": {
|
||||||
|
@ -136,8 +136,7 @@
|
|||||||
},
|
},
|
||||||
"product-images#quickview" : {
|
"product-images#quickview" : {
|
||||||
"props": {
|
"props": {
|
||||||
"blockClass": "quickview",
|
"blockClass": "quickview"
|
||||||
"showNavigationArrows": true
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -7,10 +7,9 @@
|
|||||||
*/
|
*/
|
||||||
/* Media Query M3 */
|
/* Media Query M3 */
|
||||||
/* Grid breakpoints */
|
/* Grid breakpoints */
|
||||||
.html {
|
|
||||||
background-color: red;
|
|
||||||
}
|
|
||||||
|
|
||||||
.html--pdp-breadcrumb {
|
.html--pdp-breadcrumb {
|
||||||
background-color: green;
|
font-size: 14px;
|
||||||
|
line-height: 19px;
|
||||||
|
color: blue;
|
||||||
|
background-color: black;
|
||||||
}
|
}
|
26
styles/css/vtex.breadcrumb.css
Normal file
26
styles/css/vtex.breadcrumb.css
Normal file
@ -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;
|
||||||
|
}
|
@ -1,8 +1,6 @@
|
|||||||
.html {
|
|
||||||
background-color: red;
|
|
||||||
}
|
|
||||||
|
|
||||||
.html--pdp-breadcrumb {
|
.html--pdp-breadcrumb {
|
||||||
background-color: green;
|
font-size: 14px;
|
||||||
|
line-height: 19px;
|
||||||
|
color: blue;
|
||||||
|
background-color: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user