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

Open in your IDE?
  1. {% if isDisplaySetCoo and (goodsSetCooList is defined and goodsSetCooList) %}
  2. <style>
  3. .gsc_toggle_text {
  4.     color: #333;
  5.     font-size: 2em;
  6.     font-weight: bold;
  7.     width: 20em;
  8.     padding: .5em 2em;
  9.     margin: 10px auto 0 auto;
  10.     border: 2px solid #666;
  11.     border-radius: .5em;
  12.     text-align: center;
  13.     cursor: pointer;
  14.     user-select: none;
  15. }
  16. .gsc_toggle i.fa {
  17.     color: #40C4FF;
  18. }
  19. .gsc_goods_list {
  20.     display: none;
  21. }
  22. .gsc_goods_list .product-link {
  23.     display: block;
  24.     background-color: #ff5518;
  25.     font-size: 25px;
  26.     text-align: center;
  27.     text-decoration: none;
  28.     font-weight: bold;
  29.     height: 33px;
  30.     padding-top: 17px;
  31.     margin-bottom: 21px;
  32.     margin-top: 50px;
  33.     color: #fff;
  34.     border-radius: 10px;
  35. }
  36. .gsc_goods_list .product-detail {
  37.     margin-top: 60px;
  38. }
  39. .gsc_toggle.active .gsc_goods_list {
  40.     display: block;
  41. }
  42. .gsc_toggle.active .gsc_toggle_text.show {
  43.     display: none;
  44. }
  45. .gsc_toggle:not(.active) .gsc_toggle_text.hide {
  46.     display: none;
  47. }
  48. .pseudo-anchor {
  49.     position: relative;
  50. }
  51. .pseudo-anchor .anchor {
  52.     position: absolute;
  53.     top: -74px;
  54. }
  55. </style>
  56. <script>
  57. $(function() {
  58.     $('.gsc_toggle_text').on('click', function(e) {
  59.         var $gsc_toggle = $(this).closest('.gsc_toggle').toggleClass('active');
  60.         if (!$gsc_toggle.is('.active')) {
  61.             var $gsc_top = $('#gsc_top');
  62.             var offset = $gsc_top.offset();
  63.             var top = offset.top;
  64.             $(window).scrollTop(top);
  65.         }
  66.         $.cookie('goods_set_coordinate_goods_list_active', $gsc_toggle.is('.active'));
  67.     });
  68. });
  69. </script>
  70. <div class="gsc_toggle">
  71.     <div class="pseudo-anchor">
  72.         <div class="anchor" id="gsc_top"></div>
  73.     </div>
  74.     <div class="gsc_goods_list">
  75.     {% for goodsSetCoo in goodsSetCooList %}
  76.         {% set data = goodsSetCoo.data %}
  77.         {% set displayTeika = goodsSetCoo.displayTeika %}
  78.         {% set displayPrice = goodsSetCoo.displayPrice %}
  79.         {% set displayPrice2 = goodsSetCoo.displayPrice2 %}
  80.         {% set mainUrl = goodsSetCoo.mainUrl %}
  81.         {% set mainUrlSum = goodsSetCoo.mainUrlSum %}
  82.         {% set comment = goodsSetCoo.comment %}
  83.         {% set useCache = goodsSetCoo.useCache %}
  84.         {% set comisShowLeftmenument = goodsSetCoo.isShowLeftmenu %}
  85.         {% set is_preview_mode = goodsSetCoo.is_preview_mode %}
  86.         {% set cois_secretmment = goodsSetCoo.is_secret %}
  87.         {% set displayOther = goodsSetCoo.displayOther %}
  88.         {% set thumbCount = goodsSetCoo.thumbCount %}
  89.         {% set campaign = goodsSetCoo.campaign %}
  90.         {% set displayShoppingCart = goodsSetCoo.displayShoppingCart %}
  91.         {% set DISPLAY_LINES = goodsSetCoo.DISPLAY_LINES %}
  92.         {% set breadCrumb = goodsSetCoo.breadCrumb %}
  93.     {% endfor %}
  94.     </div>
  95.     <script>
  96.     if ($.cookie('goods_set_coordinate_goods_list_active')) {
  97.         $('.gsc_toggle').addClass('active');
  98.     }
  99.     </script>
  100.     <div class="gsc_toggle_text show">
  101.         <i class="fa fa-plus-circle"></i>
  102.         セット商品をまとめて購入する
  103.     </div>
  104.     <div class="gsc_toggle_text hide">
  105.         <i class="fa fa-minus-circle"></i>
  106.         セット商品の部分を閉じる
  107.     </div>
  108. </div>
  109. {% endif %}