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

Open in your IDE?
  1. {#
    This file is part of EC-CUBE
    
    Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
    
    http://www.ec-cube.co.jp/
    
    For the full copyright and license information, please view the LICENSE
    file that was distributed with this source code.
    #}
    
                <section class="rf-topics-section" id="topics">
                    <div class="container">
                        <h3 class="rf-topics-title">お知らせ </h3>
                        <div class="rf-topics">
                            <article class="rf-topic">
                                <div class="rf-topic-img">
                                  <img src="{{ asset('assets/img/topic-img-01.png', 'user_data') }}" alt="">
                                </div>
                                <div class="rf-topic-info d-block d-md-none">
                                    <p class="rf-topic-date">2024.04.20</p>
                                    <p class="rf-topic-cat cat-sale">セール情報</p>
                                </div>
                                <div class="rf-topic-texts">
                                    <div class="rf-topic-info d-none d-md-block">
                                        <p class="rf-topic-date">2024.04.20</p>
                                        <p class="rf-topic-cat cat-sale">セール情報</p>
                                    </div>
                                    <p class="rf-topic-text">
                                       春のふとんリフォームキャンペーン開催中(2024.05.15まで)<br>
                                       <a href="">特設ページはこちら</a>
                                    </p>
                                </div>
                            </article>
                            <article class="rf-topic">
                                <div class="rf-topic-img">
                                  <img src="{{ asset('assets/img/topic-img-01.png', 'user_data') }}" alt="">
                                </div>
                                <div class="rf-topic-info d-block d-md-none">
                                    <p class="rf-topic-date">2024.04.20</p>
                                    <p class="rf-topic-cat cat-sale">セール情報</p>
                                </div>
                                <div class="rf-topic-texts">
                                    <div class="rf-topic-info d-none d-md-block">
                                        <p class="rf-topic-date">2024.04.20</p>
                                        <p class="rf-topic-cat cat-sale">セール情報</p>
                                    </div>
                                    <p class="rf-topic-text">
                                       春のふとんリフォームキャンペーン開催中(2024.05.15まで)<br>
                                       <a href="">特設ページはこちら</a>
                                    </p>
                                </div>
                            </article>
                            <article class="rf-topic">
                                <div class="rf-topic-img">
                                  <img src="{{ asset('assets/img/topic-img-01.png', 'user_data') }}" alt="">
                                </div>
                                <div class="rf-topic-info d-block d-md-none">
                                    <p class="rf-topic-date">2024.04.20</p>
                                    <p class="rf-topic-cat cat-sale">セール情報</p>
                                </div>
                                <div class="rf-topic-texts">
                                    <div class="rf-topic-info d-none d-md-block">
                                        <p class="rf-topic-date">2024.04.20</p>
                                        <p class="rf-topic-cat cat-sale">セール情報</p>
                                    </div>
                                    <p class="rf-topic-text">
                                       春のふとんリフォームキャンペーン開催中(2024.05.15まで)<br>
                                       <a href="">特設ページはこちら</a>
                                    </p>
                                </div>
                            </article>
                            <div class="rf-topics-link">
                                <a href="">過去のお知らせ一覧</a>
                            </div>
                        </div>
                        <div class="rf-paginate-dots">
                            <span class="rf-paginate-dot"></span>
                            <span class="rf-paginate-dot"></span>
                            <span class="rf-paginate-dot"></span>
                        </div>
                    </div>
                </section>
                <section class="rf-reason-section">
                    <div class="container">
                        <div class="rf-reason-inner">
                            <div class="rf-reason-ribon">
                                <picture>
                                    <source srcset="{{ asset('assets/img/ribon-reason.png', 'user_data') }} 1x,{{ asset('assets/img/ribon-reason@2x.png', 'user_data') }} 2x," sizes="100vw">
                                    <img src="{{ asset('assets/img/ribon-reason.png', 'user_data') }}">
                                </picture>
                            </div>
                            <div class="rf-reason-contents">
                                <div class="rf-reason-left">
                                    <div class="rf-reason-text">
                                        <picture>
                                            <source media="(min-width:768px)" srcset="{{ asset('assets/img/reason-title.png', 'user_data') }} 1x,{{ asset('assets/img/reason-title@2x.png', 'user_data') }} 2x," sizes="100vw">
                                            <source media="(max-width:767px)" srcset="{{ asset('assets/img/reason-title-sp.png', 'user_data') }} 1x,{{ asset('assets/img/reason-title-sp@2x.png', 'user_data') }} 2x," sizes="100vw">
                                            <img src="{{ asset('assets/img/reason-title.png', 'user_data') }}">
                                        </picture>
                                    </div>
                                    <!--<p class="rf-reason-text">
                                        リフトンなら
                                        <span>
                                            「羽毛ふとん」
                                            <picture>
                                                <source srcset="{{ asset('assets/img/icon-large-duck.png', 'user_data') }} 1x,{{ asset('assets/img/icon-large-duck@2x.png', 'user_data') }} 2x," sizes="100vw">
                                                <img src="{{ asset('assets/img/icon-large-duck.png', 'user_data') }}">
                                            </picture>
                                        </span>
                                        も
                                        <span>
                                            「わたふとん」
                                            <picture>
                                                <source srcset="{{ asset('assets/img/icon-large-cotton.png', 'user_data') }} 1x,{{ asset('assets/img/icon-large-cotton@2x.png', 'user_data') }} 2x," sizes="100vw">
                                                <img src="{{ asset('assets/img/icon-large-cotton.png', 'user_data') }}">
                                            </picture>
                                        </span>
                                        も
                                        <span>
                                            「羊毛ふとん」
                                            <picture>
                                                <source srcset="{{ asset('assets/img/icon-large-wool.png', 'user_data') }} 1x,{{ asset('assets/img/icon-large-wool@2x.png', 'user_data') }} 2x," sizes="100vw">
                                                <img src="{{ asset('assets/img/icon-large-wool.png', 'user_data') }}">
                                            </picture>
                                        </span>
                                        も<br>
                                        すべてリフォームできます!!
                                    </p>-->
                                    <div class="rf-anchor">
                                        <p class="rf-anchor-text">おすすめの布団リフォーム・一覧</p>
                                        <ul class="rf-anchor-links">
                                            <li>
                                                <a href="#product-01">羽毛掛ふとん<br>リフォーム</a>
                                            </li>
                                            <li>
                                                <a href="#product-02">わた掛ふとん<br>リフォーム</a>
                                            </li>
                                            <li>
                                                <a href="#product-03">わた・羊毛敷ふとん<br>リフォーム</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="rf-reason-right d-none d-md-flex">
                                    <picture>
                                        <source srcset="{{ asset('assets/img/reason-person.png', 'user_data') }} 1x" sizes="100vw">
                                        <img src="{{ asset('assets/img/reason-person.png', 'user_data') }}">
                                    </picture>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <section class="rf-product-large-title-sect product-01 rf-parallax-container" id="product-01">
                    <div class="rf-product-bg rf-parallax-bg">
                        <picture>
                            <source media="(min-width:768px)" srcset="{{ asset('assets/img/bg-parallax-01.png', 'user_data') }} 1x,{{ asset('assets/img/bg-parallax-01@2x.png', 'user_data') }} 2x," sizes="100vw">
                            <source media="(max-width:767px)" srcset="{{ asset('assets/img/bg-parallax-01-sp.png', 'user_data') }} 1x,{{ asset('assets/img/bg-parallax-01-sp@2x.png', 'user_data') }} 2x," sizes="100vw">
                            <img src="{{ asset('assets/img/bg-parallax-01-sp.png', 'user_data') }}">
                        </picture>
                    </div>
                    <div class="container">
                        <div class="rf-product-large-title-sect-inner">
                        <div class="rf-product-large-title">
                            <picture>
                                <source srcset="{{ asset('assets/img/icon-large-duck.png', 'user_data') }} 1x,{{ asset('assets/img/icon-large-duck@2x.png', 'user_data') }} 2x," sizes="100vw">
                                <img src="{{ asset('assets/img/icon-large-duck.png', 'user_data') }}">
                            </picture>
                            <div class="rf-product-large-title-inner">羽毛掛ふとんリフォーム</div>
                        </div>
                        </div>
                    </div>
                </section>
                <section class="rf-product-section product-01">
                    <div class="container">
                        <p class="rf-product-section-title">羽毛ふとんは、リフォームで蘇る。<br>新品同様のボリュームと暖かさを、再び。</p>
                        <div class="rf-product-section-lead">
                            <p>羽毛ふとんリフォームでは、羽毛を洗浄・殺菌消臭し、新しい羽毛を補充することで、へたりや傷み、汚れなどを解消。さらに、側生地も新品にすることで、見た目もきれいに蘇ります。羽毛ふとんを長く使い続けたい方、買い替えの費用を抑えたい方、ぜひリフォームをご検討ください。</p>
                            <picture>
                                <source srcset="{{ asset('assets/img/point-5-year.png', 'user_data') }} 1x,{{ asset('assets/img/point-5-year@2x.png', 'user_data') }} 2x," sizes="100vw">
                                <img src="{{ asset('assets/img/point-5-year.png', 'user_data') }}">
                            </picture>
                        </div>
                        <div class="row gutter-15 rf-product-panels">
                            {% for Product in Products_01 %}
                            {% if Product.status.id == 1 %}
                            <article class="col-12 col-md-6">
                                <div class="rf-product-panel">
                                    <div class="rf-product-info">
                                        <div class="rf-product-img"><img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt=""></div>
                                        <div class="rf-product-titles">
                                            {{ Product.name | product_title | raw }}
                                        </div>
    
                                        {% if Product.ProductCategories is not empty %}
                                            <div class="rf-product-tags">
                                                {% for ProductCategory in Product.ProductCategories %}
                                                        {% for Category in ProductCategory.Category.path %}
                                                            {%- if loop.last == true %}
                                                            <div class="rf-product-tag">{{ Category.name }}</div>
                                                            {% endif -%}
                                                        {% endfor %}
                                                {% endfor %}
    
                                                {% for Tag in Product.Tags %}
                                                    <div class="rf-product-tag">{{ Tag }}</div>
                                                {% endfor %}
                                            </div>
                                        {% endif %}
    
                                        <div class="rf-product-text">{{ Product.description_detail }}</div>
                                        <div class="rf-product-desc">往復送料込み</div>
                                        <div class="rf-product-price">
                                        {% if Product.hasProductClass %}
                                            {% if Product.getPrice02Min == Product.getPrice02Max %}
                                                {{ Product.getPrice02IncTaxMin|price }}<span>円</span>
                                            {% else %}
                                                {{ Product.getPrice02IncTaxMin|price }}<span>円~ </span>{#{ Product.getPrice02IncTaxMax|price }#}
                                            {% endif %}
                                        {% else %}
                                            {{ Product.getPrice02IncTaxMin|price }}
                                        {% endif %}
                                        <span class="rf-product-tax">(税込)</span>
                                        </div>
                                    </div>
                                    <div class="rf-product-button-area">
                                        <a class="rf-product-large-button" href="{{ url('product_detail', {'id': Product.id}) }}">
                                            <picture>
                                                <source srcset="{{ asset('assets/img/icon-search.png', 'user_data') }} 1x,{{ asset('assets/img/icon-search@2x.png', 'user_data') }} 2x," sizes="100vw">
                                                <img src="{{ asset('assets/img/icon-search.png', 'user_data') }}">
                                            </picture>
                                            詳しくみる
                                        </a>
                                    </div>
                                </div>
                            </article>
                            {% endif %}
                            {% endfor %}
                        </div>
                        <div class="rf-product-section-button-area">
                            <a class="rf-product-section-button">
                                <span class="rf-product-section-button-inner">
                                    <span>羽毛掛ふとんリフォームの商品一覧はこちら</span>
                                    <picture>
                                        <source srcset="{{ asset('assets/img/icon-button-right.png', 'user_data') }} 1x,{{ asset('assets/img/icon-button-right@2x.png', 'user_data') }} 2x," sizes="100vw">
                                        <img src="{{ asset('assets/img/icon-button-right.png', 'user_data') }}">
                                    </picture>
                                </span>
                            </a>
                        </div>
                        <div class="rf-paginate-dots">
                            <span class="rf-paginate-dot"></span>
                            <span class="rf-paginate-dot"></span>
                            <span class="rf-paginate-dot"></span>
                        </div>
                    </div>
                </section>
                <section class="rf-product-large-title-sect product-02 rf-parallax-container" id="product-02">
                    <div class="rf-product-bg rf-parallax-bg">
                        <picture>
                            <source media="(min-width:768px)" srcset="{{ asset('assets/img/bg-parallax-02.png', 'user_data') }} 1x,{{ asset('assets/img/bg-parallax-02@2x.png', 'user_data') }} 2x," sizes="100vw">
                            <source media="(max-width:767px)" srcset="{{ asset('assets/img/bg-parallax-02-sp.png', 'user_data') }} 1x,{{ asset('assets/img/bg-parallax-02-sp@2x.png', 'user_data') }} 2x," sizes="100vw">
                            <img src="{{ asset('assets/img/bg-parallax-02-sp.png', 'user_data') }}">
                        </picture>
                    </div>
                    <div class="container">
                        <div class="rf-product-large-title-sect-inner">
                        <div class="rf-product-large-title">
                            <picture>
                                <source srcset="{{ asset('assets/img/icon-large-cotton.png', 'user_data') }} 1x,{{ asset('assets/img/icon-large-cotton@2x.png', 'user_data') }} 2x," sizes="100vw">
                                <img src="{{ asset('assets/img/icon-large-cotton.png', 'user_data') }}">
                            </picture>
                            <div class="rf-product-large-title-inner">わた掛ふとんリフォーム</div>
                        </div>
                        </div>
                    </div>
                </section>
                <section class="rf-product-section product-02">
                    <div class="container">
                        <p class="rf-product-section-title">掛ふとんリフォームで蘇る、ふんわり感と暖かさ。</p>
                        <div class="rf-product-section-lead">
                            <p>長く使い続けていると、中素材が偏ってきた、皮脂・汗等の汚れ・臭いが気になる、湿気等によって硬くなってしまったなどといった、様々なお悩みがあると思います。そんなお悩みを解決できるのが、掛ふとんリフォーム。中素材を洗浄・殺菌・乾燥し、さらに新しい中素材を補充した上で、新しい側生地で仕上げることで、ふんわり感と弾力・暖かさをを取り戻します。</p>
                            <picture>
                                <source srcset="{{ asset('assets/img/point-3-year.png', 'user_data') }} 1x,{{ asset('assets/img/point-3-year@2x.png', 'user_data') }} 2x," sizes="100vw">
                                <img src="{{ asset('assets/img/point-3-year.png', 'user_data') }}">
                            </picture>
                        </div>
                        <div class="row gutter-15 rf-product-panels">
                            {% for Product in Products_02 %}
                            {% if Product.status.id == 1 %}
                            <article class="col-12 col-md-6">
                                <div class="rf-product-panel">
                                    <div class="rf-product-info">
                                        <div class="rf-product-img"><img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt=""></div>
                                        <div class="rf-product-titles">
                                            {{ Product.name | product_title | raw }}
                                        </div>
    
                                        {% if Product.ProductCategories is not empty %}
                                            <div class="rf-product-tags">
                                                {% for ProductCategory in Product.ProductCategories %}
                                                        {% for Category in ProductCategory.Category.path %}
                                                            {%- if loop.last == true %}
                                                            <div class="rf-product-tag">{{ Category.name }}</div>
                                                            {% endif -%}
                                                        {% endfor %}
                                                {% endfor %}
    
                                                {% for Tag in Product.Tags %}
                                                    <div class="rf-product-tag">{{ Tag }}</div>
                                                {% endfor %}
                                            </div>
                                        {% endif %}
    
                                        <div class="rf-product-text">{{ Product.description_detail }}</div>
                                        <div class="rf-product-desc">往復送料込み</div>
                                        <div class="rf-product-price">
                                        {% if Product.hasProductClass %}
                                            {% if Product.getPrice02Min == Product.getPrice02Max %}
                                                {{ Product.getPrice02IncTaxMin|price }}<span>円</span>
                                            {% else %}
                                                {{ Product.getPrice02IncTaxMin|price }}<span>円~ </span>{#{ Product.getPrice02IncTaxMax|price }#}
                                            {% endif %}
                                        {% else %}
                                            {{ Product.getPrice02IncTaxMin|price }}
                                        {% endif %}
                                        <span class="rf-product-tax">(税込)</span>
                                        </div>
                                    </div>
                                    <div class="rf-product-button-area">
                                        <a class="rf-product-large-button" href="{{ url('product_detail', {'id': Product.id}) }}">
                                            <picture>
                                                <source srcset="{{ asset('assets/img/icon-search.png', 'user_data') }} 1x,{{ asset('assets/img/icon-search@2x.png', 'user_data') }} 2x," sizes="100vw">
                                                <img src="{{ asset('assets/img/icon-search.png', 'user_data') }}">
                                            </picture>
                                            詳しくみる
                                        </a>
                                    </div>
                                </div>
                            </article>
                            {% endif %}
                            {% endfor %}
                        </div>
                        <div class="rf-product-section-button-area">
                            <a class="rf-product-section-button">
                                <span class="rf-product-section-button-inner">
                                    <span>わた掛ふとんリフォームの商品一覧はこちら</span>
                                    <picture>
                                        <source srcset="{{ asset('assets/img/icon-button-right.png', 'user_data') }} 1x,{{ asset('assets/img/icon-button-right@2x.png', 'user_data') }} 2x," sizes="100vw">
                                        <img src="{{ asset('assets/img/icon-button-right.png', 'user_data') }}">
                                    </picture>
                                </span>
                            </a>
                        </div>
                        <div class="rf-paginate-dots">
                            <span class="rf-paginate-dot"></span>
                            <span class="rf-paginate-dot"></span>
                            <span class="rf-paginate-dot"></span>
                        </div>
                    </div>
                </section>
                <section class="rf-product-large-title-sect product-03 rf-parallax-container" id="product-03">
                    <div class="rf-product-bg rf-parallax-bg">
                        <picture>
                            <source media="(min-width:768px)" srcset="{{ asset('assets/img/bg-parallax-03.png', 'user_data') }} 1x,{{ asset('assets/img/bg-parallax-03@2x.png', 'user_data') }} 2x," sizes="100vw">
                            <source media="(max-width:767px)" srcset="{{ asset('assets/img/bg-parallax-03-sp.png', 'user_data') }} 1x,{{ asset('assets/img/bg-parallax-03-sp@2x.png', 'user_data') }} 2x," sizes="100vw">
                            <img src="{{ asset('assets/img/bg-parallax-03-sp.png', 'user_data') }}">
                        </picture>
                    </div>
                    <div class="container">
                        <div class="rf-product-large-title-sect-inner">
                        <div class="rf-product-large-title">
                            <picture>
                                <source srcset="{{ asset('assets/img/icon-large-cotton.png', 'user_data') }} 1x,{{ asset('assets/img/icon-large-cotton@2x.png', 'user_data') }} 2x," sizes="100vw">
                                <img src="{{ asset('assets/img/icon-large-cotton.png', 'user_data') }}">
                            </picture>
                            <picture>
                                <source srcset="{{ asset('assets/img/icon-large-wool.png', 'user_data') }} 1x,{{ asset('assets/img/icon-large-wool@2x.png', 'user_data') }} 2x," sizes="100vw">
                                <img src="{{ asset('assets/img/icon-large-wool.png', 'user_data') }}">
                            </picture>
                            <div class="rf-product-large-title-inner">わた・羊毛敷ふとんリフォーム</div>
                        </div>
                        </div>
                    </div>
                </section>
                <section class="rf-product-section product-03">
                    <div class="container">
                        <p class="rf-product-section-title">敷ふとんリフォームで、心地よい眠りを。</p>
                        <div class="rf-product-section-lead">
                            <p>体重のかかる敷ふとんでは、特に中素材のへたりが早く、硬くなり、本来の機能が失われてしまいます。硬くなった綿や羊毛からは、ほこりが出やすくなり、ハウスダストにもつながり、また、寝心地も悪くなりますので、使い始めて3年を目安にリフォームをすることをおすすめしています。中素材を洗浄・殺菌・乾燥し、さらに新しい中素材を補充した上で、新しい側生地で仕上げます。</p>
                            <picture>
                                <source srcset="{{ asset('assets/img/point-3-year.png', 'user_data') }} 1x,{{ asset('assets/img/point-3-year@2x.png', 'user_data') }} 2x," sizes="100vw">
                                <img src="{{ asset('assets/img/point-3-year.png', 'user_data') }}">
                            </picture>
                        </div>
                        <div class="row gutter-15 rf-product-panels">
                            {% for Product in Products_03 %}
                            {% if Product.status.id == 1 %}
                            <article class="col-12 col-md-6">
                                <div class="rf-product-panel">
                                    <div class="rf-product-info">
                                        <div class="rf-product-img"><img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt=""></div>
                                        <div class="rf-product-titles">
                                            {{ Product.name | product_title | raw }}
                                        </div>
    
                                        {% if Product.ProductCategories is not empty %}
                                            <div class="rf-product-tags">
                                                {% for ProductCategory in Product.ProductCategories %}
                                                        {% for Category in ProductCategory.Category.path %}
                                                            {%- if loop.last == true %}
                                                            <div class="rf-product-tag">{{ Category.name }}</div>
                                                            {% endif -%}
                                                        {% endfor %}
                                                {% endfor %}
    
                                                {% for Tag in Product.Tags %}
                                                    <div class="rf-product-tag">{{ Tag }}</div>
                                                {% endfor %}
                                            </div>
                                        {% endif %}
    
                                        <div class="rf-product-text">{{ Product.description_detail }}</div>
                                        <div class="rf-product-desc">往復送料込み</div>
                                        <div class="rf-product-price">
                                        {% if Product.hasProductClass %}
                                            {% if Product.getPrice02Min == Product.getPrice02Max %}
                                                {{ Product.getPrice02IncTaxMin|price }}<span>円</span>
                                            {% else %}
                                                {{ Product.getPrice02IncTaxMin|price }}<span>円~ </span>{#{ Product.getPrice02IncTaxMax|price }#}
                                            {% endif %}
                                        {% else %}
                                            {{ Product.getPrice02IncTaxMin|price }}
                                        {% endif %}
                                        <span class="rf-product-tax">(税込)</span>
                                        </div>
                                    </div>
                                    <div class="rf-product-button-area">
                                        <a class="rf-product-large-button" href="{{ url('product_detail', {'id': Product.id}) }}">
                                            <picture>
                                                <source srcset="{{ asset('assets/img/icon-search.png', 'user_data') }} 1x,{{ asset('assets/img/icon-search@2x.png', 'user_data') }} 2x," sizes="100vw">
                                                <img src="{{ asset('assets/img/icon-search.png', 'user_data') }}">
                                            </picture>
                                            詳しくみる
                                        </a>
                                    </div>
                                </div>
                            </article>
                            {% endif %}
                            {% endfor %}
                        </div>
                        <div class="rf-product-section-button-area">
                            <a class="rf-product-section-button">
                                <span class="rf-product-section-button-inner">
                                    <span>わた・羊毛敷ふとんリフォームの商品一覧はこちら</span>
                                    <picture>
                                        <source srcset="{{ asset('assets/img/icon-button-right.png', 'user_data') }} 1x,{{ asset('assets/img/icon-button-right@2x.png', 'user_data') }} 2x," sizes="100vw">
                                        <img src="{{ asset('assets/img/icon-button-right.png', 'user_data') }}">
                                    </picture>
                                </span>
                            </a>
                        </div>
                        <div class="rf-paginate-dots">
                            <span class="rf-paginate-dot"></span>
                            <span class="rf-paginate-dot"></span>
                            <span class="rf-paginate-dot"></span>
                        </div>
                    </div>
                </section>