templates/areas/our-culinary-champions/view.html.twig line 1

Open in your IDE?
  1. <!--Start Info Media-->
  2. <section class="info-media info-media-video homeTuna home-Culinary-Champions position-bg-img newCullinarySection" id="view">
  3.     <div class="container container-sm">
  4.         <div class="info-section">
  6.             <h4>{{ pimcore_input('heading1', {placeholder:"Heading first"}) }}</h4>
  7.             <h3>{{ pimcore_input('heading2', {placeholder:"Heading second"}) }}</h3>
  8.             {{  pimcore_wysiwyg("decription", {
  9.                              placeholder:"Section description here.."
  10.                         }) 
  11.                     }}
  12.             <div class="btn-holder">
  13.                 {% if editmode %}
  14.                     {{ pimcore_link("community_link", {
  15.                         text: 'Watch Videos',
  16.                         class: 'btn btn-custom  btn-green show-modal'
  17.                     }) }}
  18.                 {% else %}
  19.                     {% set communityLink = pimcore_link("community_link") %}
  20.                     <a href="{{ communityLink.getHref() }}" class="btn btn-custom  btn-green show-modal {{communityLink.getClass()}}">
  21.                     <i class="fas fa-play-circle"></i>
  22.                     {{communityLink.getText()}}
  23.                 </a> 
  24.                 {% endif %}
  26.             </div>
  27.         </div>
  28.         <div class="media-section media-section-01 shadow-none">
  29.             {# IMGAES WILL BE HERRE  #}
  30.                 <div class="cullinary-image-box"> <div class="cullinary-image-box-item childone">
  31.                     <img src="/static/assets/images/cheftales.png" class="img-fluid min-img" alt="img"/>
  32.                 
  34.                 </div>
  35.                 <div class="cullinary-image-box-item">
  36.                     
  37.                     <img src="/static/assets/images/trts.png" class="img-fluid min-img min-img-2" alt="img"/>
  38.                 </div>
  39.             </div>
  42.             {# IMGAES WILL BE HERRE  #}
  43.         </div>
  44.     </div>
  45.     {% include "layout/baseimage.html.twig" %}
  46. </section>
  47. <!--End Info Media-->
  49. <!-- Start video modal -->
  50. <!--<div style="display:none" class="modal fade video-modal show" id="recipevideomodal" tabindex="-1" role="dialog" aria-labelledby="recipevideomodal" data-backdrop="static" style="padding-right: 17px; display: block;" aria-modal="true">
  51.     <div class="modal-dialog modal-dialog-centered" role="document">
  52.         <div class="modal-content">
  53.             <div class="video-modal-box">
  54.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  55.                     <span aria-hidden="true">×</span>
  56.                 </button>
  57.                 <div class="video-modal-box-media">
  58.                     <figure
  59.                         class="video-modal-box-media-figure">
  60.                         {# <video poster="/recipes_images/Recipe_Video_images/Goody_4_Mussles_Final_2.jpg" controls="" playsinline="" preload="auto" loop="false" controlslist="nodownload" id="videoId" draggable="true">
  61.                                                             <source src="/Recipes_Videos/long/Goody_4_Mussles_Final_2.mp4" type="video/mp4">
  62.                                                             Your browser does not support the video tag.
  63.                                                         </video> #}
  64.                         {% if not editmode %}
  65.                             {{ pimcore_video('Full_video' , {
  66.                                          width: 'auto',
  67.                                          height: 'auto',
  68.                                         attributes: {
  69.                                             'id': 'videoId',
  70.                                         
  71.                                         }
  72.                                     }) 
  73.                                     }}
  74.                         {% endif %}
  75.                     </figure>
  76.                 </div>
  77.             </div>
  78.         </div>
  79.     </div>
  80. </div>-->
  81. <!-- End video modal -->
  84. <script>
  85.     // Recipe Detaisl Page Video Modal paly and pause start
  87. //$('#recipevideomodal').on('shown.bs.modal', function () {
  88. //$('#videoId')[0].play();
  89. //})
  90. //$('#recipevideomodal').on('hidden.bs.modal', function () {
  91. //$('#videoId')[0].pause();
  92. //})
  93. // Recipe Detaisl Page Video Modal paly and pause End
  94. //$(document).ready(function () {
  95. //$(".show-modal").click(function () {
  96. //$("#recipevideomodal").modal('show');
  97. //});
  98. //});
  100. </script>