templates/front/details/detailBook.html.twig line 1

  1. <div id='detail-book'>
  2.     <div class="desktop">
  3.         <div class="description">
  4.             <div class='img_desc_book'>
  5.                 <a><img src="{{ book_path ~ '/' ~ book|imgBookPresentation }}"/></a>
  6.             </div>
  7.             <div class='texte_desc_book'>
  8.                 <div class='element-desc' id="title-contain"><a>{{book.title}}</a></div>
  9.                 <div class="element-desc" id="subtitle-contain">
  10.                     {{book.hover|raw}}
  11.                 </div>
  12.                 <div class="element-desc" id="content-contain">
  13.                     {{ book.description|raw }}
  14.                 </div>
  15.                 <div class="element-desc" id="social-contain">
  16.                     <div id="share"></div>
  17.                 </div>
  18.             </div>
  19.         </div>
  20.         <div class='bannieres'>
  21.             <span><img src="{{ book_path ~ '/' ~ book|imgBookIndex }}"/></span>
  22.             <span><img src="{{ book_path ~ '/' ~ book|imgBookBanniere }}"/></span>
  23.         </div>
  24.         {% if book|imgBookBanniere_2 %}
  25.             <div class='bannieres banniere_2'>
  26.                 <span><img src="{{ book_path ~ '/' ~ book|imgBookBanniere_2 }}"/></span>
  27.             </div>
  28.         {% endif %}
  29.         {% if book|imgBookBanniere_3 %}
  30.             <div class='bannieres banniere_3'>
  31.                 <span><img src="{{ book_path ~ '/' ~ book|imgBookBanniere_3 }}"/></span>
  32.             </div>
  33.         {% endif %}
  34.     </div>
  35.     <div class="responsive">
  36.         <div class="description_responsive">
  37.             <div class='img_desc_book'>
  38.                 <a><img src="{{ book_path ~ '/' ~ book|imgBookPresentation }}" alt=""/></a>
  39.             </div>
  40.             <div class='bannieres'>
  41.                 <span><img src="{{ book_path ~ '/' ~ book|imgBookBanniere }}" alt=""/></span>
  42.             </div>
  43.             <div class='texte_desc_book'>
  44.                 <div class='element-desc' id="title-contain"><a>{{book.title}}</a></div>
  45.                 <div class="element-desc" id="subtitle-contain">
  46.                     {{book.hover|raw}}
  47.                 </div>
  48.                 <div class="element-desc" id="content-contain">
  49.                     {{ book.description|raw }}
  50.                 </div>
  51.                 <div class="element-desc" id="social-contain">
  52.                     <div id="share" class="jssocials">
  53.                         <div class="jssocials-shares">
  54.                             <div class="jssocials-share jssocials-share-facebook">
  55.                                 <a href="{{ share_facebook_path }}" target="_blank" class="jssocials-share-link">
  56.                                     <i class="fa fa-facebook jssocials-share-logo"></i>
  57.                                     <span class="jssocials-share-label">Like</span>
  58.                                 </a>
  59.                             </div>
  60.                             <div class="jssocials-share jssocials-share-email">
  61.                                 <a href="{{ share_twitter_path }}" target="_blank" class="jssocials-share-link">
  62.                                     <i class="fa fa-at jssocials-share-logo"></i>
  63.                                     <span class="jssocials-share-label">E-mail</span>
  64.                                 </a>
  65.                             </div>
  66.                             <div class="jssocials-share jssocials-share-twitter">
  67.                                 <a href="{{ share_twitter_path }}" target="_blank" class="jssocials-share-link">
  68.                                     <i class="fa fa-twitter jssocials-share-logo"></i>
  69.                                     <span class="jssocials-share-label">Tweet</span>
  70.                                 </a>
  71.                             </div>
  72.                         </div>
  73.                     </div>
  74.                 </div>
  75.             </div>
  76.         </div>
  77.     </div>
  78. </div>
  79. <script>
  80.     $("#share").jsSocials({
  81.         shares: ["facebook", "email", "twitter"]
  82.     });
  83. </script>