Symfony Profiler

{#
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.
#}
{% extends 'default_frame.twig' %}
{% set body_class = 'cart_page' %}
{# style #}
{% block stylesheet %}
<link rel="stylesheet" href="{{ asset('assets/css/cart.css') }}">
{% endblock %}
{% block main %}

<div class="breadcrumb-section">
<div class="container-1360 border-box px-40">
<nav class="breadcrumb">
<a href="{{ url('homepage') }}" class="breadcrumb__item text-black">ホーム</a>
<img src="{{ asset('assets/img/default/icons/icon-breadcrumb-arrow.svg') }}" alt=">" class="breadcrumb__separator">
<a href="{{ url('cart') }}" class="breadcrumb__item text-black">カート</a>
</nav>
</div>
</div>
<div class="container-1200">
<div
class="product-cart-wrapper">

<div class="top-header-title-section">
<div class="top-header-icon-text">
<div class="top-header-icon-text">
<svg class="top-header-icon" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_cart)">
<path d="M5.83398 15.0013C4.91732 15.0013 4.17565 15.7513 4.17565 16.668C4.17565 17.5846 4.91732 18.3346 5.83398 18.3346C6.75065 18.3346 7.50065 17.5846 7.50065 16.668C7.50065 15.7513 6.75065 15.0013 5.83398 15.0013ZM0.833984 1.66797V3.33464H2.50065L5.50065 9.65964L4.37565 11.7013C4.24232 11.9346 4.16732 12.2096 4.16732 12.5013C4.16732 13.418 4.91732 14.168 5.83398 14.168H15.834V12.5013H6.18398C6.06732 12.5013 5.97565 12.4096 5.97565 12.293L6.00065 12.193L6.75065 10.8346H12.959C13.584 10.8346 14.134 10.493 14.4173 9.9763L17.4007 4.56797C17.4673 4.4513 17.5007 4.30964 17.5007 4.16797C17.5007 3.70964 17.1257 3.33464 16.6673 3.33464H4.34232L3.55898 1.66797H0.833984ZM14.1673 15.0013C13.2507 15.0013 12.509 15.7513 12.509 16.668C12.509 17.5846 13.2507 18.3346 14.1673 18.3346C15.084 18.3346 15.834 17.5846 15.834 16.668C15.834 15.7513 15.084 15.0013 14.1673 15.0013Z" fill="#00A854"/>
</g>
<defs>
<clipPath id="clip0_cart"><rect width="20" height="20" fill="white"/></clipPath>
</defs>
</svg>
<span class="top-header-text">カート</span>
</div>
</div>
<h1 class="top-header-title">SHOPPING CART</h1>
</div>
{% set productStr = app.session.flashbag.get('eccube.front.request.product') %}
{% for error in app.session.flashbag.get('eccube.front.request.error') %}
{% set idx = loop.index0 %}
<div class="ec-cartRole__error">
<div class="ec-alert-warning">
<div class="ec-alert-warning__icon"><img src="{{ asset('assets/icon/exclamation-white.svg') }}"></div>
<div class="ec-alert-warning__text">
{% if productStr[idx] is defined %}
{{ error|trans({'%product%':productStr[idx]})|nl2br }}
{% else %}
{{ error|trans|nl2br }}
{% endif %}
</div>
</div>
</div>
{% endfor %}
{% for error in app.session.flashbag.get('eccube.front.cart.error') %}
<div class="ec-cartRole__error">
<div class="ec-alert-warning">
<div class="ec-alert-warning__icon"><img src="{{ asset('assets/icon/exclamation-white.svg') }}"></div>
<div class="ec-alert-warning__text">
{{ error|trans|nl2br }}
</div>
</div>
</div>
{% endfor %}
{% if totalQuantity > 0 %}
{% if Carts|length > 1 %}
<div class="ec-cartRole__error">
<div class="ec-alert-warning">
<div class="ec-alert-warning__text">
{{ 'front.cart.divide_cart'|trans|nl2br }}
</div>
</div>
</div>
{% endif %}
{% for CartIndex,Cart in Carts %}
<div class="cart-wrapper">
<div class="cart-left">
{% set cartKey = Cart.cart_key %}
{% for error in app.session.flashbag.get('eccube.front.cart.' ~ cartKey ~ '.request.error') %}
<div class="ec-cartRole__error">
<div class="ec-alert-warning">
<div class="ec-alert-warning__icon"><img src="{{ asset('assets/icon/exclamation-white.svg') }}"></div>
<div class="ec-alert-warning__text">{{ error|trans|nl2br }}</div>
</div>
</div>
{% endfor %}

<div
class="cart-table">

<div class="cart-table-header">
<div class="cart-table-header__product">商品名</div>
<div class="cart-table-header__quantity">数量</div>
<div class="cart-table-header__subtotal">小計</div>
</div>
<div class="cart-table-row-wrapper">
{% for CartItem in Cart.CartItems %}
{% set ProductClass = CartItem.ProductClass %}
{% set Product = ProductClass.Product %}
<div class="cart-table-row">
<div
class="cart-table-row__product">
{# delete product from cart #}
<a href="{{ url('cart_handle_item', {'operation': 'remove', 'productClassId': ProductClass.id }) }}" {{ csrf_token_for_anchor() }} class="product-remove" data-method="put" data-message="カートから商品を削除してもよろしいですか?" data-user-imei="{{ CartItem.user_imei|default('') }}">
<img src="{{ asset('assets/img/default/icons/close.svg') }}" alt="delete" class="product-remove-icon">
</a>
<div class="product-image">
<a target="_blank" href="{{ url('product_detail', {id : Product.id} ) }}">
<img src="{{ asset(Product.MainListImage|no_image_product, 'save_image') }}" alt="{{ Product.name }}">
</a>
</div>
<div class="product-info">
<div class="product-name">
<a target="_blank" href="{{ url('product_detail', {id : Product.id} ) }}" class="text-black">{{ Product.name }}</a>
</div>
<div class="product-price">{{ CartItem.price|price }}</div>
<div class="product-price-quantity-wrapper container-mobile-flex">
<span class="container-mobile mr-40">数量：{{ CartItem.quantity|number_format }}</span>
<span class="container-mobile">小計：{{ CartItem.total_price|price }}</span>
</div>
{% if ProductClass.ClassCategory1 and ProductClass.ClassCategory1.id %}
<div>{{ ProductClass.ClassCategory1.ClassName.name }}：{{ ProductClass.ClassCategory1 }}</div>
{% endif %}
{% if ProductClass.ClassCategory2 and ProductClass.ClassCategory2.id %}
<div>{{ ProductClass.ClassCategory2.ClassName.name }}：{{ ProductClass.ClassCategory2 }}</div>
{% endif %}
{% if CartItem.user_imei %}
<div>{{ 'front.cart.user_imei_title'|trans }}:
{{ CartItem.user_imei }}</div>
{% endif %}
</div>
<div class="product-remove">
<a href="{{ url('cart_handle_item', {'operation': 'remove', 'productClassId': ProductClass.id }) }}" {{ csrf_token_for_anchor() }} class="ec-icon" data-method="put" data-message="カートから商品を削除してもよろしいですか?" data-user-imei="{{ CartItem.user_imei|default('') }}">
<img src="{{ asset('assets/icon/cross.svg') }}" alt="delete">
</a>
</div>
</div>
<div class="cart-table-row__quantity container-desktop-flex">
<span class="quantity-value">{{ CartItem.quantity|number_format }}</span>
</div>
<div class="cart-table-row__subtotal container-desktop-flex">
<span class="subtotal-value">{{ CartItem.total_price|price }}</span>
</div>
</div>

<div class="cart-table-divider"></div>
{% endfor %}
</div>
</div>
</div>
<div
class="cart-right">

<div
class="cart-summary">

<div class="cart-summary-row">
<span class="cart-summary-label">数量</span>
<span class="cart-summary-value">{{ Cart.totalQuantity|number_format }}</span>
</div>

<div class="cart-summary-divider"></div>

<div class="cart-summary-row cart-summary-row-bottom">
<span class="cart-summary-label">商品合計（税込）</span>
<span class="cart-summary-price">{{ Cart.totalPrice|price }}</span>
</div>

<button class="btn-order-process" onclick="window.location.href='{{ url('product_list') }}'">
ご注文手続きに進みます
</button>
{# if user is logged in #}
{% if is_granted('IS_AUTHENTICATED_FULLY') %}
<button class="btn-checkout" onclick="window.location.href='{{ url('cart_buystep', {'cart_key': Cart.cart_key}) }}'">
お会計に進む
</button>
{% else %}
<div
class="cart-checkout-button-wrapper" style="">

<button class="btn-checkout" onclick="window.location.href='{{ url('shopping_nonmember', {'cart_key': Cart.cart_key}) }}'">
お会計に進む
</button>

<div class="cart-or-divider">
<span class="cart-or-text">または</span>
</div>

<button class="btn-login-checkout" onclick="window.location.href='{{ url('cart_buystep', {'cart_key': Cart.cart_key}) }}'">
ログインしてお会計に進む
</button>
</div>
{% endif %}
</div>
</div>
</div>
{% endfor %}
{% else %}
{% for CartIndex,Cart in Carts %}
{% set cartKey = Cart.cart_key %}
{% for error in app.session.flashbag.get('eccube.front.cart.' ~ cartKey ~ '.request.error') %}
<div class="ec-cartRole__error">
<div class="ec-alert-warning">
<div class="ec-alert-warning__icon"><img src="{{ asset('assets/icon/exclamation-white.svg') }}"></div>
<div class="ec-alert-warning__text">{{ error|trans|nl2br }}</div>
</div>
</div>
{% endfor %}
{% endfor %}
<div class="ec-role">
<div class="ec-off3Grid">
<div class="ec-off3Grid__cell">
<div class="ec-alert-warning">
<div class="ec-alert-warning__icon"><img src="{{ asset('assets/icon/exclamation-white.svg') }}"></div>
<div class="ec-alert-warning__text">{{ 'front.cart.no_items'|trans }}</div>
</div>
</div>
</div>
</div>
{% endif %}
</div>
</div>
{% endblock %}
{% block javascript %}
<script>
(function() {
'use strict';
// Hàm set cookie
function setCookie(name, value, days) {
const expires = new Date();
expires.setTime(expires.getTime() + (days * 24 * 60 * 60 * 1000));
document.cookie = name + '=' + value + ';expires=' + expires.toUTCString() + ';path=/';
}
// Hàm get cookie
function getCookie(name) {
const nameEQ = name + '=';
const ca = document.cookie.split(';');
for (let i = 0; i < ca.length; i++) {
let c = ca[i];
while (c.charAt(0) === ' ') c = c.substring(1, c.length);
if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
}
return null;
}
// Hàm delete cookie
function deleteCookie(name) {
document.cookie = name + '=;expires=Thu, 01 Jan 1970 00:00:00 UTC;path=/;';
}
// Hàm lưu vị trí scroll vào cookie
function saveScrollPosition() {
const scrollPosition = window.pageYOffset || document.documentElement.scrollTop;
setCookie('cart_scroll_position', scrollPosition.toString(), 1);
}
// Hàm khôi phục vị trí scroll từ cookie
function restoreScrollPosition() {
const savedScrollPosition = getCookie('cart_scroll_position');
if (savedScrollPosition) {
setTimeout(function() {
const targetPosition = parseInt(savedScrollPosition);
window.scrollTo(0, targetPosition);
// Kiểm tra xem scroll có thành công không
setTimeout(function() {
const currentPosition = window.pageYOffset || document.documentElement.scrollTop;
// Nếu vị trí hiện tại gần với vị trí mục tiêu (cho phép sai số 10px)
if (Math.abs(currentPosition - targetPosition) <= 10) {
// Xóa cookie sau khi đã scroll thành công
deleteCookie('cart_scroll_position');
console.log('Đã khôi phục vị trí scroll và xóa cookie');
} else {
// Nếu scroll không thành công, thử lại sau 200ms
setTimeout(function() {
window.scrollTo(0, targetPosition);
deleteCookie('cart_scroll_position');
console.log('Thử lại scroll và xóa cookie');
}, 200);
}
}, 50);
}, 100);
}
}
// Hàm khởi tạo event listeners
function initCartScrollPosition() {
// Khôi phục vị trí scroll từ cookie khi vào trang
restoreScrollPosition();
// Thêm event listener cho các nút + và -
const upButtons = document.querySelectorAll('.ec-cartRow__amountUpButton');
const downButtons = document.querySelectorAll('.ec-cartRow__amountDownButton');
// Thêm event listener cho nút +
upButtons.forEach(function(button) {
button.addEventListener('click', function(e) {
saveScrollPosition();
});
});
// Thêm event listener cho nút -
downButtons.forEach(function(button) {
button.addEventListener('click', function(e) {
saveScrollPosition();
});
});
}
// Khởi tạo khi DOM đã sẵn sàng
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', initCartScrollPosition);
} else {
initCartScrollPosition();
}
})();
</script>
{% endblock %}

app/template/default/Cart/index.twig line 1