Beiträge von aubers

  • CSS div ganz oben anzeigen lassen

    Wordpress: 5.2.2.
    Theme: Astra
    Page Builder: Elementor
    Woocommerce
    Link: https://bit.ly/33yTdmT

    Moin, moin liebe Wpler,

    ich möchte innerhalb eines parent divs, per CSS ein div nach ganz oben verschieben.
    Die Headline, also der Produktname soll nach ganz oben, danach der Preis und danach Mwst. + Versand. (siehe Bild Sollzustand)

    Habe flexbox probiert, was aber für diese Zwecke leider nicht ausreichend war. Mit grid boxen habe ich keine Erfahrung. Bin gespannt auf eure Lösungsansätze.

  • flex-box

    Wordpress: 5.2.2.
    Theme: Astra
    Pagebuilder: Elementor
    Woocoomerce Shop
    URL: https://bit.ly/2JEsSMv

    Moin, moin liebe Wpler,

    ich habe mit Hilfe von flex-box den Warenkorb nach meinen Wünschen editiert und habe ein div, bei dem ich nicht weiterkomme.

    Es gibt im Warenkorb 3 wichtige divs (Namen sind keine echte classes):
    1) Gutschein Message (kommt nur wenn man auf "Gutschein anwenden" klickt
    2) Die Produkte und Preise
    3) Warenkorbsumme

    Aus Layoutgründen habe ich "Produkte und Preise" und "Warenkorbsumme" in eine Zeile per "display: flex;" "flex-direction: row;" verschoben. Der Breakpoint für "flex-direction: column;" liegt bei 1300px.

    Istzustand:

    Das div "Gutschein Message" mit der class ".woocommerce-error, .woocommerce-info, .woocommerce-message" erscheint in einer Zeile mit den anderen beiden divs, wodurch sich das gesamte Layout verschiebt. Siehe Bild 1

    Sollzustand:

    Das div "Gutschein Message" liegt eine Zeile überhalb der anderen beiden divs mit voller Breite.
    Siehe Bild 2

    Anmerkung: Um den Warenkorb zu sehen, einfach zum Shop gehen und Produkte in den Warenkorb hinzufügen.

    Ich habe enige Fehlsversuche mit flex-wrap usw. gehabt. Danke für eure Hilfe!

  • CSS margin-top funktioniert nicht

    Website: https://bit.ly/2JEsSMv
    Theme: Astra
    Wordpress: 5.2.2.

    Moin, moin liebe Wpler,

    eben versucht einen Button (siehe Bild) mit "margin-top: -1000px !important;" nach oben zu ziehen. Auch wenn die margins left, right und button funktionieren, wird diese margin nur bis ca. -20px ausgeführt, danach macht es keinen Unterschied mehr, ob ich -150px oder -50px eingebe.

    Kennt jemand die Lösung?

    Die - margin ist mit media queries auf einen breakpoint von 1000px gesetzt. Um in den Warenkorb zu kommen einfach 1 - 2 Produkte dem Warenkorb hinzufügen

    LG Aubers

  • Woocommerce Warenkorb Divs verschieben

    Theme: Astra
    Version: 5.2.2
    Page Builder: Elementor Pro
    URL: https://bit.ly/2JEsSMv

    Moin, moin liebe Wpler,

    Ich habe eben den Warenkorb nach meinen Wünnschen mit Hilfe von CSS editiert, aber bin dabei auf ein Problem gestoßen: Ich möchte dass die "Warenkorb Summe" und der Button "Weiter zur Kasse" genau auf einer Höhe mit den Produkten im Warenkorb sind. Siehe Bild 1 (Sollzustand). Leider habe ich festgestellt, dass ich das div-Element "Weiter zur Kasse" zwar mit "margin-top: -300px;" hochziehen kann, aber wieder mit jedem neuen Produkt im div-Element in dem die Produkte aufgelistet sind, verzogen wird. Siehe Bild 2 (Istzustand).

    Der Grund ist, dass das div-Element "Weiter zur Kasse" eigentlich unter dem div-Element für die Produktauflistung liegt (Siehe Normalzustand) und deswegen runter oder hoch rutscht wen das div-Elemnt Produkte länger oder kürzer wird.

    Ich denke eine einfache Lösung wäre, wenn ich das div-Element "Weiter zur Kasse" über die aufgelistete Prodkute ziehen könnte und dann mit CSS auf eine Höhe bringen würde. Es wird dann ja nicht mehr von der Länge der Produkliste beeinflusst. Nur leider reichen da meine Programmierkenntnisse nicht aus. Bin gespannt auf eure Hife.

    LG Aubers

  • functions.php noindex

    Danke für deine Antwort, jetzt klappt es. Neues Problem, der Code wird nur bei der ersten Seite (484) angezeigt.

    Code
    add_action('wp_head', 'noRobots');
function noRobots() {
    if(is_page(484, 833, 1367, 2430, 2554, 1673, 2478, 2503, 1733)) echo "\t<meta name='robots' content='noindex, nofollow' />\r\n";
}

    Habe es auch mal so probiert:

    Code
    add_action('wp_head', 'noRobots');
function noRobots() {
    if(is_page('beispiel', 'beispiel2')) echo "\t<meta name='robots' content='noindex, nofollow' />\r\n";
}

  • Title und Meta Description ohne Plugin erstellen

    Moin, moin liebe Wpler,

    jüngst habe ich massenhaft Plugins von meinen Seiten deaktiviert, so dass ich max. 5 aktiv habe. Herrlich dieses Gefühl von einer schnellen Website, ohne massenhaft unnötigen Code. Für SEO habe ich bisweilen Yoast SEO benutzt, was allerdings die Ladezeit verlängert und deswegen keine Option ist.

    Die Frage:

    Wie füge ich Title Tags und Meta Descriptions ohne Plugin hinzu? Muss der gesamte Code dann in die header.php?

  • Mobile Redirect

    Moin, moin liebe Wpler,

    ich suche nach einer Möglichkeit OHNE Plugin mobile redirects für bestimmte URLS durchzuführen.
    Es geht um: http://post.jonaskaeppeler.de

    Habe es mit folgendem HTML Code probiert. Nach Googles Anleitung für korrekte Mobile Redirects: https://developers.google.com/search/mobile-…rate-urls?hl=de

    Code, den ich auf der Desktopversion eingebunden habe.
    <link rel="alternate" media="only screen and (max-width: 640px)"
    href="https://post.jonaskaeppeler.de">

    Code, den ich für die mobileversion eingebunden habe.
    <link rel="canonical" href="https://www.post.jonaskaeppeler.de>

    Liegt es daran, dass die beide Versionen eine Subdomain sind?

  • HTML Code einer Seite bearbeiten

    Ich suche ein Tool womit ich den gesamten Code bearbeiten kann, also auch den <head> <body> etc., nicht im Theme selber, sondern eben nur auf bestimmten Seiten. Bei Notepad++ ist das nicht möglich oder ich habe die Anwendung nicht im gesamten Funktionsumfang benutzt. :)

  • HTML Code einer Seite bearbeiten

    Moin, mon liebe Wpler,

    ich suche schon seit etwas längerem nach einem Programm, mit dem ich den HTML Coder einzelner Worpress-Seiten bearbeiten kann, z.B. um einen Tracking Code in den Body einzufügen oder einzelne Elemente manuell zu bearbeiten kann.

  • Anker im Menü setzen

    [COLOR=#444444][FONT=Roboto]goo.gl/CwyMaS[/FONT][/COLOR]

    [COLOR=#444444][FONT=Roboto][COLOR=#FFFFFF][/COLOR][/FONT][/COLOR]

    Mon, moin liebe Wpler,

    folgende Situation: Ich möchte drei verschiedene Ankerlinks als Menüpunkt setzen, da ich drei verschiedene website Layouts benutze. Desktop, Tablet und mobile. Ich muss also für jedes Layout einen neuen Ankerlink setzen. Leider kann ich immer nur einen Anker pro Menüpunkt z.B. #desktop1 setzen, ich bräuchte aber drei.

    Was kann ich machen oder gibt es die Möglichkeit drei Anker auf ein mal zu setzen ?

    Vielen Dank im voraus[COLOR=#444444][FONT=Roboto]
    [/FONT][/COLOR]