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

Open in your IDE?
  1. {% block stylesheet %}
  2.     <style>
  4.     {# メニュー例のスライド #}
  5.     .main_carousel {
  6.         margin-bottom: 32px; width: 100%; max-width: 400px; padding: 0px;
  7.     }
  8.     
  9.     .main_carousel .slick-list {
  10.         padding: 0px !important;
  11.         padding-right: 21% !important;
  12.     }
  14.     .main_carousel .item {
  15.         width: 268px !important;
  16.         margin-right: 28px;
  17.     }
  19.     </style>
  21. {% endblock %}
  22.  
  23. {% block javascript %}
  24.     <script>
  25.         
  26.         $(function() {
  28.             {% set current_domain = app.request.getHost() %}
  30.             {% set is_prod = 'web-order.shikomel.com' in current_domain %}
  31.             {% set is_stg = 'web-order-stg.shikomel.com' in current_domain %}
  33.             // 事例から探すスクロール
  34.             $('.main_carousel').slick({
  35.                 dots: false,
  36.                 autoplay: false,
  37.                 centerMode: false,
  38.                 centerPadding: '0px',
  39.                 arrows: false,
  40.                 infinite: true,
  41.                 slidesToShow: 1,
  42.                 variableWidth: true,
  43.                 swipeToSlide: true
  44.             });
  45.             
  46.         });
  47.     </script>
  48. {% endblock javascript %}
  50. <div>
  51.     {# 事例から探すスクロール #}
  52.     <section style="margin: 0px; padding-left: 0px; padding-bottom: 64px; background-color: #F7F7F7;">
  54.         {# 事例から探す #}
  55.         <div class="" style="margin-left: 16px; margin-bottom:32px; padding-top: 56px;">
  56.             <img src="{{ asset('assets/img/top_page/text_2.png', 'user_data') }}" alt="事例から探す" style="width: 100%;">    
  57.         </div>
  58.         <div class="main_carousel" style="margin-bottom:40px; padding-left: 16px;">
  59.             <div class="item slick-slide" style="margin-right: 16px;">
  60.                 <a href="https://note.com/shikomel/n/n9496f0b00e13?magazine_key=m05faaedf3dc2" style="cursor: pointer;" class="" target="_blank">
  61.                     <img src="{{ asset('assets/img/case_study_image/case_study_image_9.webp', 'user_data') }}" alt="補助金を活用した新規事業のカフェは「シコメルありき」で開店。仕込み済み食材だからこそ成立した、本業とカフェ事業の両立。" style="width: 275px; margin-bottom: 16px;">
  62.                 </a>
  63.                 <a href="https://note.com/shikomel_media/n/n754835812c40?magazine_key=m05faaedf3dc2" style="cursor: pointer;" class="" target="_blank">
  64.                     <img src="{{ asset('assets/img/case_study_image/case_study_image_7.webp', 'user_data') }}" alt="800食の人気！揚げるだけで本格派『骨付き丸鶏』活用事例" style="width: 275px;">
  65.                 </a>
  66.             </div>
  67.             <div class="item slick-slide" style="margin-right: 16px;">
  68.                 <a href="https://note.com/shikomel/n/nc0130e474350?magazine_key=m05faaedf3dc2" style="cursor: pointer;" class="" target="_blank">
  69.                     <img src="{{ asset('assets/img/case_study_image/case_study_image_10.webp', 'user_data') }}" alt="月間1,キャンプ場のデザートをシコメル商品に総入れ替え。「仕込み時間削減」と「フードロス低減」を実現した。" style="width: 275px; margin-bottom: 16px;">
  70.                 </a>
  71.                 <a href="https://note.com/shikomel_media/n/nf0736b97566c?magazine_key=m05faaedf3dc2" style="cursor: pointer;" class="" target="_blank">
  72.                     <img src="{{ asset('assets/img/case_study_image/case_study_image_4.webp', 'user_data') }}" alt="月間500食を実現！ランチ＆ディナーで活躍する『鶏もものトマト煮』活用事例" style="width: 275px; ">
  73.                 </a>
  74.             </div>
  75.             <div class="item slick-slide" style="margin-right: 16px;">
  76.                 <a href="https://note.com/shikomel/n/nf8e9d7e82003?magazine_key=m05faaedf3dc2" style="cursor: pointer;" class="" target="_blank">
  77.                     <img src="{{ asset('assets/img/case_study_image/case_study_image_11.webp', 'user_data') }}" alt="ハンバーグの仕込みがゼロになったにも関わらず、ハンバーグ自体の売上が上昇！" style="width: 275px; margin-bottom: 16px;">
  78.                 </a>
  79.                 <a href="https://note.com/shikomel_media/n/n04704f4446f2?magazine_key=m05faaedf3dc2" style="cursor: pointer;" class="" target="_blank">
  80.                     <img src="{{ asset('assets/img/case_study_image/case_study_image_3.webp', 'user_data') }}" alt="繁盛を支えた50年の名物『肉じゃがコロッケ』を、あなたのお店に" style="width: 275px;">
  81.                 </a>
  82.             </div>
  83.             <div class="item slick-slide" style="margin-right: 16px;">
  84.                 <a href="https://note.com/shikomel/n/n40a69436b757?magazine_key=m05faaedf3dc2" style="cursor: pointer;" class="" target="_blank">
  85.                     <img src="{{ asset('assets/img/case_study_image/case_study_image_12.webp', 'user_data') }}" alt="和食居酒屋なのにチヂミやレーズンバターを導入。「常連客を飽きさせない」シコメル活用法。" style="width: 275px; margin-bottom: 16px;">
  86.                 </a>
  87.                 <a href="https://note.com/shikomel_media/n/n7c195ceb39c1?magazine_key=m05faaedf3dc2" style="cursor: pointer;" class="" target="_blank">
  88.                     <img src="{{ asset('assets/img/case_study_image/case_study_image_6.webp', 'user_data') }}" alt="高単価＆健康志向を両立。大手デリバリーブランド発『マイルドトマトキーマ』" style="width: 275px;">
  89.                 </a>
  90.             </div>
  91.         </div>
  92.         <div class="" style="margin-bottom:56px; text-align: center;">
  93.             <a href="https://note.com/shikomel_media/m/m05faaedf3dc2" style="cursor: pointer;" class="" target="_blank">
  94.                 <img src="{{ asset('assets/img/top_page/btn_show_more_case.png', 'user_data') }}" alt="事例をもっと見る" style="width: 218px;">
  95.             </a> 
  96.         </div>
  97.     </section>
  98. </div>