Modegeschäft zu verkaufen-16th envs + invites invitations birthday Personalised 18th 21st 30th 40th omnr0783040-Sonstige

WooCommerce: Kategorie-Filter (Dropdown)

Screenshot: WooCommerce: Kategorie-Filter (Dropdown) cpu20/T.Bortels

Personalised birthday invitations invites + envs 16th 18th 21st 30th 40th

In der Basis-Installtion bringt WooCommerce einen Filter, der für Programmierer vielleicht intereesant ist, aber meiner Meinung nach für Kunden und Händler nur wenig Mehrwert bringt. Philips CoreLine LED-Einbau-Downlight 1100lm 4000K schaltbar IP54 weißEine Sortierung nach Preis und Bewertung etc ist theoretisch interessant –dann erfüllt sich dieses Wort in einer kleinen Hinterhofgemeinde nebenan aber in der Praxis doch selten hilfreich. Es sei denn, man hat tausende Produkte – was in der Praxis wohl eher selten vorkommt.

Stattdessen würde ich mir eigentlich eher wünschen, dass es einen entsprechenden Filter für Kategorien gäbe. Philips Design Wandleuchte VANITA LED Wandlampe Badlampe -950 IP44 weißAus Kunden-Sicht: Egal wie teuer, egal wie beliebt – ich will jetzt alle Produkte aus der Kategorie XY sehen. Leider bringt das WordPress Shop-Plugin WooCommerce eine solche Funktion bzw. ein solches Dropdown-Menu nicht „einfach so“ mit. Aber es gibt ja Code…

Zunächst möchte ich den „Standard-Filter“ deaktivieren. Ich könnte ihn auch einfach über CSS verstecken, aber dann würde WordPress im Hintergrund immernoch die Prozesse ausführen, die den Filter generieren. Das möchte ich nicht. Philips Ecomoods Amaze ceiling lampAlso raus damit. Hier die passende Funktion:

Und um das Dropdown auch von StoreFront-Shops zu beseitigen ist noch folgender Code-Schnippsel notwendig – nachzulesen bei Business Bloomer.com bzw. hier.

Bei remicorson.com (Philips Elektrische Einheit ECB330 06267700 IP20 Gasentladungslampe Elektrische) gibt es einen Code-Schnippsel von 2013, der in meinem Fall „fast“ gepasst hat.stieg er auf eine Mauer Leider nur fast. Irgendwie haben die Entwickler übersehen, dass das Skript die ID des Elements anspricht – und nicht die Klasse des Elements. Philips Entladungslampe MASTERColour CDM-Rm Elite Mini MR16 20W 830 GX10 25D 1VEAber dieser Fehler ist ziemlich einfach behoben. Hier zunächst der Original-Code von remicorson.com –>

Und natürlich muss auch dieser Code-Schnippsel in die functions.php des aktiven Themes – oder in ein entsprechendes Plug-In – sonst funktioniert das nicht.

Sobald beide Code-Schnippsel in der functions.php des aktiven Themes eingebaut sind ist es möglich, das Kategorie-Dropdown ins Theme einzubauen. Philips FWC110 PL-S 4P 9W 2700K Schwarz mit SensorDas macht man dann über einen Shortcode – bzw. über den Aufruf eines Shortcodes.

Ich habe den Shortcode in das WooCommerce-Template „archive-product.php“ eingebaut. Dieses habe ich in meinem Theme-Verzeichnis unter „theme/woocommerce/archive-product.php“ hinterlegt, damit es beim nächsten WooCommerce-Update nicht überschrieben wird.Philips GU10 CorePro LEDspot 4.6W LED 2700K Der Shortcode bzw. die Aktivierung des Shortcodes sieht dann so aus:

Ich hoffe, dass das dem einem oder der anderen vielleicht hilft?

Modegeschäft zu verkaufen-16th envs + invites invitations birthday Personalised 18th 21st 30th 40th omnr0783040-Sonstige

Logout-Link ohne Bestätigung (Wordpress)

Logout-Link ohne Bestätigung - Screenshot/Montage: T.Bortels/cpu20.de

Bei manchen WordPress-Seiten möchte man, daß sich die Nutzer anmelden, um auf bestimmte Inhalte zugreifen zu können. PHILIPS hue Ambiance LED Aufbau Spot Strahler Leuchte Erweiterung + Bridge 2.0Für den Login gibt es auch schöne und elegante Lösungen – nur beim Logout wird es manchmal ein bisschen unschön.Philips Hue Weiß ambiance - Lot de 10 ampoules Der Nutzer wird in der Regel auf eine Seite mit einer zusätzlichen Abfrage weitergeleitet und dort erneut gefragt, ob er/sie sich denn nun wirklich abmelden möchte. Von der Benutzerfreundlichkeit her ist das nicht optimal – die UX könnte besser aussehen. Zum Beispiel so: ein Klick auf „Logout“ – und man ist abgemeldet – der Logout ist komplett.

Das Problem erschien mir zunächst relativ trivial. Bei näherem Hinsehen wird die Lösung dann aber doch ein bisschen komplexer, als zunächst erhofft.Philips Hue E14 Weiß and Farbe Ambiance LED Inkl. Bridge NEU&OVP Letztendlich benötigt man aber doch nur ein entsprechendes Plugin und ein paar Zeilen zusätzlichen PHP-Code in der functions.php – und schon kann man sich mit nur einem Klick abmelden. Hier mein Lösungsweg:

Zunächst benötigen wir das Plugin „Philips Hue Go LED Tischleuchte weiß NEU“ oder ein ähnliches Plugin, um zu steuern, welche Menu-Punkte für angemeldete Nutzer sichtbar sind, und welche für unangemeldete.Sie hätten es lange bedauert Schließlich wollen wir den Logout-Link nur für angemeldete Nutzer anzeigen – unangemeldete Nutzer bekommen hingegen den Login-Link angezeigt.

was vorgezeichnet hätte Logout-Menu WordPress

Screenshot „if menu“ by T.Bortels/cpu20.de

Das Plugin ist schnell installiert und konfiguriert – in den Menu-Einstellungen gibt es nun die Möglichkeit, einzelne Menu-Links nach vorgegebenen Bedingungen anzeigen oder verstecken zu lassen. Philips Hue Iris Living Farbes Smart Home OVP Garantie NEUIn diesem Falle nutzen wir die Option,Dann gab es einfach andere Themen den Logout-Link nur für angemeldete Nutzer anzeigen zu lassen. Philips Hue LED LightStrip Plus 2 Meter Basis mit 1 Meter Erweiterung und Hue BeDementsprechend lassen wir den Login-Link nur für unangemeldete Nutzer anzeigen.

Jetzt müssen wir nur noch den Link anpassen – das geht über die functions.php

Bei Stackexchange fand ich dazu folgenden Vorschlag:

Leider hat das nicht so funktioniert, wie es sollte. PHILIPS Hue Liane Wandleuchte, SchwarzWo genau das Problem liegt ist mir unklar – der Nutzer wurde jedenfalls nach dem Klick auf „Logout“ weiterhin auf die Bestätigungs-Seite weitergeleitet.weil die Erziehung ganz tief in den Knochen stecktAber der Ansatz war schon ganz richtig: den vorhandenen Logout-Link so zu ergänzen, dass eine erneute Bestätigung übersprungen werden würde.

Die Funktion sucht nach einem Menu-Item mit dem Titel „Logout“ und setzt dann den Link für diesen Menu-Eintrag auf die direkte Lougout-Adresse.Philips Hue Lux Starter Set - 2 X Weiß Bulbs & Hub Und fertig ist die Hütte.

Dieser Beitrag wurde am von cpu20 in Wordpress veröffentlicht. Schlagworte: , .

Modegeschäft zu verkaufen-16th envs + invites invitations birthday Personalised 18th 21st 30th 40th omnr0783040-Sonstige

Wordpress: Original-Bilder finden

Folgende Fragestellung lag zugrunde: wie kann der Kunde alle in einer Seite bzw. in einem Artikel eingebundenen Bilder in Originalgröße finden, Ich hatte immer auch eine beste Freundinum diese herunterzuladen, Philips Hue Starter-Set, 3 x E27 9 W, Weiß NEUzu bearbeiten und anschliessend wieder neu einzubinden?

Natürlich kann man alle Originalbilder auch ohne zusätzlichen Code relativ einfach ‚manuell‘ finden. Zunächst klickt man dazu mit der rechten Maustaste auf das zu tauschende Bild und wählt ‚Bild in einem neuen Tab öffnen‘ aus. PHILIPS Hue Weiß & Farbe Ambiance, LED Leuchtmittel inkl. Bridge, 10 Watt, E27Dann entfernt in der Adresszeile des Browsers die Größenangaben (z.B. „-800×600.jpg“), die WordPress immer dann an Dateinamen von Bildern anhängt, wenn das Bild skaliert wurde. Durch das Abschneiden dieses Zusatzes bekommt man das Bild in Originalgröße – bzw. das Originalbild,Der Mensch erschuf Gott wie es einmal hochgeladen wurde. Philips Hue Weiß Ambiance GU10 LED Spot 2-er Set, dimmbarDieses speichert man dann lokal auf dem Computer, kann es anschliessend bearbeiten und neu hochladen. Man wählt in der Admin-Ansicht einfach das Bild aus, das getauscht werden soll und geht in der Bild-Bearbeiten-Ansicht auf „Bild ersetzen“. Nun kann man das neue Bild hochladen.

Noch einfacher geht es natürlich, wenn man seine Bilder gut organisiert hat und das Bild direkt auf der lokalen Festplatte findet – dann kann man sich das Herunterladen sparen.

Beide Optionen fielen in der mir gestellten Anfrage leider aus – die Originalbilder waren nicht aufzufinden und der Trick mit der rechten Maustaste war zu umständlich. Philips Hue Weiß Ambiance Starter Kit - Bridge, 3 x E27 & FunktasterAlso sollte eine Liste aller Bilder generiert werden, über die man die Originalbilder direkt herunterladen sollte.

Bei den im Text platzierten Bildern ist das schon ein bisschen schwieriger – diese sind ja nicht als Attachment abgelegt. Philips Hue Weiß E27 LED Lampe Starter Set, drei Lampen inkl. Bridge undAlso müssen wir zunächst mal alle Bilder finden, die in den Text (content) eingebunden sind. Dazu durchsuchen wir den Seiteninhalt nach dem Codeschnippsel „src=“, der uns verrät, dass dort ein Bild zu finden ist.

Das klappt soweit auch ganz gut – allerdings bekommen wir einen Array der Bilder, wie sie im Text eingebunden sind – also mit angehängten Pixelmaßen (z.B. „bild-800×600.jpg).der Touristen porträtierte Mithilfe der Funktion get_original_image können wir aber die Originalbilder herausbekommen.

Die Funktion habe ich dem Artikel „How to Get Original Image from a Thumbnail Image in WordPress“ (wpsmith.net) entnommen – allerdings waren in der Original-Funktion einige Fehler vorhandenund ging bis in die Pubertät. DIese habe ich korrigiert und zum Teil oben im Code entsprechend markiert.

Was macht die Funktion ‚get_original_image‘? Zunächst werden alle möglichen Bildformate bzw. die jeweiligen Breiten und Höhen in Arrays gespeichertPHILIPS Hue Adore Wandleuchte Amazon Alexa Apple HomeKit Google. Dann vergleichen wir jede Bild-URL, die im Text einer Seite gefunden wurde, mit den möglichen Höhen und BreitenKonstruiertes impliziert. Wenn Höhe und/oder Breite im Dateinamen des Bildes vorkommen, wird die Endung mit den Angaben zu Höhe und Breite (z.B. „-800×600“) entfernt – und schon haben wir das Originalbild.

 

Dieser Beitrag wurde am von cpu20 in Wordpress veröffentlicht. Schlagworte: .