Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellen
Hallo!
Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.
Suche mal auf Google nach 'WooCommerce floating cart' oder 'WooCommerce floating price'
Hallo und vielen Dank für den Tip. Nur leider habe ich nicht das gefunden, was ich gesucht habe. Gefunden habe ich "floating cart". Ich suche etwas was den Artikelpreis "beweglich" macht, so wie im Link, den ich oben genannt habe. Vlt. kann mir jead weiterhelfen.
Danke
Gibt es einen Link zu deiner Seite?
Versuch es mal so:
p.price, .legal-price-info {
position: fixed;
right: 0;
top: 200px;
background: #fff;
width: 130px;
text-align: right;
}
.legal-price-info {
top: 225px;
}
Das dient nur der Orientierung. Du müsstest allerdings fürs mobile Design noch Anpassungen vornehmen
Mann kann natürlich auch noch farblich unterlegen und den Warenkorb dahin verlegen. Du solltest dich selber mal ein bisschen mit CSS befassen.
p.price, .legal-price-info, button.single_add_to_cart_button {
position: fixed;
right: 0;
top: 200px;
background: cyan;
width: 130px;
text-align: right;
}
.legal-price-info {
top: 225px;
}
button.single_add_to_cart_button {
top: 290px;
}Ich tippe mal auf den Browser Cache oder irgendein Cache-Plugin.
Für den linken Button versuche mal das in die Zusätzlichen CSS!
.button.alt,
.widget a.button.checkout {
background-color: #de0cf6;
border-color: #333333;
color: #ffffff;
}
.button.alt:hover,
a.button.checkout {
background-color: yellow;
border-color: #333333;
color: #000;
}Der zweite Teil ist eine Änderung der Farbe bei Mouseover - hover!
Farbe jeweils nach eigener Vorstellung!
Was könnte das noch sein ?
Der Übeltäter ist: right: 0; !!
Der Übeltäter ist nicht das right: 0. Hinter das position: fixed muss ein !important, denn sonst wird es anderswo wieder mit relative überschrieben.
p.price, .legal-price-info, button.single_add_to_cart_button {
position: fixed !important;
right: 0;
top: 200px;
background: cyan;
width: 130px;
text-align: right;
}
.legal-price-info {
top: 225px;
}
button.single_add_to_cart_button {
top: 290px !important;
}Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!