gelöst Warenkorb Icon änden

Bitte/danke

HTML:

{load_language_text section="box_cart"}

<nav id="cart-container" class="navbar-cart" data-gambio-widget="menu cart_dropdown" data-menu-switch-element-position="false">
    <ul class="cart-container-inner">
        <li>
            <a href="{'shopping_cart.php'|xtc_href_link}" class="dropdown-toggle">
                <span class="gm-cart-basket">
                        <img src="{$tpl_path}assets/images/icons/basket-gift.png"
</span>
                <span class="cart">
                    {$txt.heading_cart}<br />
                    <span class="products">
                        {$TOTAL}
                    </span>
                </span>
                <span class="cart-products-count{if $productsCount == 0} hidden{/if}">
                    {$productsCount}
                </span>
            </a>
            ###SHOPPING_CART_DROPDOWN###
        </li>
    </ul>
</nav>

Code:

@media (min-width: $grid-float-breakpoint) {
    #outer-wrapper {
        @include border-radius(10px);
        @include box-shadow(0 0 10px rgba(0, 0, 0, .3));
    }
   
    #header {
        background: transparent;
    }
    #topbar-container {
        background: transparent;
        margin-top: -30px;
        @include border-top-radius(10px);
        .navbar-topbar {
            margin-right: 30px;
        }
    }
    #footer {
        @include border-bottom-radius(10px);
    }
#header.navbar  {
        background: url('https://aloha-bowling.de/shop/gx2/headermas.jpg');
          background-repeat: no-repeat;
        border-top-right-radius: 0px;
        border-top-left-radius: 10px;
    }
#mc_embed_signup    {
      background:transparent; clear:right; font:10px Helvetica,Arial,sans-serif;
      width: 25em;
  }
               
}

@media (min-width:768px){
.gm-cart-basket:before {
    content: '';
}}
@media (max-width:767px){
.gm-cart-basket:before {
    content: '\e80c';
}}

Danke schon mal für Deine Mühen

 

Ich sagte doch, da fehlt eine schließende Klammer

Code:

 <img src="{$tpl_path}assets/images/icons/basket-gift.png"

setzte da am Ende mal ein ">"

Ich habe aber gerade gesehen, das die bei mir auch gefehlt hat -

 

Fast perfekt hab alle caches (browser & Shop) geleert, dennoch bleibt das alte Warenkorb Symbol erhalten.
Ich habe es jetzt im StyleEdit transparent gemacht und nun gefällt und passt es.
@barbara : Vielen, vielen Dank für den schnellen und guten Support!

 

Hallo Zusammen, ich bin ein richtig schlimmer Anfänger. Ich habe überhaupt keinen Plan von CSS oder HTML.

Ich habe mich in Filezilla eingelogt jetzt bin ich bei der datei box_cart_head.html

Die Datei Box_cart_head.html konnte ich nun ändern, das icon habe ich auch in den richtigen ordner gespeichert. Was muss ich jetzt noch tun

Kann mir jemand eine Anleitung für Dummies geben?

Meine Seite: www.califashion.ch

 

Danke, Barbara!!!

 

Hallo,

Verwende die Lösung von Communicate:
Erste Frage: woher kommen: fa-shopping-cart ??? ist ja eine Schrift / gibt's noch andere ?? ?
danke
mfg

 

ich glaube ich verstehe die Frage nicht.

 

naja ich habe das Warenkorb Icon geändert wie es Communicate erklärt hat:
<i class="gm-cart-basket"></i>
ändern in:
HTML:
<i class="fa fa-shopping-cart fa-3x"></i>
usw. (sein Eintrag vom15.10.2016)
also meine Frage: fa fa-shopping-cart ergibt einen anderen Warenkorb als der Originale
der in Gambio-SHop angegeben war ...
als das ist alles eine SChriftart und nun würde ich gerne wissen
ob es da auch noch andere gibt al: fa fa-shopping-cart ODER wie das läuft ?
danke
mfg

 

AAHH Sehr schön Danke Till

 

Hey zusammen, habe mich an die Anleitung gehalten aber bei mir wird der Warenkorb auf 90x90px vergrößert/verkleinert egal, wie groß das Bild ist, dass ich einspiele (hier 48x48px). wie kann ich das denn abstellen?

 

Dazu braucht man einen Link zum Shop, damit man schauen kann wo die 90px herkommen.

 

Geht leider immernoch nicht solange der Shop offline ist...

Aber kann man denn nicht dem Bild im html die Größe vorschreiben?
Bloss funktioniert nichts von den Codes, bzw. bin ich nicht in der Lage diese Korrekt anzugeben.

 

Lege einen Testkunden an und verschiebe den in die Kundengruppe "Gast"
Dann gibst Du dem Kunden nur das Recht den Shop zu sehen.

Normalerweise wird das Bild in der vorhandenen Größe genommen.
Wenn Dein bild nur 45 x 45px groß ist, müsste es auch in 45 x 45px angezeigt werden.
Irgendwo steht demnach ein Code, der das Bild auf 90px setzt.

Nachtrag:
hast Du nach dem Ändern des Bildes die Cache (auch vom Browser) geleert?

 

den Cache im Shop ja, aber manchmal muss ich wie hier den kompletten Firefox bereinigen :-(

Sry und danke für deine Mühe!

 

Ja, das was gut für die Ladezeit ist, kann einen beim Stylen in den Wahnsinn treiben

 

Du kannst einem Gast keine Admin-Rechte geben.
Lege einen neuen Kunden (als neukunde, nciht als Gast) an, verschiebe ihn in die Kundengruppe Admin und lege fest welche Rechte er haben soll.

 

Guten Abend,
meine Frage,
das css einfach als Usermod.hmtl speichern und in den css Ordner hochladen?

 

Jein, als z.B mein.css im /css Ordner hochladen/speichern und dann Cache leeren.