custom/plugins/BettenABC/src/Resources/views/theme/page/product-detail/buttons/share.html.twig line 1

Open in your IDE?
  1. {#
  2. # Project:      www.betten-abc.de
  3. # Company:      arboro GmbH
  4. # Created by:   Daniel Geike
  5. # Created on:   01.09.22
  6. # Description:
  7. #}
  9. {% block page_product_detail_button_share %}
  10.     {# get meta title from meta title block and trim white-space #}
  11.     {% set metaTitle = block("layout_head_title_inner", "@Storefront/storefront/page/product-detail/meta.html.twig")|trim %}
  13.     {# get meta description and trim white-space #}
  14.     {% set metaDescription = page.metaInformation.metaDescription|trim|replace({
  15.         "\t": ""
  16.     }) %}
  18.     {# get page URL #}
  19.     {% set pageURL = seoUrl('frontend.detail.page', {
  20.         productId: page.product.id
  21.     }) %}
  23.     {# get media ID of first media item #}
  24.     {% set imageURL = page.product.media.first.media.url %}
  26.     {% set shareOptions = {
  27.         name: metaTitle,
  28.         description: metaDescription,
  29.         url: pageURL,
  30.         imageUrl: imageURL
  31.     } %}
  33.     <button type="button" class="btn product-detail-button product-detail-button-share" data-share="true" data-share-options="{{ shareOptions|json_encode }}">
  34.         {% sw_icon "share" %}
  35.         {{ "detail.buttons.share.label"|trans }}
  36.     </button>
  38.     {% block page_product_detail_button_share_facebook %}
  39.         {% set locale = app.request.attributes.get("_locale")|replace({
  40.             "-": "_"
  41.         }) %}
  43.         <!-- Load Facebook SDK for JavaScript -->
  44.         <div id="fb-root"></div>
  45.         <script>( function( d, s, id ) {
  46.                 var js, fjs = d.getElementsByTagName( s )[ 0 ];
  47.                 if ( d.getElementById( id ) ) return;
  48.                 js = d.createElement( s );
  49.                 js.id = id;
  50.                 js.src = 'https://connect.facebook.net/{{ locale }}/sdk.js#xfbml=1&version=v3.0';
  51.                 fjs.parentNode.insertBefore( js, fjs );
  52.             }( document, 'script', 'facebook-jssdk' ) );
  53.         </script>
  55.         <!-- Your share button code -->
  56.         <div class="fb-share-button"
  57.              data-href="{{ pageURL }}"
  58.              data-layout="button"
  59.         >
  60.         </div>
  61.     {% endblock %}
  62. {% endblock %}