- Update accordeon video/picture

This commit is contained in:
Vincent BRIDIER 2020-06-19 15:25:43 +02:00
parent 77612580da
commit d64039a0e7
3 changed files with 85 additions and 65 deletions

View file

@ -1,7 +1,7 @@
<?php
if(empty($videos_accordeon)) {
$videos_accordeon = get_field('videos_accordeon');
}
if(empty($videos_accordeon)) {
$videos_accordeon = get_field('videos_accordeon');
}
?>
<?php if(!empty($videos_accordeon)) : ?>
@ -15,13 +15,21 @@
<div class="accordeon-item__videos-list videos-list">
<?php foreach($v['list'] as $l) : ?>
<div class="video">
<div class="video__wrap">
<div class="play-button"></div>
<?php echo $l['file']; ?>
<?php if ($l['type'] === 'picture'): ?>
<div class="picture">
<img src="<?= $l['file_img']; ?>" alt="LDC - <?php echo $l['title'] ?>">
<div class="picture__title"><?php echo $l['title'] ?></div>
</div>
<div class="video__title"><?php echo $l['title'] ?></div>
</div>
<?php else: ?>
<div class="video">
<div class="video__wrap">
<div class="play-button"></div>
<?php echo $l['file']; ?>
</div>
<div class="video__title"><?php echo $l['title'] ?></div>
</div>
<?php endif; ?>
<?php endforeach; ?>
</div>
<?php endif; ?>

View file

@ -152,7 +152,7 @@ iframe {
padding-bottom: 50px;
}
.wrapper {
.wrapper {
width: 1310px;
padding: 0 20px;
margin: 0 auto;
@ -169,7 +169,7 @@ iframe {
.title {
display: block;
margin-bottom: 90px;
margin-bottom: 90px;
}
.title-text {
@ -408,7 +408,7 @@ select.form__input_notinput option {
}
select.form__input_notinput option:disabled {
color: #ff4e4e;
color: #ff4e4e;
}
textarea.form__input {
@ -513,7 +513,7 @@ textarea::placeholder {
padding-right: 60px;
background-color: transparent;
}
/*
/*
.form__field_flex .wpcf7-form-control-wrap {
width: auto;
} */
@ -534,7 +534,7 @@ span.wpcf7-list-item {
}
.wpcf7-not-valid .wpcf7-list-item-label::before {
border-color: #ff4e4e;
border-color: #ff4e4e;
}
form .wpcf7-not-valid-tip {
@ -693,7 +693,7 @@ textarea:focus {
margin: 0 -20px 5px;
}
.video {
.video, .picture {
width: 410px;
margin: 0 20px 30px;
position: relative;
@ -703,6 +703,11 @@ textarea:focus {
position: relative;
}
.picture img {
width: 100%;
height: 242px;
}
.video iframe {
display: block;
width: 410px;
@ -710,7 +715,7 @@ textarea:focus {
max-width: 100%;
}
.video__title {
.video__title, .picture__title {
padding-top: 20px;
font-weight: 600;
font-size: 18px;
@ -718,7 +723,7 @@ textarea:focus {
}
.video:hover .video__title {
.video:hover .video__title, .picture:hover .picture__title {
color: #ff4e4e;
}
@ -908,7 +913,7 @@ textarea:focus {
background-position-x: right !important;
width: 33px;
height: 14px;
margin-left: auto;
margin-left: auto;
padding-left: 15px;
position: relative;
top: 2px;
@ -925,7 +930,7 @@ textarea:focus {
/* background-image: url(./img/btn__icon_dl.png);*/
width: 20px;
height: 20px;
margin-left: 15px;
margin-left: 15px;
top: 1px;
}
@ -954,7 +959,7 @@ body > div.page-respect > div.textblock.fw.fw-container.textblock_bg.toghether-f
background-image: url(./img/btn__icon_eye.png);
width: 24px;
height: 14px;
margin-left: 15px;
margin-left: 15px;
top: 1px;
}
@ -1044,7 +1049,7 @@ body > div.page-respect > div.textblock.fw.fw-container.textblock_bg.toghether-f
.top-menu__list {
display: flex;
align-items: center;
justify-content: flex-end;
justify-content: flex-end;
}
.top-menu__list li {
@ -1092,7 +1097,7 @@ body > div.page-respect > div.textblock.fw.fw-container.textblock_bg.toghether-f
overflow: hidden;
z-index: 2;
backface-visibility: hidden;
/* width: 100%;
/* width: 100%;
height: 100%; */
}
@ -1142,7 +1147,7 @@ max-height: 100%; */
.image-border_top svg,
.image-border_bottom svg {
min-width: 1300px;
min-width: 1300px;
width: 100%;
max-height: 15.5px;
position: absolute;
@ -1236,7 +1241,7 @@ max-height: 100%; */
.nav li {
display: block;
font-weight: 500;
font-size: 16px;
font-size: 16px;
margin: 0 15px;
}
@ -1272,7 +1277,7 @@ max-height: 100%; */
.nav>li:hover .sub-menu {
opacity: 1;
transform: scaleY(1);
transform: scaleY(1);
}
.nav>li>.sub-menu li,
@ -1326,7 +1331,7 @@ max-height: 100%; */
}
.nav>li>.sub-menu li.link-title:hover > a {
color: #666666;
color: #666666;
cursor: default;
}
@ -1623,8 +1628,8 @@ a.copyright__item:hover {
.hero__block-subtitle {
font-size: 30px;
font-family: 'Satisfy';
line-height: 1.5;
font-family: 'Satisfy';
line-height: 1.5;
}
.hero__block-text {
@ -1709,7 +1714,7 @@ a.copyright__item:hover {
object-fit: cover;
width: 100%;
height: 100%;
object-position: center;
object-position: center;
}
/* hero static START */
@ -1734,7 +1739,7 @@ a.copyright__item:hover {
.hero-static__slider {
width: 100%;
height: 100%;
height: 100%;
}
@ -2065,7 +2070,7 @@ a.copyright__item:hover {
border-bottom: 1px solid #333333;
text-decoration: underline;
font-weight: 500;
font-size: 22px;
font-size: 22px;
}
.list-item-doc:hover {
@ -2085,7 +2090,7 @@ a.copyright__item:hover {
font-size: 20px;
}
/* .list-item-presentation {
padding: 0 15px;
padding: 0 15px;
}
*/
/* list items END */
@ -2221,7 +2226,7 @@ a.copyright__item:hover {
}
.active-filters__item_finance {
background: #3178ed;
background: #3178ed;
}
.active-filters__item_salons {
@ -2457,7 +2462,7 @@ a.copyright__item:hover {
}
.brands-icons-list__arrow_next i {
transform: rotate(45deg);
transform: rotate(45deg);
}
.brands-icons-list__arrow_disabled {
@ -2777,11 +2782,11 @@ a.copyright__item:hover {
}
.brand::before {
display: block;
content: " ";
margin-top: -70px;
height: 70px;
visibility: hidden;
display: block;
content: " ";
margin-top: -70px;
height: 70px;
visibility: hidden;
pointer-events: none;
}
@ -2793,8 +2798,8 @@ a.copyright__item:hover {
padding: 50px;
padding-top: 10px;
background: #fff;
box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
overflow: hidden;
box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
overflow: hidden;
}
.brand__info,
@ -2870,7 +2875,7 @@ a.copyright__item:hover {
.page-press .wpcf7-form {
box-sizing: border-box;
padding: 60px 110px 45px;
box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
padding-left: 8.5%;
padding-right: 8.5%;
background: #fff;
@ -2904,7 +2909,7 @@ div.search-results {
display: block;
box-sizing: border-box;
padding: 30px;
box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
margin-bottom: 30px;
}
@ -2960,16 +2965,16 @@ body .pgntn-page-pagination-block .page-numbers {
body .pgntn-page-pagination-block .page-numbers.next,
body .pgntn-page-pagination-block .page-numbers.prev {
width: auto;
padding: 0 30px;
padding: 0 30px;
border-color: #ff4e4e;
background: #ff4e4e;
color: #fff;
background: #ff4e4e;
color: #fff;
}
body .pgntn-page-pagination-block .page-numbers.current {
border-color: #ff4e4e;
background: #ff4e4e;
background: #ff4e4e;
color: #fff;
}
@ -3138,7 +3143,7 @@ body .pgntn-page-pagination-block .page-numbers.current {
.store-card-item__percents {
display: flex;
align-items: center;
justify-content: center;
justify-content: center;
background: url(./img/store-card-item__percents.jpg);
background-size: 100% 100%;
}
@ -3147,7 +3152,7 @@ body .pgntn-page-pagination-block .page-numbers.current {
flex: 1;
box-sizing: border-box;
padding: 22px 12px;
text-align: center;
text-align: center;
font-size: 15px;
color: #fff;
}
@ -3251,7 +3256,7 @@ body .pgntn-page-pagination-block .page-numbers.current {
}
.accordeon-item__title:hover {
color: #ff4e4e;
color: #ff4e4e;
text-decoration: underline;
}
@ -3270,14 +3275,14 @@ body .pgntn-page-pagination-block .page-numbers.current {
.accordeon-item.active .accordeon-item__title {
color: #ff4e4e;
color: #ff4e4e;
border-color: #ff4e4e;
}
.accordeon-item.active .accordeon-item__title::after {
transform: rotate(-45deg);
color: #ff4e4e;
color: #ff4e4e;
margin-top: 10px;
}
@ -3787,7 +3792,7 @@ body .pgntn-page-pagination-block .page-numbers.current {
}
.events-cities__item-name {
font-weight: 700;
font-weight: 700;
color: #222222;
text-transform: uppercase;
}
@ -3992,9 +3997,9 @@ body .pgntn-page-pagination-block .page-numbers.current {
justify-content: center;
}
.offer-form input[type="text"],
.offer-form input[type="email"],
.offer-form textarea,
.offer-form input[type="text"],
.offer-form input[type="email"],
.offer-form textarea,
.offer-form select {
font-size: 12px;
font-weight: 500;
@ -4260,7 +4265,7 @@ body .pgntn-page-pagination-block .page-numbers.current {
overflow: hidden;
transition: 0.5s;
}
.open
.open
.geographic-checkboxes-list {
padding: 20px 20px 20px;
height: 300px;
@ -4390,7 +4395,7 @@ body .pgntn-page-pagination-block .page-numbers.current {
border-left-color: transparent;
border-bottom-color: transparent;
transform: rotate(-135deg);
margin-left: auto;
margin-left: auto;
}
.mobile-menu__level {
@ -4464,14 +4469,14 @@ div.wpcf7 .ajax-loader::before {
}
.anchor-block::before {
display: block;
content: " ";
margin-top: -70px;
height: 70px;
visibility: hidden;
display: block;
content: " ";
margin-top: -70px;
height: 70px;
visibility: hidden;
pointer-events: none;
}
.swiper-wrapper {
transition-duration: 0ms !important;
}
}

View file

@ -24,7 +24,7 @@ Dotenv\Dotenv::createImmutable(__DIR__)->load();
define('ENV_LOCAL', 'local');
define('ENV_DEV', 'development');
define('ENV_PROD', 'production');
define('ENV', getenv('ENV'));
define('ENV', getenv('ENVIRONMENT'));
/** production **/
if (ENV === ENV_PROD) {
@ -42,6 +42,13 @@ if (ENV === ENV_PROD) {
define( 'DISALLOW_FILE_EDIT', true );
}
/** development **/
if (ENV === ENV_DEV) {
if (isset($_SERVER["HTTP_X_FORWARDED_PROTO"]) && "https" == $_SERVER["HTTP_X_FORWARDED_PROTO"]) {
$_SERVER["HTTPS"] = "on";
}
}
// ** MySQL settings - You can get this info from your web host ** //
/** The name of the database for WordPress */
define('DB_NAME', getenv('DB_NAME'));