development #4
@ -2,9 +2,9 @@
|
|||||||
"store.home": {
|
"store.home": {
|
||||||
"blocks": [
|
"blocks": [
|
||||||
"list-context.image-list#demo",
|
"list-context.image-list#demo",
|
||||||
"example-component", /* You can make references to blocks defined in other files.
|
"example-component",
|
||||||
* For example, `flex-layout.row#deals` is defined in the `deals.json` file. */
|
/* You can make references to blocks defined in other files.
|
||||||
"flex-layout.row#deals",
|
* For example, `flex-layout.row#deals` is defined in the `deals.json` file. */ "flex-layout.row#deals",
|
||||||
"__fold__",
|
"__fold__",
|
||||||
"rich-text#shelf-title",
|
"rich-text#shelf-title",
|
||||||
"flex-layout.row#shelf",
|
"flex-layout.row#shelf",
|
||||||
@ -40,7 +40,7 @@
|
|||||||
"phone": 1
|
"phone": 1
|
||||||
},
|
},
|
||||||
"infinite": true,
|
"infinite": true,
|
||||||
"showNavigationArrows": "desktopOnly",
|
"showNavigationArrows": "never",
|
||||||
"blockClass": "carousel"
|
"blockClass": "carousel"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
@ -91,7 +91,10 @@
|
|||||||
"desktop": "auto",
|
"desktop": "auto",
|
||||||
"phone": "16:9"
|
"phone": "16:9"
|
||||||
},
|
},
|
||||||
"displayThumbnailsArrows": true
|
"displayThumbnailsArrows": false,
|
||||||
|
"showNavigationArrows": false,
|
||||||
|
"showPaginationDots": false,
|
||||||
|
"thumbnailsOrientation": "horizontal"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"flex-layout.col#right-col": {
|
"flex-layout.col#right-col": {
|
||||||
|
@ -1,9 +1,6 @@
|
|||||||
{
|
{
|
||||||
"modal-trigger#quickview": {
|
"modal-trigger#quickview": {
|
||||||
"children": [
|
"children": ["icon-expand", "modal-layout#quickview"],
|
||||||
"icon-expand",
|
|
||||||
"modal-layout#quickview"
|
|
||||||
],
|
|
||||||
"props": {
|
"props": {
|
||||||
"blockClass": "quickview"
|
"blockClass": "quickview"
|
||||||
}
|
}
|
||||||
@ -63,9 +60,7 @@
|
|||||||
},
|
},
|
||||||
|
|
||||||
"flex-layout.col#quickview-product-quantity": {
|
"flex-layout.col#quickview-product-quantity": {
|
||||||
"children": [
|
"children": ["product-summary-quantity#quickview"]
|
||||||
"product-summary-quantity#quickview"
|
|
||||||
]
|
|
||||||
},
|
},
|
||||||
"product-summary-quantity#quickview": {
|
"product-summary-quantity#quickview": {
|
||||||
"props": {
|
"props": {
|
||||||
@ -74,18 +69,14 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"flex-layout.col#quickview-add-to-card-button": {
|
"flex-layout.col#quickview-add-to-card-button": {
|
||||||
"children": [
|
"children": ["add-to-cart-button"],
|
||||||
"add-to-cart-button"
|
|
||||||
],
|
|
||||||
"props": {
|
"props": {
|
||||||
"width": "grow"
|
"width": "grow"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
"flex-layout.row#quickview-actions-2": {
|
"flex-layout.row#quickview-actions-2": {
|
||||||
"children": [
|
"children": ["link.product#button-pdp"]
|
||||||
"link.product#button-pdp"
|
|
||||||
]
|
|
||||||
},
|
},
|
||||||
"link.product#button-pdp": {
|
"link.product#button-pdp": {
|
||||||
"props": {
|
"props": {
|
||||||
@ -107,15 +98,10 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"flex-layout.col#quickview-images": {
|
"flex-layout.col#quickview-images": {
|
||||||
"children": [
|
"children": ["product-images#quickview"]
|
||||||
"product-images#quickview"
|
|
||||||
]
|
|
||||||
},
|
},
|
||||||
"flex-layout.col#quickview-product-details": {
|
"flex-layout.col#quickview-product-details": {
|
||||||
"children": [
|
"children": ["modal-content#quickview", "modal-actions#quickview"],
|
||||||
"modal-content#quickview",
|
|
||||||
"modal-actions#quickview"
|
|
||||||
],
|
|
||||||
"props": {
|
"props": {
|
||||||
"preventVerticalStretch": true,
|
"preventVerticalStretch": true,
|
||||||
"blockClass": "quickviewDetails"
|
"blockClass": "quickviewDetails"
|
||||||
|
@ -12,5 +12,5 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.html--pdp-breadcrumb {
|
.html--pdp-breadcrumb {
|
||||||
background-color: green;
|
background-color: transparent;
|
||||||
}
|
}
|
27
styles/css/vtex.breadcrumb.css
Normal file
27
styles/css/vtex.breadcrumb.css
Normal file
@ -0,0 +1,27 @@
|
|||||||
|
/*
|
||||||
|
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 {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.container .homeLink .homeIcon {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.container .homeLink::before {
|
||||||
|
content: "Home";
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
.container .arrow--1 .link {
|
||||||
|
font-size: 0;
|
||||||
|
}
|
||||||
|
.container .arrow--1 .link::before {
|
||||||
|
content: "Sapatos";
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
@ -3,6 +3,5 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.html--pdp-breadcrumb {
|
.html--pdp-breadcrumb {
|
||||||
background-color: green;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
23
styles/sass/pages/product/vtex.breadcrumb.scss
Normal file
23
styles/sass/pages/product/vtex.breadcrumb.scss
Normal file
@ -0,0 +1,23 @@
|
|||||||
|
.container {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.homeLink {
|
||||||
|
.homeIcon {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.homeLink::before {
|
||||||
|
content: "Home";
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
.arrow--1 {
|
||||||
|
.link {
|
||||||
|
font-size: 0;
|
||||||
|
}
|
||||||
|
.link::before {
|
||||||
|
content: "Sapatos";
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user