gelöst Kleines rundes Stückzahlsymbol am Warenkorb

Der gesamte Warenkorb mit Schrift, Symbol und Mengen-Kreis wird hierüber angesprochen:

Code:

#cart-container.navbar-cart {
css-Code;
}

bzw. über

Code:

#cart-container.navbar-cart > ul > li > a.dropdown-toggle{
css-code;
}

Nur das Warenkorb-Symbol über

Code:

.basket{
css Code;
}

Die Beschriftung des Warenkorbes:

Code:

#cart-container.navbar-cart > ul > li > a.dropdown-toggle .cart{
css-code;
}

(einige css-Codes greifen hier auch für die Preisanzeige)

Die Preisanzeige des Warenkorbes:

Code:

#cart-container.navbar-cart > ul > li > a.dropdown-toggle .products{
css-code;
}

und nur der Kreis mit der Mengenangabe:

Code:

.cart-products-count{
css-code;
}

Das Ganze ist dann natürlich noch mit
@media (min-width: 123px){
...
}

auf die einzelnen Bildschirmauflösungen anpassbar (123px muss natürlich geändert werden)

Ich hoffe das hilft etwas

 

Der Mengenkreis muss extra verschoben werden.
Dass kannst Du im Style Editor über "Eigenes css einfügen" machen.
(Style zum Bearbeiten öffnen, einmal auf den Namen des Style klicken, dann erscheint darunter ein Link)

 

Normalerweise schiebst Du den Warenkorb einmal an die richtige Position und fasst das Teil nie wieder an.
Es sei denn Du änderst irgendwann Dein Template.

Wenn Du einen Link zur Seite postest, kann man Dir vielleicht sagen, was du anders machen könntet.

Im Übrigen:
jede Änderung die Du im Style Editro durchführst ist eine Anpassung im css, nur das der Shop den Code für Dich in eine Datei schreibt.

 

Hallo zusammen,
solang ich keine Produkte im Warenkorb habe ist kein cart-products-count im Warenkorb ersichtlich. Erst sobald ein Produkt im Warenkorb liegt schaltet dieser auf 1 um und meine Einstellungen werden ersichtlich.
Sobald ich diesen Artikel wieder lösche, steht komischerweise eine "0" im Warenkorb, so wie es sein soll.
Was kann ich tun, um von vorne herein eine 0 im Warenkorb anzeigen zu lassen. Freue mich über jede HIlfe.
Danke

 

Nimm es als Ergebnis einer einfachen Berechnung. Der WK bekommt die Nachricht "+1" und zeigt das Ergebnis an.
Nimmst Du das aus dem WK raus, wird die Menge abgezogen und das Ergebnis angezeigt.
In Deinem Fall also eine "0"
Bevor nichts in den Warenkorb gelegt wird, findet auch keine Berechnung statt und der Shop hat kein Ergebnis, das er anzeigen kann.
Du musst die Datei suchen und dort festlegen "zeige immer eine 0 außer wenn...."

 

Danke für die zügige Rückmeldung. Vom Prinzip her habe ich mir eine solche Logik bereits gedacht. Ich habe jedoch Probleme die Datei zu finden und dann genau auszumachen wie ich "zeige immer eine 0 außer wenn..." zu realisieren.

 

Ich weiß nicht ob es so funktioniert, bitte erst testen:
templates/ Honeygrid/ boxes/ box_cart_head.html
kopieren und die Kopie box_cart_head-USERMOD.html nennen.
Die Kopie muss neben der originalen Datei im Verzeichnis liegen.

In der Kopie suchen nach

HTML:

<span class="cart-products-count{if $productsCount == 0} hidden{/if}">
                    {$productsCount}
                </span>

und ändern in

HTML:

<span class="cart-products-count">
                {if $productsCount == 0}
                0
                {else if}
                    {$productsCount}
                </span>
                {/if}

Cache leeren.

 

Super perfekt !!! Funktioniert, danke

 

Hallo zusammen,
ich hatte wie TJ auch das Problem, dass der Counter des Warenkorbs nicht zusammen mit dem Warenkorb verrutscht ist. Dies habe ich dank der Tipps oben dann auch gelöst bekommen. Gleiches galt für meinen Custom Container, der viel zu hoch oben hing und auf die Höhe der Suche rutschen sollte.

Nun habe ich aber heute den Shop nochmal etwas umgebaut und die Kopfzeile ist nicht mehr fixiert. Wenn ich nun nach unten scrolle, rutschen der Inhalt des Custom Containers sowie mein Counter nicht mit dem Sticky nach oben.
Wie kann ich das noch umsetzen? Zur Info: ich habe leider 0,0 Kenntnisse in CSS und probiere immer verzweifelt rum bis etwas klappt. An dieser Stelle DANKE an alle fleißigen Unterstützer hier im Forum.

Hier meine Adaptionen:


.cart-products-count {
top: 20px;
}

@media (min-width:768px) {
.cart-products-count {
top:60px;
}
}

.custom-container {
top: 60px;
}

@media (min-width:768px) {
.cart-products-count {
top:60px;
}
}

 

Weiß wirklich keiner Rat? :-(

 

@media (min-width:768px) {
.cart-products-count {
top:60px;
}
}
Der Steht bei Dir Doppelt.

Warum das bei Dir nicht Sticky ist, müsste man sich auf Deiner Seite ansehen. Ohne Link wird das nichts.

 

Da siehste einfach ich habe keine Ahnung. "Doppelt hilft viel".
Habe es rausgenommen, es ändert aber nichts. Ich schalte den Shop kurz mal live. (Link nur für registrierte Nutzer sichtbar.)
Danke Dir!

 

Für den Costum Container hast Du eine Sticky-höhe von 30px, das ist zu wenig, ändere das besser auf 40px, sonst wird der Text unten abgeschnitten.

Dann füge das in Dein eigenes css ein:

Code:

@media (min-width: 768px){
#header.sticky .custom-container {
    top: 10px;
}}

Ungetestet:

Code:

@media (min-width: 768px){
#header.sticky .cart-products-count {
top: 20px;
}}

Wenn das so nicht geht, muss ich noch einmal schauen...

 

Hi Barbara,
für das Warenkorb-Dings hat es funktioniert. Die Schrift aus dem Custom Container wandert nun auch mit, aber sie sitzt etwas zu hoch. das bekomme ich sicher mit den anderen Werten wieder korrigiert? Aber jetzt habe ich oben auf der Seite eine Art Fehlermeldung...?! Habe mal die Testseite live geschaltet.

 

Hast Du das "Code" aus der Box mit kopiert?
Das muss wieder raus

Den Code für den Freien Inhalt sehe ich in Deinem Shop nicht, könnte aber an dem falschen Wort im CSS liegen.

 

Haha, ja habe ich. CSS für Dummys. Sorry.
1000 Dank, es klappt jetzt!!!! Hab einen schönen Abend!!!