abbrechen
Suchergebnisse werden angezeigt für 
Stattdessen suchen nach 
Meintest du: 

Buttons im Warenkorb-Popup sollten immer sichtbar sein

Highlighted
Neues Mitglied
4 0 0

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>

 

 

 

0 Likes
Highlighted
Shopify Staff
Shopify Staff
1655 150 265

Hey Andi! @elfish 

 

Gabe aus Shopify hier! Ich hätte einen anderen Englischen Community Leitfaden für dich, wo mehr Programmierer zusammenkommen und schlage vor deine Frage da (auf EN) zu posten - Siehe hier und hier.

 

VG,

Gabe

Gabe | Social Care @ Shopify

 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Als Lösung anerkennen 

Um mehr zu erfahren, besuche unseren Shopify Help Center oder unseren Shopify Blog

0 Likes