add link externe

user/themes/lecampus/blueprints/modular/section-lieux.yaml

@@ -33,3 +33,6 @@ form:
                       folder: '@self'
                       preview_images: true
                       label: Selectionner le document
+                    .btn_url:
+                      type: text
+                      label: Url externe  

user/themes/lecampus/scss/theme/thumbnails/thumbnails.scss

@@ -71,7 +71,7 @@
           color: $light-blue;
         }
       }
-      &.nos_pack{
+      &.nos_pack,&.nos_lieux{
         .__thumbnails{
           .__thumb.__hover{
             transition: 0.3s transform ease;
@@ -207,6 +207,9 @@
         // width: calc(100% * 4 - 6rem);
         margin: 0;
         margin: 2rem 0rem;
+        .__wrap-content{
+          background-size: cover;
+        }
         .__txt.black{
           p{
             color: black!important;
@@ -300,27 +303,34 @@
               display: inline-flex;
               margin-top: 1rem;
               width: 100%;
-              & > div{
+              a{
+                display: block;
+                text-align: center;
                 width: 50%;
                 background: $light-blue;
                 margin: 0;
                 transition: 0.3s transform ease, 0.3s box-shadow ease;
                 padding: 0.5rem 1.5rem;
+                font-family: $now_alt_medium;
+                font-size: 0.7rem;
+                color: white;
+                &:not(:first-child){
+                  margin-left: 1rem;
+                }
                 &:hover{
                   transform: scale(1.015);
                   box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
                   transition: 0.3s transform ease, 0.3s box-shadow ease;
                 }
-                &:not(:first-child){
-                  margin-left: 1rem;
+                &.__blue{
+                  background: $light-blue;
+                }
+                &.__green{
+                  background: $green;
+                }
+                &.__red{
+                  background: $red;
                 }
-              }
-              a{
-                font-family: $now_alt_medium;
-                font-size: 0.7rem;
-                color: white;
-                // margin: 0 1rem;
-                // padding: 0.5rem 1.5rem;
               }
 
             }
@@ -408,11 +418,17 @@
       }
 
     }
-
+  }
 }
-
+@media screen and (max-width: 750px) {
+  .__details{
+    .__content{
+      p{
+        padding: 0!important;
+      }
+    }
+  }
 }
-
 @media screen and (max-width: 530px) {
   #nos-packs, #nos-offres{
     .content{
@@ -437,7 +453,7 @@
             .__more{
               width: calc(100%);
               .__details{
-                padding: 1rem;
+                padding: 0rem;
                 .__content{
                   width: 100%;
                   padding: 1rem;
@@ -449,10 +465,13 @@
                     right: 0.5rem;
                   }
                 }
+                .__wrap-content{
+                  padding: 0.5rem;
+                }
               }
             .__btn{
               flex-direction: column;
-              & > div{
+              & > a{
                 margin: auto 0 1rem 0!important;
                 width: 100%;
               }

user/themes/lecampus/templates/components/buttons/btn.html.twig

@@ -13,19 +13,21 @@
   </div>
 
 {% elseif btn == 'devis' %}
-
-  <div class="__btn __devis __color">
-    <a target="_blank" href="/demande-de-devis">Faire une demande de devis</a>
-  </div>
-
+  <a class="__btn __devis {{color}}" target="_blank" href="/demande-de-devis">
+    Faire une demande de devis
+  </a>
 {% elseif btn == 'dl' %}
+  {% set image_parts = pathinfo(item.btn_url) %}
+  {% set image_basename_imgB = image_parts.basename %}
+  {% set image_page_imgB = image_parts.dirname == '.' ? module : module.find(image_parts.dirname) %}
 
-  <div class="__btn __dl __color">
-    <a href="{{ image_page_imgB.media[image_basename_imgB].url() }}" download>
-      {{item.btn_txt}}
+    <a class="__btn __dl {{color}}" href="{{ image_page_imgB.media[image_basename_imgB].url() }}" download>
+    {{item.btn_txt}}
     </a>
-  </div>
-
-{% else %}
 
+{% elseif btn == 'link_ext' %}
+    <div class="__btn __learn-more __grey">
+      En savoir plus
+      {% include 'components/buttons/icone_arrow.html.twig' %}
+    </div>
 {% endif %}

user/themes/lecampus/templates/components/thumbnails/img_tbn.html.twig

@@ -4,7 +4,7 @@
   {% set image_basename_thumb = image_parts.basename %}
   {% set image_page_thumb = image_parts.dirname == '.' ? module : module.find(image_parts.dirname) %}
 
-  {{ image_page_thumb.media[image_basename_thumb].html() }}
+  {{ image_page_thumb.media[image_basename_thumb].resize(500, 500).html() }}
 
   <div class="__sub-title">
     <p>{{item.sous_title}}</p>

user/themes/lecampus/templates/components/thumbnails/thumbnails.html.twig

@@ -35,10 +35,12 @@
 
       {% else %}
 
-        <div class="__images">
-          {% include 'components/thumbnails/img_tbn.html.twig' with { list: 'true'}  %}
-        </div>
-        {% include 'components/buttons/btn.html.twig' with { btn: 'more'} %}
+        <a target="_blank" href=" {{item.btn_url}} ">
+          <div class="__images">
+            {% include 'components/thumbnails/img_tbn.html.twig' with { list: 'true'}  %}
+          </div>
+          {% include 'components/buttons/btn.html.twig' with { btn: 'link_ext'} %}
+        </a>
 
       {% endif %}