templates/Default/sections/main.html.twig line 1

Open in your IDE?
  1. <section class="section_main">
  2.     <div class="wrapper_innerpage">
  3.         <div class="title16 section_main_smalltitle">{{pimcore_input('main_small_title', {'placeholder':'Enter here'})}}</div>
  4.         <div class="section_main_content">
  5.             <div class="section_main_content_left">
  6.                 <h1>{{ pimcore_input('main_heading', {placeholder:'Enter here'} ) }}</h1>
  7.                 {%if(editmode == false)%}
  8.                     {% set video = pimcore_relation("main_video").getElement() %}
  9.                     {%if(video)%}
  10.                         {% set video_thumbnail = pimcore_relation("main_video_thumbnail").getElement() %}
  11.                         {% set thumbnailUrl = getAssetTwigHelper().getCloudfrontUrl(video_thumbnail)%}
  12.                         {% set videoUrl = getAssetTwigHelper().getCloudfrontUrl(video)%}
  13.                         <a data-allow_play="1" data-video_url="{{videoUrl}}" data-video_type="{{video.mimetype}}" data-poster="{{thumbnailUrl}}"  class="section_main_video_mobile videoopener" href="#">PLAY</a>
  14.                     {% endif %}
  15.                 {% endif %}
  16.                 <div class="section_main_content_left_buttons">
  17.                     <a class="button button_red" href="#" data-toggle="modal" data-target="#guideStep">SIGN UP RIGHT NOW</a>
  18.                     <a class="button button_transparent_t" href="#pricingsection">PRICING</a></div>
  19.             </div>
  20.             <div class="section_main_content_right">
  21.                 {%if(editmode)%}
  22.                     <div class="section_main_video">
  23.                         <div class="section_main_video_text">
  24.                             <div class="title16">{{pimcore_input('main_video_title', {'placeholder':'Enter here'})}}</div>
  25.                             <div>Drag a video here</div>
  26.                             {{pimcore_relation("main_video", {width:"200px",types:["asset"]}  )}}
  27.                             <div>Drag a video thumbnail here</div>
  28.                             {{pimcore_relation("main_video_thumbnail", {width:"200px",types:["asset"]}  )}}
  29.                         </div>
  30.                     </div>
  31.                 {%else%}
  32.                     {% set video = pimcore_relation("main_video").getElement() %}
  33.                     {%if(video)%}
  34.                         {% set video_thumbnail = pimcore_relation("main_video_thumbnail").getElement() %}
  36.                         {% set thumbnailUrl = getAssetTwigHelper().getCloudfrontUrl(video_thumbnail)%}
  37.                         {% set videoUrl = getAssetTwigHelper().getCloudfrontUrl(video)%}
  38.                         <div class="section_main_video">
  39.                             <div class="section_main_video_preview" style="background-image: url({{thumbnailUrl}})"><a class="section_main_video_play" href="#"></a></div>
  40.                             <div class="section_main_video_text">
  41.                                 <div class="title16">{{pimcore_input('main_video_title', {'placeholder':'Enter here'})}}</div>
  42.                                 <a data-allow_play="1" data-video_url="{{videoUrl}}" data-video_type="{{video.mimetype}}" data-poster="{{thumbnailUrl}}"  class="section_main_video_playbutton" href="#">PLAY</a>
  43.                             </div>
  44.                         </div>
  45.                     {%endif%}
  46.                 {%endif%}
  48.             </div>
  49.         </div>
  50.         <div class="section_main_botton">
  51.             <div class="followus">
  52.                 <div class="title16">follow us</div>
  53.                 <ul>
  54.                     {{include('Elements/social-links.html.twig')}}
  55.                 </ul>
  56.             </div><a class="scrolldown title16" href="#"><span>SCROLL DOWN</span><i></i></a>
  57.         </div>
  58.     </div>
  59. </section>