Guten Morgen liebe Community
Ich habe folgendes Problem. Sobald mehrere Produkte im Warenkorb liegen, verschwinden die beiden Buttons “Zum Warenkorb” und “Checkout” beim Popup Shopping-Bag und man muss zuerst ganz nach unten scrollen bis diese erscheinen. Ich finde das etwas unhandlich und hätte gerne, dass die beiden Buttons unten am Popup-Warenkorb anhaften und nur das Div mit den Produkten scrollt.
Hoffe, das ist einigermassen verständlich. Anbei der Code des Headers.liquid. Das Div. class “bag-button” müsste also irgendwie unten am Div class “shopping-bag” angeheftet werden.
Vielen Dank.
Andi
<div id="cart">
<div class="parent shopping-bag-item">
<a class="cart-contents" href="/cart" title="View contents of your shopping cart">
<i class="fa fa-shopping-cart"></i>
<span class="cart-count">{{ cart.item_count }}</span>
</a>
<div class="shopping-bag">
{% if cart.item_count > 0%}
<div class="bag-header">{{ 'products.product.there_are' | t }} <span class="cart-count">{{ cart.item_count }}</span> {{ cart.item_count | pluralize: 'item', 'items' }} {{ 'products.product.in_your_cart' | t }}</div>
<div class="bag-contents">
{% for item in cart.items %}
<div class="item">
<div class="product-image">
<a href="{{ item.url }}" title="{{ item.title | escape }}" class="image">
<img src="{{ item | img_url: 'small' }}" width="87" height="103" alt="{{ item.title | escape }}">
</a>
</div>
<div class="product-details">
<div class="product-name">
<a href="{{ item.url }}">{{ item.title | escape }}</a>
</div>
<span class="price">{{ item.line_price | money }}</span>
<div class="quantity">{{ 'products.product.qty' | t }}: <strong>{{ item.quantity }}</strong></div>
<a onclick="changeCartProduct({{item.id}}, 0)" title="Remove This Item" class="btn-remove"><i class="fa fa-times"></i></a>
</div>
</div>
<hr>
{% endfor %}
</div>
<div class="bag-buttons">
<a href="/cart" class="sf-roll-button bag-button">
<span>{{ 'products.product.view_cart' | t }}</span>
<span>{{ 'products.product.view_cart' | t }}</span>
</a>
<a href="/checkout" class="sf-roll-button checkout-button">
<span>{{ 'products.product.checkout' | t }}</span>
<span>{{ 'products.product.checkout' | t }}</span>
</a>
</div>
{% else %}
<div class="shopping-no-items">
<p class="empty">{{ 'products.product.no_item' | t }}</p>
</div>
{% endif %}
</div>
</div>