bachir
/
materio-d9
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

home products css display

This commit is contained in:
Bachir Soussi Chiadmi 2020-12-27 19:22:21 +01:00
parent a292da37c8
commit 01bf726cca
6 changed files with 83 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
config/sync/core.entity_view_display.commerce_product_variation.materio_product_variation_type.summary.yml
View File

@ -35,7 +35,7 @@ content:
region: content region: content
label: hidden label: hidden
settings: settings:
link_to_entity: true link_to_entity: false
third_party_settings: { } third_party_settings: { }
hidden: hidden:
billing_schedule: true billing_schedule: true

6
config/sync/core.entity_view_display.node.frontpage.default.yml
View File

@ -253,8 +253,8 @@ content:
weight: 6 weight: 6
region: content region: content
settings: settings:
link: true view_mode: summary
view_mode: default link: false
third_party_settings: { } third_party_settings: { }
type: entity_reference_entity_view type: entity_reference_entity_view
computed_showrooms_reference: computed_showrooms_reference:
@ -324,7 +324,7 @@ content:
region: content region: content
field_pricing: field_pricing:
weight: 5 weight: 5
label: hidden label: above
settings: { } settings: { }
third_party_settings: { } third_party_settings: { }
type: text_default type: text_default

2
web/modules/custom/materio_home/src/Plugin/Field/FieldType/ComputedProdVariationsReferences.php
View File

@ -37,7 +37,7 @@ class ComputedProdVariationsReferences extends EntityReferenceFieldItemList
protected function computeValue() { protected function computeValue() {
$query = \Drupal::entityQuery('commerce_product_variation') $query = \Drupal::entityQuery('commerce_product_variation')
->condition('status', 1) ->condition('status', 1)
->sort('created', 'DESC') ->sort('created', 'ASC')
// ->exists('field_visuel') // ->exists('field_visuel')
// ->condition('type', 'article') // ->condition('type', 'article')
->range(0,12); ->range(0,12);

37
web/themes/custom/materiotheme/assets/dist/main.css vendored
View File

@ -1497,11 +1497,11 @@ aside.messages {
#content-left .flag-collection > ul > li article.card.minicard > nav.tools .mdi.unflag { #content-left .flag-collection > ul > li article.card.minicard > nav.tools .mdi.unflag {
cursor: pointer; } cursor: pointer; }
article.node--type-frontpage .node__content > section.home-intro > div:nth-child(1) .field__label, article.node--type-frontpage .node__content > section.home-pricing > div:nth-child(1) .field__label, article.node--type-frontpage .node__content > section.home-database > div:nth-child(1) .field__label, article.node--type-frontpage .node__content > section.home-showrooms > div:nth-child(1) .field__label, article.node--type-frontpage .node__content > section.home-blabla > div:nth-child(1) .field__label { article.node--type-frontpage .node__content > section.home-intro > div:nth-child(1) .field__label, article.node--type-frontpage .node__content > section.home-pricing > div:nth-child(1) .field__label, article.node--type-frontpage .node__content > section.home-database > div:nth-child(1) .field__label, article.node--type-frontpage .node__content > section.home-showrooms > div:nth-child(1) .field__label, article.node--type-frontpage .node__content > section.home-blabla > div:nth-child(1) .field__label, article.node--type-frontpage .node__content > section.home-pricing .field--name-computed-products-reference > .field__item .field--name-title {
font-size: 3.5em; font-size: 3.5em;
line-height: 1; } line-height: 1; }
article.node--type-frontpage .node__content > section.home-intro > div:nth-child(1) .field__item, article.node--type-frontpage .node__content > section.home-pricing > div:nth-child(1) .field__item, article.node--type-frontpage .node__content > section.home-database > div:nth-child(1) .field__item, article.node--type-frontpage .node__content > section.home-showrooms > div:nth-child(1) .field__item, article.node--type-frontpage .node__content > section.home-blabla > div:nth-child(1) .field__item { article.node--type-frontpage .node__content > section.home-intro > div:nth-child(1) .field__item, article.node--type-frontpage .node__content > section.home-pricing > div:nth-child(1) .field__item, article.node--type-frontpage .node__content > section.home-database > div:nth-child(1) .field__item, article.node--type-frontpage .node__content > section.home-showrooms > div:nth-child(1) .field__item, article.node--type-frontpage .node__content > section.home-blabla > div:nth-child(1) .field__item, article.node--type-frontpage .node__content > section.home-pricing .field--name-computed-products-reference > .field__item .field--name-field-description {
font-size: 0.9em; font-size: 0.9em;
line-height: 1.3; } line-height: 1.3; }
@ -1690,6 +1690,39 @@ article.node--type-frontpage .node__content > section.home-blabla {
font-size: 0.756em; font-size: 0.756em;
line-height: 0.9; } line-height: 0.9; }
article.node--type-frontpage .node__content > section.home-pricing .field--name-field-pricing {
padding: 2em 0; }
article.node--type-frontpage .node__content > section.home-pricing .field--name-computed-products-reference {
display: flex;
flex-flow: row nowrap; }
article.node--type-frontpage .node__content > section.home-pricing .field--name-computed-products-reference > .field__item {
flex: 0 0 50%;
text-align: center;
padding: 2em 0;
color: #fff;
position: relative;
height: 18em; }
article.node--type-frontpage .node__content > section.home-pricing .field--name-computed-products-reference > .field__item:nth-child(1) {
background-color: #69cdcf; }
article.node--type-frontpage .node__content > section.home-pricing .field--name-computed-products-reference > .field__item:nth-child(2) {
background-color: #ff9f50; }
article.node--type-frontpage .node__content > section.home-pricing .field--name-computed-products-reference > .field__item > div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
article.node--type-frontpage .node__content > section.home-pricing .field--name-computed-products-reference > .field__item .field--name-title {
font-weight: 600;
line-height: 0.7;
padding-bottom: 0.5em;
text-align: center;
word-spacing: 30000px; }
article.node--type-frontpage .node__content > section.home-pricing .field--name-computed-products-reference > .field__item .field--name-field-description {
padding: 0.5em; }
article.node--type-frontpage .node__content > section.home-pricing .field--name-computed-products-reference > .field__item .field--name-field-description p {
margin: 0; }
.infinite-loading-container .infinite-status-prompt i[class^="loading-"] { .infinite-loading-container .infinite-status-prompt i[class^="loading-"] {
width: 15px; width: 15px;
height: 15px; } height: 15px; }

1
web/themes/custom/materiotheme/assets/styles/base/_colors.scss
View File

@ -4,6 +4,7 @@ $transparent-bg-blk: rgba(0,0,0, 0.75);
$color-base:#69cdcf; $color-base:#69cdcf;
$color-showrooms:#50aa3c; $color-showrooms:#50aa3c;
$color-blabla:#9458aa; $color-blabla:#9458aa;
$color-webshowroom:rgb(255, 159, 80);
$alpha: 0.90; $alpha: 0.90;
$color-base-transparent: change-color($color-base, $alpha: $alpha); $color-base-transparent: change-color($color-base, $alpha: $alpha);
$color-showrooms-transparent: change-color($color-showrooms, $alpha: $alpha); $color-showrooms-transparent: change-color($color-showrooms, $alpha: $alpha);

43
web/themes/custom/materiotheme/assets/styles/main.scss
View File

@ -808,7 +808,48 @@ article.node--type-frontpage{
} }
&.home-pricing{ &.home-pricing{
@extend %part-centered-layout; @extend %part-centered-layout;
.field--name-field-pricing{
padding:2em 0;
}
.field--name-computed-products-reference{
display: flex;
flex-flow: row nowrap;
// TODO: mediaQuery column
>.field__item{
flex:0 0 50%;
text-align: center;
padding: 2em 0;
&:nth-child(1){
background-color: $color-base
}
&:nth-child(2){
background-color: $color-webshowroom;
}
color: #fff;
position: relative;
height:18em;
>div{
position: absolute;
top:50%; left:50%;
transform: translate(-50%, -50%);
}
.field--name-title{
@extend %front-col-field__label;
font-weight: 600;
line-height: 0.7;
padding-bottom: 0.5em;
text-align: center;
word-spacing: 30000px;
}
.field--name-field-description{
@extend %front-col-descritpion;
padding:0.5em;
p{
margin: 0;
}
}
}
}
} }
} }
} }