app/template/default/Block/top_carousel_sp.twig line 1

Open in your IDE?
  1. {% block stylesheet %}
  2.         <style>
  3.             .slick-slide {
  4.                 padding-right: 3px; padding-left: 3px;
  5.             }
  6.             .slick-slide img {
  7.                 border-radius: var(--8px, 8px);
  8.             }
  9.         </style>
  10.     {% endblock %}
  11.     
  12.     {% block javascript %}
  13.         <script>
  14.             
  15.             $(function() {
  17.                 let width = $(window).width();
  18.                 var photo_count = 1;
  19.                 if (width <= 768) {
  20.                 } else if (width <= 1024) {
  21.                     // タブレット
  22.                     photo_count = 2;
  23.                 } else {
  24.                     // PC
  25.                     photo_count = 2;
  26.                 }
  28.                 $('.main_visual').slick({
  29.                     dots: false,
  30.                     autoplay: true,
  31.                     speed: 300,
  32.                     centerMode: true,
  33.                     centerPadding: '7%',
  34.                     arrows: false,
  35.                     infinite: true,
  36.                     swipeToSlide: true,
  37.                     slidesToShow: photo_count
  38.                 });
  40.                 {% set current_domain = app.request.getHost() %}
  42.                 {% set is_prod = 'web-order.shikomel.com' in current_domain %}
  43.                 {% set is_stg = 'web-order-stg.shikomel.com' in current_domain %}
  45.                 // Lineバナークリックイベント
  46.                 {% if is_prod %}
  48.                     $('#line_link_carousel').on('click', function(event) {
  50.                         const currentPageUrl = window.location.href;
  52.                         fbq('trackCustom', 'ce_click_line_btn', {
  53.                             content_type: "ClickLineBtn",
  54.                             content_name: currentPageUrl,
  55.                             value: 50
  56.                         });
  58.                         window.dataLayer.push({
  59.                             event: 'ce_click_line_btn',
  60.                             custom_event_name: 'ce_click_line_btn',
  61.                             custom_page_url: currentPageUrl,
  62.                             custom_customer_id: '',
  63.                             custom_user_agent: $("#user_agent").val(),
  64.                             custom_is_ig: $("#is_ig").val(),
  65.                             custom_is_line: $("#is_line").val(),
  66.                             custom_referer: $("#referer").val(),
  67.                             custom_real_ip: $("#real_ip").val(),
  68.                         });
  70.                         _lt('send', 'cv', {
  71.                             type: 'ce_click_line_btn'
  72.                         },['d6fb195c-aa19-4109-8ea0-7b1d883fb349']);
  73.                         
  74.                     });
  75.                 {% endif %}
  76.             });
  77.         </script>
  78.     {% endblock javascript %}
  79.     
  80.         <div class="ec-sliderRole" style="margin-bottom: 16px; padding: 0px;">
  81.             <hr>
  82.             <div class="main_visual" style="margin-bottom: 12px; margin-top: 12px;">
  83.                 {# 開業直前事業者向けLP誘導 #}
  84.                 <div class="item slick-slide" style="">
  85.                     <a href="./user_data/new_open_resto_lp" alt="開業直前でも安心仕込みゼロの売れる食材たち">
  86.                         <img src="{{ asset('assets/img/top_carousel_banner/top_carousel_banner_open.jpg', 'user_data') }}">
  87.                     </a>
  88.                 </div>
  89.                 {# LINE未連携の場合、LINE連携誘導 #}
  90.                 {% if not isLineLinked %}
  91.                     <div class="item slick-slide" style="">
  92.                         <a href="./plugin_line_login" alt="LINE連携での会員登録で必ずもらえる3000円引きクーポン" id="line_link_carousel">
  93.                             <img src="{{ asset('assets/img/top_carousel_banner/top_carousel_banner_line.jpg', 'user_data') }}">
  94.                         </a>
  95.                     </div>
  96.                 {% endif %}
  97.                 {# ジビエLP誘導 #}
  98.                 <div class="item slick-slide" style="">
  99.                     <a href="./user_data/gibier_lp" alt="珍しいジビエ肉で客単価アップ">
  100.                         <img src="{{ asset('assets/img/top_carousel_banner/top_carousel_banner_gibier.png', 'user_data') }}">
  101.                     </a>
  102.                 </div>
  103.                 {# スポットLP誘導 #}
  104.                 <div class="item slick-slide" style="">
  105.                     <a href="./user_data/spot_menu_lp" alt="そのまま提供するだけ即戦力メニュー">
  106.                         <img src="{{ asset('assets/img/top_carousel_banner/top_carousel_banner_spot.jpg', 'user_data') }}">
  107.                     </a>
  108.                 </div>
  109.                 {# ランチLP誘導 #}
  110.                 <div class="item slick-slide" style="">
  111.                     <a href="./user_data/oneope_lunch_lp" alt="仕込み時間短縮で月30万円の売り上げUP">
  112.                         <img src="{{ asset('assets/img/top_carousel_banner/top_carousel_banner_lunch.jpg', 'user_data') }}">
  113.                     </a>
  114.                 </div>
  115.                 {# デザートLP誘導 #}
  116.                 {#<div class="item slick-slide" style="">#}
  117.                 {#    <a href="./user_data/dessert_lp" alt="カフェ営業に最適テリーヌとチーズケーキ">#}
  118.                 {#        <img src="{{ asset('assets/img/top_carousel_banner/top_carousel_banner_dessert.jpg', 'user_data') }}">#}
  119.                 {#    </a>#}
  120.                 {#</div>#}
  121.                 {# 一次加工LP誘導 #}
  122.                 <div class="item slick-slide" style="">
  123.                     <a href="./user_data/original_menu_lp" alt="こだわりの逸品で最高のおもてなしを">
  124.                         <img src="{{ asset('assets/img/top_carousel_banner/top_carousel_banner_ingredient_1.png', 'user_data') }}">
  125.                     </a>
  126.                 </div>
  127.                 {# 友達紹介キャンペーン #}
  128.                 <div class="item slick-slide" style="height: 100px;">
  129.                     <a href="./refer_friend_lp" alt="友達紹介で1000円もらえる">
  130.                         <img src="{{ asset('assets/img/common/referrer_banner_max5000.webp', 'user_data') }}">
  131.                     </a>
  132.                 </div>
  133.             </div>
  134.         </div>