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