Comparar texto

Encuentra la diferencia entre dos archivos de texto

Editor live

Ocultar sin cambios

Sin ajuste de línea

Vista

Nivel de detalle

Resaltado de sintaxis

Diffchecker Desktop La forma más segura de usar Diffchecker. ¡Obtén la app de Diffchecker Desktop: tus diffs nunca salen de tu computadora!Obtener Desktop

割引率の表示

Creado hace 7 añosEl diff nunca expira

0 eliminaciones

Líneas
Total
Eliminado

Caracteres
Total
Eliminado

Para continuar usando esta función, actualice a Diffchecker Pro Ver precios

381 líneas

5 adiciones

Líneas
Total
Añadido

Caracteres
Total
Añadido

Para continuar usando esta función, actualice a Diffchecker Pro Ver precios

386 líneas

This file is part of EC-CUBE

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.

{% extends 'default_frame.twig' %}

{% set body_class = 'product_page' %}

{% block stylesheet %}

<style>

.slick-slider {

margin-bottom: 30px;

}

.slick-dots {

position: absolute;

bottom: -45px;

display: block;

width: 100%;

padding: 0;

list-style: none;

text-align: center;

}

.slick-dots li {

position: relative;

display: inline-block;

width: 20px;

height: 20px;

margin: 0 5px;

padding: 0;

cursor: pointer;

}

.slick-dots li button {

font-size: 0;

line-height: 0;

display: block;

width: 20px;

height: 20px;

padding: 5px;

cursor: pointer;

color: transparent;

border: 0;

outline: none;

background: transparent;

}

.slick-dots li button:hover,

.slick-dots li button:focus {

outline: none;

}

.slick-dots li button:hover:before,

.slick-dots li button:focus:before {

opacity: 1;

}

.slick-dots li button:before {

content: " ";

line-height: 20px;

position: absolute;

top: 0;

left: 0;

width: 12px;

height: 12px;

text-align: center;

opacity: .25;

background-color: black;

border-radius: 50%;

}

.slick-dots li.slick-active button:before {

opacity: .75;

background-color: black;

}

.slick-dots li button.thumbnail img {

width: 0;

height: 0;

}

</style>

{% endblock %}

{% block javascript %}

eccube.classCategories = {{ class_categories_as_json(Product)|raw }};

// 規格2に選択肢を割り当てる。

function fnSetClassCategories(form, classcat_id2_selected) {

var $form = $(form);

var product_id = $form.find('input[name=product_id]').val();

var $sele1 = $form.find('select[name=classcategory_id1]');

var $sele2 = $form.find('select[name=classcategory_id2]');

eccube.setClassCategories($form, product_id, $sele1, $sele2, classcat_id2_selected);

}

{% if form.classcategory_id2 is defined %}

fnSetClassCategories(

$('#form1'), {{ form.classcategory_id2.vars.value|json_encode|raw }}

);

{% elseif form.classcategory_id1 is defined %}

eccube.checkStock($('#form1'), {{ Product.id }}, {{ form.classcategory_id1.vars.value|json_encode|raw }}, null);

{% endif %}

</script>

$(function() {

// bfcache無効化

$(window).bind('pageshow', function(event) {

if (event.originalEvent.persisted) {

location.reload(true);

}

});

$('.item_visual').slick({

dots: false,

arrows: false,

responsive: [{

breakpoint: 768,

settings: {

dots: true

}

}]

});

$('.slideThumb').on('click', function() {

var index = $(this).attr('data-index');

$('.item_visual').slick('slickGoTo', index, false);

})

});

</script>

$(function() {

$('.add-cart').on('click', function(event) {

{% if form.classcategory_id1 is defined %}

// 規格1フォームの必須チェック

if ($('#classcategory_id1').val() == '__unselected' || $('#classcategory_id1').val() == '') {

$('#classcategory_id1')[0].setCustomValidity('{{ 'front.product.product_class_unselected'|trans }}');

return true;

} else {

$('#classcategory_id1')[0].setCustomValidity('');

}

{% endif %}

{% if form.classcategory_id2 is defined %}

// 規格2フォームの必須チェック

if ($('#classcategory_id2').val() == '__unselected' || $('#classcategory_id2').val() == '') {

$('#classcategory_id2')[0].setCustomValidity('{{ 'front.product.product_class_unselected'|trans }}');

return true;

} else {

$('#classcategory_id2')[0].setCustomValidity('');

}

{% endif %}

// 個数フォームのチェック

if ($('#quantity').val() < 1) {

$('#quantity')[0].setCustomValidity('{{ 'front.product.invalid_quantity'|trans }}');

return true;

} else {

$('#quantity')[0].setCustomValidity('');

}

event.preventDefault();

$form = $('#form1');

$.ajax({

url: $form.attr('action'),

type: $form.attr('method'),

data: $form.serialize(),

dataType: 'json',

beforeSend: function(xhr, settings) {

// Buttonを無効にする

$('.add-cart').prop('disabled', true);

}

}).done(function(data) {

// レスポンス内のメッセージをalertで表示

$.each(data.messages, function() {

$('#ec-modal-header').html(this);

});

$('#ec-modal-checkbox').prop('checked', true);

// カートブロックを更新する

$.ajax({

url: "{{ url('block_cart') }}",

type: 'GET',

dataType: 'html'

}).done(function(html) {

$('.ec-headerRole__cart').html(html);

});

}).fail(function(data) {

alert('{{ 'front.product.add_cart_error'|trans }}');

}).always(function(data) {

// Buttonを有効にする

$('.add-cart').prop('disabled', false);

});

</script>

{% endblock %}

{% block main %}

{% for ProductImage in Product.ProductImage %}

{% else %}

{% endfor %}

</div>

{% for ProductImage in Product.ProductImage %}

{% endfor %}

</div>

{# 商品名 #}

<h2 class="ec-headingTitle">{{ Product.name }}</h2>

</div>

{# タグ #}

{% for Tag in Product.Tags %}

{% endfor %}

</ul>

{# 通常価格 #}

{% if Product.hasProductClass -%}

{% if Product.getPrice01Min is not null and Product.getPrice01IncTaxMin == Product.getPrice01IncTaxMax %}

<span class="ec-productRole__priceRegularPrice">{{ 'front.product.normal_price'|trans }}：<span class="price01-default">{{ Product.getPrice01IncTaxMin|price }}</span></span>

<span class="ec-productRole__priceRegularTax">{{ 'common.tax_include'|trans }}</span>

{% elseif Product.getPrice01Min is not null and Product.getPrice01Max is not null %}

<span class="ec-productRole__priceRegularPrice">{{ 'front.product.normal_price'|trans }}：<span class="price01-default">{{ Product.getPrice01IncTaxMin|price }}～ {{ Product.getPrice01IncTaxMax|price }}</span></span>

<span class="ec-productRole__priceRegularTax">{{ 'common.tax_include'|trans }}</span>

{% endif %}

</div>

{% else %}

{% if Product.getPrice01Max is not null %}

<span class="ec-productRole__priceRegularPrice">{{ 'front.product.normal_price'|trans }}：{{ Product.getPrice01IncTaxMin|price }}</span>

<span class="ec-productRole__priceRegularTax">{{ 'common.tax_include'|trans }}</span>

{% endif %}

{# 販売価格 #}

{% if Product.hasProductClass -%}

{% if Product.getPrice02IncTaxMin == Product.getPrice02IncTaxMax %}

<span class="ec-price__price price02-default">{{ Product.getPrice02IncTaxMin|price }}</span>

<span class="ec-price__tax">{{ 'common.tax_include'|trans }}</span>

</div>

{% else %}

<span class="ec-price__price price02-default">{{ Product.getPrice02IncTaxMin|price }} ～ {{ Product.getPrice02IncTaxMax|price }}</span>

<span class="ec-price__tax">{{ 'common.tax_include'|trans }}</span>

</div>

{% endif %}

{% else %}

<span class="ec-price__price">{{ Product.getPrice02IncTaxMin|price }}</span>

<span class="ec-price__tax">{{ 'common.tax_include'|trans }}</span>

{% if Product.Price01Max is not null %}

{% set discountRate = (1.0 - (Product.Price02Min / Product.Price01Min)) * 100 %}

<div class="ec-color-red ec-font-size-3">(通常価格より {{discountRate|round}}% 割引)</div>

{% endif %}

</div>

{% endif %}

</div>

{# 商品コード #}

{% if Product.code_min is not empty %}

{{ 'front.product.code'|trans }}： <span class="product-code-default">{{ Product.code_min }}{% if Product.code_min != Product.code_max %} ～ {{ Product.code_max }}{% endif %}</span>

</div>

{% endif %}

{# 関連カテゴリ #}

{% if Product.ProductCategories is not empty %}

<div>{{ 'front.product.related_category'|trans }}</div>

{% for ProductCategory in Product.ProductCategories %}

<ul>

<li>

{% for Category in ProductCategory.Category.path %}

<a href="{{ url('product_list') }}?category_id={{ Category.id }}">{{ Category.name }}</a> {%- if loop.last == false %}

<span>＞</span>{% endif -%}

{% endfor %}

</li>

</ul>

{% endfor %}

</div>

{% endif %}

{% if Product.stock_find %}

{% if form.classcategory_id1 is defined %}

</div>

{% if form.classcategory_id2 is defined %}

</div>

{% endif %}

<div class="ec-numberInput"><span>{{ 'common.quantity'|trans }}</span>

</div>

</button>

</div>

{% else %}

</button>

</div>

{% endif %}

</form>

<div id="ec-modal-header" class="text-center">{{ 'front.product.add_cart_complete'|trans }}</div>

<label for="ec-modal-checkbox" class="ec-inlineBtn--cancel">{{ 'front.product.continue'|trans }}</label>

<a href="{{ url('cart') }}" class="ec-inlineBtn--action">{{ 'common.go_to_cart'|trans }}</a>

</div>

{% if BaseInfo.option_favorite_product %}

{% if is_favorite == false %}

</button>

{% else %}

<button type="submit" id="favorite" class="ec-blockBtn--cancel"

disabled="disabled">{{ 'front.product.add_favorite_alrady'|trans }}

</button>

{% endif %}

</div>

</form>

{% endif %}

<div class="ec-productRole__description">{{ Product.description_detail|raw|nl2br }}

</div>

{% if Product.freearea %}

</div>

{% endif %}

</div>

{% endblock %}

Diferencias guardadas

Texto original

Abrir archivo

{#
This file is part of EC-CUBE

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.
#}
{% extends 'default_frame.twig' %}

{% set body_class = 'product_page' %}

{% block stylesheet %}
    <style>

.slick-slider {
            margin-bottom: 30px;
        }

.slick-dots {
            position: absolute;
            bottom: -45px;
            display: block;
            width: 100%;
            padding: 0;
            list-style: none;
            text-align: center;
        }

.slick-dots li {
            position: relative;
            display: inline-block;
            width: 20px;
            height: 20px;
            margin: 0 5px;
            padding: 0;

cursor: pointer;
        }

.slick-dots li button {
            font-size: 0;
            line-height: 0;
            display: block;
            width: 20px;
            height: 20px;
            padding: 5px;
            cursor: pointer;
            color: transparent;
            border: 0;
            outline: none;
            background: transparent;
        }

.slick-dots li button:hover,
        .slick-dots li button:focus {
            outline: none;
        }

.slick-dots li button:hover:before,
        .slick-dots li button:focus:before {
            opacity: 1;
        }

.slick-dots li button:before {
            content: " ";
            line-height: 20px;
            position: absolute;
            top: 0;
            left: 0;
            width: 12px;
            height: 12px;
            text-align: center;
            opacity: .25;
            background-color: black;
            border-radius: 50%;

}

.slick-dots li.slick-active button:before {
            opacity: .75;
            background-color: black;
        }

.slick-dots li button.thumbnail img {
            width: 0;
            height: 0;
        }

</style>
{% endblock %}

{% block javascript %}
    <script>
        eccube.classCategories = {{ class_categories_as_json(Product)|raw }};

// 規格2に選択肢を割り当てる。
        function fnSetClassCategories(form, classcat_id2_selected) {
            var $form = $(form);
            var product_id = $form.find('input[name=product_id]').val();
            var $sele1 = $form.find('select[name=classcategory_id1]');
            var $sele2 = $form.find('select[name=classcategory_id2]');
            eccube.setClassCategories($form, product_id, $sele1, $sele2, classcat_id2_selected);
        }

{% if form.classcategory_id2 is defined %}
        fnSetClassCategories(
            $('#form1'), {{ form.classcategory_id2.vars.value|json_encode|raw }}
        );
        {% elseif form.classcategory_id1 is defined %}
        eccube.checkStock($('#form1'), {{ Product.id }}, {{ form.classcategory_id1.vars.value|json_encode|raw }}, null);
        {% endif %}
    </script>
    <script>
        $(function() {
            // bfcache無効化
            $(window).bind('pageshow', function(event) {
                if (event.originalEvent.persisted) {
                    location.reload(true);
                }
            });

$('.item_visual').slick({
                dots: false,
                arrows: false,
                responsive: [{
                    breakpoint: 768,
                    settings: {
                        dots: true
                    }
                }]
            });

$('.slideThumb').on('click', function() {
                var index = $(this).attr('data-index');
                $('.item_visual').slick('slickGoTo', index, false);
            })
        });
    </script>
    <script>
        $(function() {
            $('.add-cart').on('click', function(event) {
                {% if form.classcategory_id1 is defined %}
                // 規格1フォームの必須チェック
                if ($('#classcategory_id1').val() == '__unselected' || $('#classcategory_id1').val() == '') {
                    $('#classcategory_id1')[0].setCustomValidity('{{ 'front.product.product_class_unselected'|trans }}');
                    return true;
                } else {
                    $('#classcategory_id1')[0].setCustomValidity('');
                }
                {% endif %}

{% if form.classcategory_id2 is defined %}
                // 規格2フォームの必須チェック
                if ($('#classcategory_id2').val() == '__unselected' || $('#classcategory_id2').val() == '') {
                    $('#classcategory_id2')[0].setCustomValidity('{{ 'front.product.product_class_unselected'|trans }}');
                    return true;
                } else {
                    $('#classcategory_id2')[0].setCustomValidity('');
                }
                {% endif %}

// 個数フォームのチェック
                if ($('#quantity').val() < 1) {
                    $('#quantity')[0].setCustomValidity('{{ 'front.product.invalid_quantity'|trans }}');
                    return true;
                } else {
                    $('#quantity')[0].setCustomValidity('');
                }

event.preventDefault();
                $form = $('#form1');
                $.ajax({
                    url: $form.attr('action'),
                    type: $form.attr('method'),
                    data: $form.serialize(),
                    dataType: 'json',
                    beforeSend: function(xhr, settings) {
                        // Buttonを無効にする
                        $('.add-cart').prop('disabled', true);
                    }
                }).done(function(data) {
                    // レスポンス内のメッセージをalertで表示
                    $.each(data.messages, function() {
                        $('#ec-modal-header').html(this);
                    });

$('#ec-modal-checkbox').prop('checked', true);

// カートブロックを更新する
                    $.ajax({
                        url: "{{ url('block_cart') }}",
                        type: 'GET',
                        dataType: 'html'
                    }).done(function(html) {
                        $('.ec-headerRole__cart').html(html);
                    });
                }).fail(function(data) {
                    alert('{{ 'front.product.add_cart_error'|trans }}');
                }).always(function(data) {
                    // Buttonを有効にする
                    $('.add-cart').prop('disabled', false);
                });
            });
        });
    </script>
{% endblock %}

{% block main %}
    <div class="ec-productRole">
        <div class="ec-grid2">
            <div class="ec-grid2__cell">
                <div class="ec-sliderItemRole">

<div class="item_visual">
                        {% for ProductImage in Product.ProductImage %}
                            <div class="slide-item"><img src="{{ asset(ProductImage, 'save_image') }}"></div>
                        {% else %}
                            <div class="slide-item"><img src="{{ asset(''|no_image_product, 'save_image') }}"/></div>
                        {% endfor %}
                    </div>
                    <div class="item_nav">
                        {% for ProductImage in Product.ProductImage %}
                            <div class="slideThumb" data-index="{{ loop.index0 }}"><img src="{{ asset(ProductImage, 'save_image') }}"></div>
                        {% endfor %}
                    </div>
                </div>
            </div>
            <div class="ec-grid2__cell">
                <div class="ec-productRole__profile">
                    {# 商品名 #}
                    <div class="ec-productRole__title">
                        <h2 class="ec-headingTitle">{{ Product.name }}</h2>
                    </div>
                    {# タグ #}
                    <ul class="ec-productRole__tags">
                        {% for Tag in Product.Tags %}
                            <li class="ec-productRole__tag tag_{{ Tag.id }}">{{ Tag }}</li>
                        {% endfor %}
                    </ul>
                    {# 通常価格 #}
                    {% if Product.hasProductClass -%}
                        <div class="ec-productRole__priceRegular">
                            {% if Product.getPrice01Min is not null and Product.getPrice01IncTaxMin == Product.getPrice01IncTaxMax %}
                                <span class="ec-productRole__priceRegularPrice">{{ 'front.product.normal_price'|trans }}：<span class="price01-default">{{ Product.getPrice01IncTaxMin|price }}</span></span>
                                <span class="ec-productRole__priceRegularTax">{{ 'common.tax_include'|trans }}</span>
                            {% elseif Product.getPrice01Min is not null and Product.getPrice01Max is not null %}
                                <span class="ec-productRole__priceRegularPrice">{{ 'front.product.normal_price'|trans }}：<span class="price01-default">{{ Product.getPrice01IncTaxMin|price }}～ {{ Product.getPrice01IncTaxMax|price }}</span></span>
                                <span class="ec-productRole__priceRegularTax">{{ 'common.tax_include'|trans }}</span>
                            {% endif %}
                        </div>
                    {% else %}
                        {% if Product.getPrice01Max is not null %}
                            <span class="ec-productRole__priceRegularPrice">{{ 'front.product.normal_price'|trans }}：{{ Product.getPrice01IncTaxMin|price }}</span>
                            <span class="ec-productRole__priceRegularTax">{{ 'common.tax_include'|trans }}</span>
                        {% endif %}
                    {% endif %}
                    {# 販売価格 #}
                    <div class="ec-productRole__price">
                        {% if Product.hasProductClass -%}
                            {% if Product.getPrice02IncTaxMin == Product.getPrice02IncTaxMax %}
                                <div class="ec-price">
                                    <span class="ec-price__price price02-default">{{ Product.getPrice02IncTaxMin|price }}</span>
                                    <span class="ec-price__tax">{{ 'common.tax_include'|trans }}</span>
                                </div>
                            {% else %}
                                <div class="ec-price">
                                    <span class="ec-price__price price02-default">{{ Product.getPrice02IncTaxMin|price }} ～ {{ Product.getPrice02IncTaxMax|price }}</span>
                                    <span class="ec-price__tax">{{ 'common.tax_include'|trans }}</span>
                                </div>
                            {% endif %}
                        {% else %}
                            <div class="ec-price">
                                <span class="ec-price__price">{{ Product.getPrice02IncTaxMin|price }}</span>
                                <span class="ec-price__tax">{{ 'common.tax_include'|trans }}</span>
                            </div>
                        {% endif %}
                    </div>
                    {# 商品コード #}
                    {% if Product.code_min is not empty %}
                        <div class="ec-productRole__code">
                            {{ 'front.product.code'|trans }}： <span class="product-code-default">{{ Product.code_min }}{% if Product.code_min != Product.code_max %} ～ {{ Product.code_max }}{% endif %}</span>
                        </div>
                    {% endif %}
                    {# 関連カテゴリ #}
                    {% if Product.ProductCategories is not empty %}
                        <div class="ec-productRole__category">
                            <div>{{ 'front.product.related_category'|trans }}</div>
                            {% for ProductCategory in Product.ProductCategories %}
                                <ul>
                                    <li>
                                        {% for Category in ProductCategory.Category.path %}
                                            <a href="{{ url('product_list') }}?category_id={{ Category.id }}">{{ Category.name }}</a> {%- if loop.last == false %}
                                            <span>＞</span>{% endif -%}
                                        {% endfor %}
                                    </li>
                                </ul>
                            {% endfor %}
                        </div>
                    {% endif %}
                    <form action="{{ url('product_add_cart', {id:Product.id}) }}" method="post" id="form1" name="form1">
                        {% if Product.stock_find %}
                            <div class="ec-productRole__actions">
                                {% if form.classcategory_id1 is defined %}
                                    <div class="ec-select">
                                        {{ form_widget(form.classcategory_id1) }}
                                        {{ form_errors(form.classcategory_id1) }}
                                    </div>
                                    {% if form.classcategory_id2 is defined %}
                                        <div class="ec-select">
                                            {{ form_widget(form.classcategory_id2) }}
                                            {{ form_errors(form.classcategory_id2) }}
                                        </div>
                                    {% endif %}
                                {% endif %}
                                <div class="ec-numberInput"><span>{{ 'common.quantity'|trans }}</span>
                                    {{ form_widget(form.quantity) }}
                                    {{ form_errors(form.quantity) }}
                                </div>
                            </div>
                            <div class="ec-productRole__btn">
                                <button type="submit" class="ec-blockBtn--action add-cart">
                                    {{ 'front.product.add_cart'|trans }}
                                </button>
                            </div>
                        {% else %}
                            <div class="ec-productRole__btn">
                                <button type="button" class="ec-blockBtn--action" disabled="disabled">
                                    {{ 'front.product.out_of_stock'|trans }}
                                </button>
                            </div>
                        {% endif %}

{{ form_rest(form) }}
                    </form>
                    <div class="ec-modal">
                        <input type="checkbox" id="ec-modal-checkbox" class="checkbox">
                        <div class="ec-modal-overlay">
                            <label for="ec-modal-checkbox" class="ec-modal-overlay-close"></label>
                            <div class="ec-modal-wrap">
                                <label for="ec-modal-checkbox" class="ec-modal-close"><span class="ec-icon"><img src="{{ asset('assets/icon/cross-dark.svg') }}" alt=""/></span></label>
                                <div id="ec-modal-header" class="text-center">{{ 'front.product.add_cart_complete'|trans }}</div>
                                <div class="ec-modal-box">
                                    <div class="ec-role">
                                        <label for="ec-modal-checkbox" class="ec-inlineBtn--cancel">{{ 'front.product.continue'|trans }}</label>
                                        <a href="{{ url('cart') }}" class="ec-inlineBtn--action">{{ 'common.go_to_cart'|trans }}</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    {% if BaseInfo.option_favorite_product %}
                        <form action="{{ url('product_add_favorite', {id:Product.id}) }}" method="post">
                            <div class="ec-productRole__btn">
                                {% if is_favorite == false %}
                                    <button type="submit" id="favorite" class="ec-blockBtn--cancel">
                                        {{ 'front.product.add_favorite'|trans }}
                                    </button>
                                {% else %}
                                    <button type="submit" id="favorite" class="ec-blockBtn--cancel"
                                            disabled="disabled">{{ 'front.product.add_favorite_alrady'|trans }}
                                    </button>
                                {% endif %}
                            </div>
                        </form>
                    {% endif %}
                    <div class="ec-productRole__description">{{ Product.description_detail|raw|nl2br }}
                    </div>
                </div>
            </div>
        </div>
        {% if Product.freearea %}
             <div class="ec-productRole__description">
                 {{ include(template_from_string(Product.freearea)) }}
            </div>
        {% endif %}
    </div>
{% endblock %}

Texto modificado

Abrir archivo

{#
This file is part of EC-CUBE

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.
#}
{% extends 'default_frame.twig' %}

{% set body_class = 'product_page' %}

{% block stylesheet %}
    <style>

.slick-slider {
            margin-bottom: 30px;
        }

.slick-dots li {
            position: relative;
            display: inline-block;
            width: 20px;
            height: 20px;
            margin: 0 5px;
            padding: 0;

cursor: pointer;
        }

.slick-dots li button:hover,
        .slick-dots li button:focus {
            outline: none;
        }

.slick-dots li button:hover:before,
        .slick-dots li button:focus:before {
            opacity: 1;
        }

}

.slick-dots li.slick-active button:before {
            opacity: .75;
            background-color: black;
        }

.slick-dots li button.thumbnail img {
            width: 0;
            height: 0;
        }

</style>
{% endblock %}

{% block javascript %}
    <script>
        eccube.classCategories = {{ class_categories_as_json(Product)|raw }};

$('#ec-modal-checkbox').prop('checked', true);

{% block main %}
    <div class="ec-productRole">
        <div class="ec-grid2">
            <div class="ec-grid2__cell">
                <div class="ec-sliderItemRole">

{% if Product.Price01Max is not null %}
                                    {% set discountRate = (1.0 - (Product.Price02Min / Product.Price01Min)) * 100 %}
                                    <div class="ec-color-red ec-font-size-3">(通常価格より {{discountRate|round}}% 割引)</div>
                                {% endif %}
                            </div>
                        {% endif %}
                    </div>
                    {# 商品コード #}
                    {% if Product.code_min is not empty %}
                        <div class="ec-productRole__code">
                            {{ 'front.product.code'|trans }}： <span class="product-code-default">{{ Product.code_min }}{% if Product.code_min != Product.code_max %} ～ {{ Product.code_max }}{% endif %}</span>
                        </div>
                    {% endif %}
                    {# 関連カテゴリ #}
                    {% if Product.ProductCategories is not empty %}
                        <div class="ec-productRole__category">
                            <div>{{ 'front.product.related_category'|trans }}</div>
                            {% for ProductCategory in Product.ProductCategories %}
                                <ul>
                                    <li>
                                        {% for Category in ProductCategory.Category.path %}
                                            <a href="{{ url('product_list') }}?category_id={{ Category.id }}">{{ Category.name }}</a> {%- if loop.last == false %}
                                            <span>＞</span>{% endif -%}
                                        {% endfor %}
                                    </li>
                                </ul>
                            {% endfor %}
                        </div>
                    {% endif %}
                    <form action="{{ url('product_add_cart', {id:Product.id}) }}" method="post" id="form1" name="form1">
                        {% if Product.stock_find %}
                            <div class="ec-productRole__actions">
                                {% if form.classcategory_id1 is defined %}
                                    <div class="ec-select">
                                        {{ form_widget(form.classcategory_id1) }}
                                        {{ form_errors(form.classcategory_id1) }}
                                    </div>
                                    {% if form.classcategory_id2 is defined %}
                                        <div class="ec-select">
                                            {{ form_widget(form.classcategory_id2) }}
                                            {{ form_errors(form.classcategory_id2) }}
                                        </div>
                                    {% endif %}
                                {% endif %}
                                <div class="ec-numberInput"><span>{{ 'common.quantity'|trans }}</span>
                                    {{ form_widget(form.quantity) }}
                                    {{ form_errors(form.quantity) }}
                                </div>
                            </div>
                            <div class="ec-productRole__btn">
                                <button type="submit" class="ec-blockBtn--action add-cart">
                                    {{ 'front.product.add_cart'|trans }}
                                </button>
                            </div>
                        {% else %}
                            <div class="ec-productRole__btn">
                                <button type="button" class="ec-blockBtn--action" disabled="disabled">
                                    {{ 'front.product.out_of_stock'|trans }}
                                </button>
                            </div>
                        {% endif %}