app/template/default/Block/Sp/Item/lm_item_share_btn.twig line 1

Open in your IDE?
  1. <script>
  2.     $(function () {
  3.         // facebook
  4.         $('a.share_button.facebook').on('click' , function(e) {
  5.             var uri = encodeURI('http://www.facebook.com/share.php?u=' + location.href);
  6.             window.open(uri, 'facebookwindow', 'width=550, height=450,personalbar=0,toolbar=0,scrollbars=1,resizable=1');
  7.         });
  9.         // twitter
  10.         $('a.share_button.twitter').on('click' , function(e) {
  11.             var uri = encodeURI('http://twitter.com/share?url=' + location.href + '&text=' + document.title);
  12.             window.open(uri, 'twitterwindow', 'width=550, height=450,personalbar=0,toolbar=0,scrollbars=1,resizable=1');
  13.         });
  15.         // LINE
  16.         $('a.share_button.line').on('click' , function(e) {
  17.             var uri = encodeURI('https://timeline.line.me/social-plugin/share?url=' + location.href);
  18.             window.open(uri, 'linewindow', 'width=550, height=450,personalbar=0,toolbar=0,scrollbars=1,resizable=1');
  19.         });
  20.     });
  21. </script>
  22. <style>
  23.     .share_button {
  24.         font-size: 6.0rem;
  25.     }
  26.     .share_button.line {
  27.         color: #00b300;
  28.     }
  29.     .share_button.twitter {
  30.         color: #1c9ceb;
  31.     }
  32.     .share_button.facebook {
  33.         color: #395693;
  34.     }
  35. </style>
  36. <div style="margin-bottom: 20px;" id="share_buttons">
  37.     <!-- LINEで送る -->
  38.     <a class="share_button line"><i class="fab fa-line"></i></a>
  39.     <!-- Facebook -->
  40.     <a class="share_button facebook"><i class="fab fa-facebook-square"></i></a>
  41.     <!-- Twitter -->
  42.     <a class="share_button twitter"><i class="fab fa-twitter-square"></i></a>
  43. </div>