sysadminix/tripwithbonus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1.8.8 p_mover_landing_page.html media_items

Browse Source
This commit is contained in:
SDE
2024-11-18 15:38:28 +03:00
parent 6e2c54eccf
commit 54fbc3f4b2
1 changed files with 104 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

202
templates/pages/p_mover_landing_page.html
View File

@@ -125,106 +125,112 @@
<section class="chatterbox">
<div class="title">{% translate "Что о нас говорят люди" %}</div>
<div class="chatterbox__slider slick-slider">
{# {% for media_item in page.get_media_items %}#}
{# <div class="slick-slide">#}
{# <div class="chatterbox__slide">#}
{# <div class="chatterbox__vbtn"></div>#}
{# <div class="chatterbox__wrap">#}
{# <div class="chatterbox__vbox">#}
{##}
{# <video data-src="{{ MEDIA_URL }}{{ media_item.video }}" autoplay></video>#}
{# </div>#}
{# </div>#}
{# </div>#}
{# </div>#}
{# {% endfor %}#}
<div class="slick-slide">
<div class="chatterbox__slide">
<div class="chatterbox__vbtn"></div>
<div class="chatterbox__wrap">
<div class="chatterbox__vbox">
<img src="/media/media_items/image/ava1.jpg" alt="user" class="chatterbox__poster">
<video
data-src="/media/media_items/video/1.mp4"
poster="/media/media_items/image/ava1.jpg"
controls
autoplay
></video>
{% for media_item in page.get_media_items %}
<div class="slick-slide">
<div class="chatterbox__slide">
<div class="chatterbox__vbtn"></div>
<div class="chatterbox__wrap">
<div class="chatterbox__vbox">
<img src="{{ MEDIA_URL }}{{ media_item.picture }}" alt="user" class="chatterbox__poster">
<video
data-src="{{ MEDIA_URL }}{{ media_item.video }}"
poster="{{ MEDIA_URL }}{{ media_item.picture }}"
controls
autoplay
></video>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="slick-slide">
<div class="chatterbox__slide">
<div class="chatterbox__vbtn"></div>
<div class="chatterbox__wrap">
<div class="chatterbox__vbox">
<img src="/media/media_items/image/ava2.jpg" alt="user" class="chatterbox__poster">
<video
data-src="/media/media_items/video/2.mp4"
poster="/media/media_items/image/ava2.jpg"
controls
autoplay
></video>
</div>
</div>
</div>
</div>
<div class="slick-slide">
<div class="chatterbox__slide">
<div class="chatterbox__vbtn"></div>
<div class="chatterbox__wrap">
<div class="chatterbox__vbox">
<img src="/media/media_items/image/ava3.jpg" alt="user" class="chatterbox__poster">
<video
data-src="/media/media_items/video/3.mp4"
poster="/media/media_items/image/ava3.jpg"
controls
autoplay
>
</video>
</div>
</div>
</div>
</div>
<div class="slick-slide">
<div class="chatterbox__slide">
<div class="chatterbox__vbtn"></div>
<div class="chatterbox__wrap">
<div class="chatterbox__vbox">
<img src="/media/media_items/image/ava1.jpg" alt="user" class="chatterbox__poster">
<video
data-src="/media/media_items/video/4.mp4"
poster="/media/media_items/image/ava1.jpg"
controls
autoplay
>
</video>
</div>
</div>
</div>
</div>
<div class="slick-slide">
<div class="chatterbox__slide">
<div class="chatterbox__vbtn"></div>
<div class="chatterbox__wrap">
<div class="chatterbox__vbox">
<img src="/media/media_items/image/ava2.jpg" alt="user" class="chatterbox__poster">
<video
data-src="/media/media_items/video/5.mp4"
poster="/media/media_items/image/ava2.jpg"
controls
autoplay
>
</video>
</div>
</div>
</div>
</div>
{% endfor %}
{# <div class="slick-slide">#}
{# <div class="chatterbox__slide">#}
{# <div class="chatterbox__vbtn"></div>#}
{# <div class="chatterbox__wrap">#}
{# <div class="chatterbox__vbox">#}
{# <img src="/media/media_items/image/ava1.jpg" alt="user" class="chatterbox__poster">#}
{# <video#}
{# data-src="/media/media_items/video/1.mp4"#}
{# poster="/media/media_items/image/ava1.jpg"#}
{# controls#}
{# autoplay#}
{# ></video>#}
{# </div>#}
{# </div>#}
{# </div>#}
{##}
{# </div>#}
{# <div class="slick-slide">#}
{# <div class="chatterbox__slide">#}
{# <div class="chatterbox__vbtn"></div>#}
{# <div class="chatterbox__wrap">#}
{# <div class="chatterbox__vbox">#}
{# <img src="/media/media_items/image/ava2.jpg" alt="user" class="chatterbox__poster">#}
{# <video#}
{# data-src="/media/media_items/video/2.mp4"#}
{# poster="/media/media_items/image/ava2.jpg"#}
{# controls#}
{# autoplay#}
{# ></video>#}
{# </div>#}
{# </div>#}
{# </div>#}
{# </div>#}
{# <div class="slick-slide">#}
{# <div class="chatterbox__slide">#}
{# <div class="chatterbox__vbtn"></div>#}
{# <div class="chatterbox__wrap">#}
{# <div class="chatterbox__vbox">#}
{# <img src="/media/media_items/image/ava3.jpg" alt="user" class="chatterbox__poster">#}
{# <video#}
{# data-src="/media/media_items/video/3.mp4"#}
{# poster="/media/media_items/image/ava3.jpg"#}
{# controls#}
{# autoplay#}
{# >#}
{# </video>#}
{# </div>#}
{# </div>#}
{# </div>#}
{##}
{# </div>#}
{# <div class="slick-slide">#}
{# <div class="chatterbox__slide">#}
{# <div class="chatterbox__vbtn"></div>#}
{# <div class="chatterbox__wrap">#}
{# <div class="chatterbox__vbox">#}
{# <img src="/media/media_items/image/ava1.jpg" alt="user" class="chatterbox__poster">#}
{# <video#}
{# data-src="/media/media_items/video/4.mp4"#}
{# poster="/media/media_items/image/ava1.jpg"#}
{# controls#}
{# autoplay#}
{# >#}
{# </video>#}
{# </div>#}
{# </div>#}
{# </div>#}
{# </div>#}
{# <div class="slick-slide">#}
{# <div class="chatterbox__slide">#}
{# <div class="chatterbox__vbtn"></div>#}
{# <div class="chatterbox__wrap">#}
{# <div class="chatterbox__vbox">#}
{# <img src="/media/media_items/image/ava2.jpg" alt="user" class="chatterbox__poster">#}
{# <video#}
{# data-src="/media/media_items/video/5.mp4"#}
{# poster="/media/media_items/image/ava2.jpg"#}
{# controls#}
{# autoplay#}
{# >#}
{# </video>#}
{# </div>#}
{# </div>#}
{##}
{##}
{# </div>#}
{# </div>#}
</div>
<script type="text/javascript">
$(document).ready(function () {