Project-Pro/fr.vidok.com
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Save

Browse Source
This commit is contained in:
Roman Pyrih
2024-12-02 15:54:04 +01:00
parent deb93484fe
commit 8a6dc99529
5 changed files with 696 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

294
wp-content/themes/hello-elementor/assets/styles/promotion-hivernale.css Normal file
View File

@@ -0,0 +1,294 @@
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
.footer_top_box {
display: none !important;
}
.c-container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 1560px) {
.c-container {
max-width: 1560px;
}
}
@media (min-width: 1200px) and (max-width: 1559.98px) {
.c-container {
max-width: 1140px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.c-container {
max-width: 960px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.c-container {
max-width: 720px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.c-container {
max-width: 540px;
}
}
@media (max-width: 575.98px) {
.c-container {
max-width: 100%;
}
}
.box-1 {
text-align: center;
margin-bottom: 120px;
}
.box-1 img {
width: 100%;
max-width: -moz-fit-content;
max-width: fit-content;
}
.box-2 {
text-align: center;
margin-bottom: 100px;
}
@media (max-width: 992px) {
.box-2 {
margin-bottom: 60px;
}
}
.box-2 h2 {
font-size: 48px;
font-family: "Open Sans", sans-serif;
font-weight: 300;
text-transform: uppercase;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
margin-bottom: 120px;
color: #000;
line-height: 1.3;
}
.box-2 h2 strong {
display: block;
font-size: 55px;
font-weight: 700;
margin-bottom: 40px;
}
@media (max-width: 1200px) {
.box-2 h2 {
font-size: 38px;
margin-bottom: 50px;
}
}
@media (max-width: 768px) {
.box-2 h2 {
font-size: 28px;
}
}
.box-2 p {
width: 100%;
max-width: 920px;
color: #000;
font-size: 36px;
font-family: "Open Sans", sans-serif;
font-weight: 300;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
line-height: 1.3;
}
.box-2 p strong {
display: block;
font-weight: 700;
}
@media (max-width: 1200px) {
.box-2 p {
font-size: 26px;
}
}
@media (max-width: 768px) {
.box-2 p {
font-size: 20px;
}
}
.box-3 .c-row-1 {
display: flex;
flex-direction: row;
-moz-column-gap: 30px;
column-gap: 30px;
justify-content: space-between;
}
.box-3 .c-row-2 {
display: flex;
flex-direction: row;
-moz-column-gap: 30px;
column-gap: 30px;
justify-content: space-between;
}
.box-3 h2 {
color: #000;
font-family: "Open Sans", sans-serif;
font-size: 64px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 60px;
}
@media (max-width: 1200px) {
.box-3 h2 {
font-size: 50px;
}
}
@media (max-width: 768px) {
.box-3 h2 {
font-size: 30px;
margin-bottom: 40px;
}
}
.box-3 ul {
list-style: decimal;
margin-bottom: 50px;
padding-left: 50px;
}
@media (max-width: 768px) {
.box-3 ul {
margin-bottom: 40px;
}
}
.box-3 ul li {
color: #000;
font-family: "Open Sans", sans-serif;
font-size: 36px;
font-weight: 300;
}
.box-3 ul li:not(:last-child) {
margin-bottom: 20px;
}
@media (max-width: 1200px) {
.box-3 ul li {
font-size: 26px;
}
}
@media (max-width: 768px) {
.box-3 ul li {
font-size: 20px;
}
}
.box-3 a {
display: inline-block;
color: #fff;
padding: 20px 40px;
background: #1d1d1b;
font-style: italic;
font-weight: 700;
font-size: 24px;
text-transform: uppercase;
}
@media (max-width: 1200px) {
.box-3 a {
padding: 15px 30px;
}
}
.box-3 p {
color: #000;
font-family: "Open Sans", sans-serif;
font-size: 18px;
text-align: right;
margin-bottom: 0;
}
@media (max-width: 992px) {
.box-3 p {
text-align: left;
font-size: 16px;
}
}
.box-3 .c-row-1 {
padding-bottom: 100px;
margin-bottom: 100px;
border-bottom: 1px solid #000;
}
@media (max-width: 992px) {
.box-3 .c-row-1 {
padding-bottom: 60px;
margin-bottom: 60px;
}
}
.box-3 .c-row-2 {
margin-bottom: 90px;
}
.box-3 .c-row-3 {
padding-top: 10px;
border-top: 1px solid #000;
}
@media (max-width: 992px) {
.box-3 .c-row {
flex-direction: column-reverse;
row-gap: 40px;
}
}
.box-4 {
margin-bottom: 100px;
}
@media (max-width: 992px) {
.box-4 {
margin-bottom: 150px;
}
}
.box-4 h2 {
color: #000;
font-size: 38px;
font-family: "Open Sans", sans-serif;
font-weight: 300;
margin-bottom: 48px;
text-transform: uppercase;
}
.box-4 h2 strong {
display: block;
font-size: 24px;
text-align: center;
font-weight: bold;
}
@media (max-width: 1200px) {
.box-4 h2 {
font-size: 32px;
}
}
.box-4 ul {
list-style: initial;
padding-left: 40px;
}
.box-4 ul li,
.box-4 ol li {
color: #000;
font-size: 20px;
font-family: "Open Sans", sans-serif;
font-weight: 300;
}
.box-4 ul li:not(:last-child),
.box-4 ol li:not(:last-child) {
margin-bottom: 20px;
}
@media (max-width: 1200px) {
.box-4 ul li,
.box-4 ol li {
font-size: 18px;
}
}
.box-4 .c-row {
margin-top: 90px;
padding-top: 90px;
}
.box-4 .c-row:not(:first-child) {
border-top: 1px solid #000;
}
@media (max-width: 992px) {
.box-4 .c-row {
margin-top: 60px;
padding-top: 60px;
}
}/*# sourceMappingURL=promotion-hivernale.css.map */

1
wp-content/themes/hello-elementor/assets/styles/promotion-hivernale.css.map Normal file
View File

@@ -0,0 +1 @@
{"version":3,"sources":["promotion-hivernale.scss","promotion-hivernale.css"],"names":[],"mappings":"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","file":"promotion-hivernale.css"}

293
wp-content/themes/hello-elementor/assets/styles/promotion-hivernale.scss Normal file
View File

@@ -0,0 +1,293 @@
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
$font1: 'Open Sans', sans-serif;
.footer_top_box {
display: none !important;
}
.c-container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
@media (min-width: 1560px) {
max-width: 1560px;
}
@media (min-width: 1200px) and (max-width: 1559.98px) {
max-width: 1140px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
max-width: 960px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
max-width: 720px;
}
@media (min-width: 576px) and (max-width: 767.98px) {
max-width: 540px;
}
@media (max-width: 575.98px) {
max-width: 100%;
}
}
.box-1 {
text-align: center;
margin-bottom: 120px;
img {
width: 100%;
max-width: fit-content;
}
}
.box-2 {
text-align: center;
margin-bottom: 100px;
@media (max-width: 992px) {
margin-bottom: 60px;
}
h2 {
font-size: 48px;
font-family: $font1;
font-weight: 300;
text-transform: uppercase;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
margin-bottom: 120px;
color: #000;
line-height: 1.3;
strong {
display: block;
font-size: 55px;
font-weight: 700;
margin-bottom: 40px;
}
@media (max-width: 1200px) {
font-size: 38px;
margin-bottom: 50px;
}
@media (max-width: 768px) {
font-size: 28px;
}
}
p {
width: 100%;
max-width: 920px;
color: #000;
font-size: 36px;
font-family: $font1;
font-weight: 300;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
line-height: 1.3;
strong {
display: block;
font-weight: 700;
}
@media (max-width: 1200px) {
font-size: 26px;
}
@media (max-width: 768px) {
font-size: 20px;
}
}
}
.box-3 {
.c-row {
&-1 {
display: flex;
flex-direction: row;
column-gap: 30px;
justify-content: space-between;
// margin-bottom: 70px;
}
&-2 {
display: flex;
flex-direction: row;
column-gap: 30px;
justify-content: space-between;
// display: flex;
// flex-direction: row;
// justify-content: flex-end;
// .c-col {
// max-width: 1000px;
// }
}
}
h2 {
color: #000;
font-family: $font1;
font-size: 64px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 60px;
@media (max-width: 1200px) {
font-size: 50px;
}
@media (max-width: 768px) {
font-size: 30px;
margin-bottom: 40px;
}
}
ul {
list-style: decimal;
margin-bottom: 50px;
padding-left: 50px;
@media (max-width: 768px) {
margin-bottom: 40px;
}
li {
color: #000;
font-family: $font1;
font-size: 36px;
font-weight: 300;
&:not(:last-child) {
margin-bottom: 20px;
}
@media (max-width: 1200px) {
font-size: 26px;
}
@media (max-width: 768px) {
font-size: 20px;
}
}
}
a {
display: inline-block;
color: #fff;
padding: 20px 40px;
background: #1d1d1b;
font-style: italic;
font-weight: 700;
font-size: 24px;
text-transform: uppercase;
@media (max-width: 1200px) {
padding: 15px 30px;
}
}
p {
color: #000;
font-family: $font1;
font-size: 18px;
text-align: right;
margin-bottom: 0;
@media (max-width: 992px) {
text-align: left;
font-size: 16px;
}
}
.c-row {
&-1 {
padding-bottom: 100px;
margin-bottom: 100px;
border-bottom: 1px solid #000;
@media (max-width: 992px) {
padding-bottom: 60px;
margin-bottom: 60px;
}
}
&-2 {
margin-bottom: 90px;
}
&-3 {
padding-top: 10px;
border-top: 1px solid #000;
}
@media (max-width: 992px) {
flex-direction: column-reverse;
row-gap: 40px;
}
}
}
.box-4 {
margin-bottom: 100px;
@media (max-width: 992px) {
margin-bottom: 150px;
}
h2 {
color: #000;
font-size: 38px;
font-family: $font1;
font-weight: 300;
margin-bottom: 48px;
text-transform: uppercase;
strong {
display: block;
font-size: 24px;
text-align: center;
font-weight: bold;
}
@media (max-width: 1200px) {
font-size: 32px;
}
}
ul {
list-style: initial;
padding-left: 40px;
}
ul,
ol {
li {
color: #000;
font-size: 20px;
font-family: $font1;
font-weight: 300;
&:not(:last-child) {
margin-bottom: 20px;
}
@media (max-width: 1200px) {
font-size: 18px;
}
}
}
.c-row {
margin-top: 90px;
padding-top: 90px;
&:not(:first-child) {
border-top: 1px solid #000;
}
@media (max-width: 992px) {
margin-top: 60px;
padding-top: 60px;
}
}
}

100
wp-content/themes/hello-elementor/custom-pages/promotion-hivernale.php Normal file
View File

@@ -0,0 +1,100 @@
<link rel="stylesheet" href="/wp-content/themes/hello-elementor/assets/styles/promotion-hivernale.css">
<div id="page-winteraktion">
<div class="content">
<div class="box-1">
<div class="c-row">
<img alt="" src="/wp-content/uploads/2024/12/PZ-podstrona-FR.jpg" />
</div>
</div>
<div class="c-container">
<div class="box-2">
<div class="c-row">
<h2><strong>Promotion hivernale 2024</strong> Remises supplémentaires sur les fenêtres et portes VIDOK</h2>
<p>
Promotion pour : <strong>partenaires commerciaux et clients de gros</strong><br/>
Période de promotion : <strong>du 01 décembre au 31 décembre 2024</strong><br/>
Organisateur de la promotion : <strong>VIDOK Portes et Fenêtres</strong>
</p>
</div>
</div>
<div class="box-3">
<div class="c-row c-row-1">
<div class="c-col c-col-1">
<h2>Dans le cadre de notre promotion hivernale, nous offrons des remises supplémentaires sur les produits suivants:</h2>
<ul>
<li>système VEKA et produits en bois de Pin abouté:<br/>- 5% de remise supplémentaire en cascade</li>
<li>produits en bois méranti:<br/>- 3% de remise supplémentaire Cascade</li>
<li>Produits Deceuninck avec des volets:<br/>- 5% de remise supplémentaire Cascade</li>
</ul>
</div>
<div class="c-col c-col-2">
<a href="/contact">contactez-nous</a>
</div>
</div>
<div class="c-row c-row-3">
<div class="c-col">
<p>ATTENSION : La remise en cascade signifie que la remise de la promotion hivernale 2024 est calculée en plus des autres remises applicables sur les produits en question, selon les conditions présentées par les conseillers VIDOK. Les frais de transport sont calculés séparément.</p>
</div>
</div>
</div>
<div class="box-4">
<div class="c-row">
<div class="c-col">
<h2>Conditions de la promotion</h2>
<ul>
<li>La promotion est uniquement valable sur les produits énumérés ci-dessus.</li>
<li>Les remises sont accordées pour les produits achetés et commandés pendant la période de promotion : du 01 au 31 décembre 2024.</li>
<li>La promotion s'applique aux commandes passées dans nos showrooms et par email auprès d'un conseiller VIDOK.</li>
<li>Les remises supplémentaires en cascade sont calculées sur le prix après prise en compte préalable des autres remises ou ristournes applicables chez VIDOK.</li>
<li>La promotion n'est pas cumulable avec d'autres promotions.</li>
</ul>
</div>
</div>
<div class="c-row">
<div class="c-col">
<h2>Comment profiter de la promotion ?</h2>
<ol>
<li>Choisissez un produit de notre offre qui est couvert par la promotion hivernale: système VEKA et produits en bois de Pin abouté, produits en bois méranti, Produits Deceuninck avec des volets.</li>
<li>Contactez notre conseiller VIDOK</li>
<li>Déterminez les remises applicables à votre produit et profitez ensuite de la remise supplémentaire en cascade de la promotion hivernale.</li>
</ol>
</div>
</div>
<div class="c-row">
<div class="c-col">
<h2><strong>FAQ - Questions fréquemment posées</strong></h2>
<ol>
<li>La promotion hivernale est-elle cumulable avec d'autres remises ?<br/>Oui, la remise offerte est une remise supplémentaire en cascade, calculée après avoir pris en compte les remises applicables aux produits.</li>
<li>La promotion s'applique-t-elle à tous les produits VIDOK ?<br/>Non, la promotion ne s'applique qu'aux produits listés dans l'offre promotion hivernale 2024: système VEKA et produits en bois de Pin abouté, produits en bois méranti, Produits Deceuninck avec des volets.</li>
<li>Quelle est la durée de la promotion ?<br/>La promotion est valable du 01 au 31 novembre 2024.</li>
</ol>
</div>
</div>
<div class="c-row">
<div class="c-col">
<h2>Informations juridiques supplémentaires</h2>
<ul>
<li>L'organisateur se réserve le droit de modifier les conditions de la promotion pour des raisons valables, qui seront annoncées sur le site internet.</li>
<li>Toute information concernant la promotion peut être obtenue en contactant notre service clientèle.</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>

9
wp-content/themes/hello-elementor/functions.php
View File

@@ -290,4 +290,11 @@ function display_black_week_page() {
include get_template_directory() . '/custom-pages/black-week.php';
return ob_get_clean();
}
add_shortcode('page_black_week', 'display_black_week_page');
add_shortcode('page_black_week', 'display_black_week_page');
function display_promotion_hivernale_page() {
ob_start();
include get_template_directory() . '/custom-pages/promotion-hivernale.php';
return ob_get_clean();
}
add_shortcode('page_promotion_hivernale', 'display_promotion_hivernale_page');