Sie können die benutzerdefinierten Registerkarten und die globale Registerkarte in Produktdatenregisterkarten hinzufügen.
Registerkarte Beschreibung
Sie müssen das Produkt bearbeiten und einfach den Inhalt im Hauptbeschreibungsbereich des Produkts mit dem Page Builder ändern/ändern/entfernen, wie unten gezeigt:
Registerkarte „Zusätzliche Informationen“
Sie müssen das Produkt bearbeiten und unten zu scrollen „Produktdaten“ , Sie finden „Versandregister“ und Sie können den Inhalt von dort gemäß Ihren Anforderungen ändern/ändern/entfernen, wie unten gezeigt:
Um die benutzerdefinierte Registerkarte hinzuzufügen , können Sie Titel der benutzerdefinierten Registerkarte und den Inhalt in den hinzufügen Produktoptionen beim Bearbeiten des Produkts den .
Um die globale Registerkarte hinzuzufügen , sollten Sie unter Porto >> Page Builder >> Block einen neuen Block erstellen und bearbeiten. Nach der Bearbeitung sollten Sie den Block-Slug-Namen in Theme-Optionen > Woocommerce > Produkt > Globaler benutzerdefinierter Produkt-Tab-Block und den Tab-Titel in hinzufügen Theme-Optionen > Woocommerce > Produkt > Globaler benutzerdefinierter Produkt-Tab-Titel .
Wenn Sie die Standardregisterkarten entfernen, umbenennen oder neu anordnen möchten, finden Sie hier weitere Informationen.
So benennen Sie Produktdaten-Tabs von einer einzelnen Produktseite aus um
So benennen Sie Produktdaten-Tabs von einer einzelnen Produktseite aus um
Um einzelne, mehrere oder alle Produktdaten-Tabs von einer einzelnen Produktseite aus umzubenennen, befolgen Sie bitte die folgenden Schritte:
1- Gehen Sie zu wp-content >> Themes >> porto >> functions.php Datei und öffnen Sie die Datei zum Bearbeiten wie gezeigt:
2- Gehen Sie zum Ende der functions.php Datei und fügen Sie den folgenden Code dort ein, um alle Registerkarten umzubenennen, wie im folgenden Screenshot gezeigt:
/** * Produktdaten-Tabs umbenennen */ add_filter( 'woocommerce_product_tabs', 'woo_rename_tabs', 98 ); Funktion woo_rename_tabs( $tabs ) { $tabs['description']['title'] = __( 'Weitere Informationen' ); // Benennen Sie den Beschreibungs-Tab um $tabs['Bewertungen']['Titel'] = __( 'Bewertungen' ); // Benennen Sie die Registerkarte "Bewertungen" um $tabs['additional_information']['title'] = __('Produktdaten'); // Benennen Sie die Registerkarte für zusätzliche Informationen um geben $tabs zurück; }
Umbenannt:
3- Gehen Sie zum Ende der functions.php Datei und fügen Sie den folgenden Code dort ein, um die umzubenennen, Beschreibung“ Registerkarte “ wie im folgenden Screenshot gezeigt:
4- Gehen Sie zum Ende der functions.php Datei und fügen Sie den folgenden Code dort ein, um die umzubenennen, Bewertungen“ Registerkarte “ wie im folgenden Screenshot gezeigt:
5- Gehen Sie zum Ende der functions.php Datei und fügen Sie den folgenden Code dort ein, um die umzubenennen Zusätzliche Informationen“ Registerkarte “ nur wie im folgenden Screenshot gezeigt :
/** * Produktdaten-Tabs umbenennen */ add_filter( 'woocommerce_product_tabs', 'woo_rename_tabs', 98 ); Funktion woo_rename_tabs( $tabs ) { $tabs['additional_information']['title'] = __('Produktdaten'); // Benennen Sie die Registerkarte für zusätzliche Informationen um return $tabs; }
Category: Build Your Site Like: 4 Post Date: October 15, 2018
Porto bietet ein leistungsstarkes und fortschrittlichstes Menü. Es gibt 6 Bereiche des Themes, denen Sie ein Menü zuweisen können.
Hauptmenü
Seitenleistenmenü
Top Navigation
Sekundäres Menü – Rechtes Menü in der Kopfzeile Typ 19 mit zentriertem Logo.
Ansicht Switcher – Sie können WPML Sprachumschalter zeigen statt-Umschalter Menü.
Währungsumschalter – Sie können den wpml-Währungsumschalter anstelle des Währungsumschalter-Menüs anzeigen.
Wichtig!
Wenn Sie hinzufügen Portfolio-, FAQ- und Mitgliederarchivseiten müssen, im Menü sollten Sie installieren und aktivieren WordPress Post Type Archive Links .
Gehen Sie in der auf Darstellung > Menüs Admin-Seitenleiste .
Klicken Sie auf Neues Menü erstellen oder wählen Sie ein Menü aus.
Neues Menüelement hinzufügen. Wenn Dropdown den zusätzlichen Menüpunkt der Tiefe 1, können Sie die siehe Menüoptionen wie Menüsart, Popup Position usw. Wählen Menü Typ to schmal oder breit und Popup Spalten (nur breit) .
Wählen Sie Popup-Position nach links oder rechts, Ausrichten (nur bei breitem Menütyp), Mitte (nur bei breitem Menütyp).
Sie können ein Popup-Hintergrundbild hochladen und die Hintergrundposition usw. festlegen. Wenn der zusätzlichen Menüpunktes der Tiefe 2 Dropdown Liste können Sie die siehe Menüoptionen wie Spalten, Hintergrundbild, etc. Sie diese Optionen konfigurieren sollten.
Im Menüpunkt können Sie einen Block einblenden. Sie sollten einen neuen Block unter erstellen oder bearbeiten Blöcke > Neu hinzufügen in der Admin-Seitenleiste . Sie sollten einen Block Slug Namen in hinzufügen Blockname Option.
Wenn Drop Down Menüpunkt hinzugefügt, können Sie die siehe Menüoptionen wie Do not Link, zeigen nicht einen Link, nicht tun einen Link auf Mobile Panel zeigen, Tip Etiketten, etc. Sie können diese Optionen konfigurieren sollten.
Nachdem Sie die Menüpunkte bearbeitet haben, klicken bitte auf Sie Menü speichern .
Porto Site-Geschwindigkeit
ODER
Dies ist bei allen WordPress-Websites ganz normal. Es ist nicht das Theme-spezifische, sondern wie WordPress funktioniert. Alle WordPress-Sites müssen nach dem Start optimiert werden.
Sie müssen bestimmte Aspekte der Website optimieren, um die Seitenladegeschwindigkeiten zu optimieren.
Für minify CSS, JS, HTML hat das Theme diese Funktion: Porto >> Assistent zur Geschwindigkeitsoptimierung
Wenn dies immer noch nicht hilft, können Sie ein Caching-Plugin wie das W3-Cache-Plugin verwenden. Und Sie können einen kostenlosen oder kostenpflichtigen CDN-Dienst wie Cloudflare, MaXCDN oder Stackpath verwenden.
Als letzten Ausweg können Sie einen CDN-Dienst verwenden.
So verbessern Sie Ihren Google Page Speed Score:
Was ist Google PageSpeed Insights?
Google PageSpeed Insights ist das Tool von Google, mit dem Webmaster (oder jeder andere) die Ladegeschwindigkeit ihrer Websites testen können. Es werden sowohl mobile als auch Desktop-Versionen Ihrer Website getestet. Es sagt Ihnen, was Ihre Website verlangsamt und gibt Ihnen Vorschläge, wie Sie das Problem beheben können. Es gibt eine Punktzahl von bis zu 100 (je höher, desto besser), also ist natürlich 100 das Ziel.
Die Hauptgeschwindigkeitsfaktoren umfassen:
Komprimierung aktivieren
Reduzieren Sie die Antwortzeit des Servers
Eliminieren Sie JavaScript und CSS, die das Rendern blockieren, in Inhalten, die über dem Falten stehen
CSS minimieren
JavaScript minimieren
HTML minimieren
Komprimierung aktivieren:
Das erste, was auf der Liste stand, war das Komprimieren von Ressourcen mit gzip oder das Deflationieren, um die Anzahl der über das Netzwerk gesendeten Bytes zu reduzieren. Ich habe im Plugin-Verzeichnis nach gzip gesucht. Das erste Plugin auf der Liste war GZip Ninja Speed Compression. Es sah gut aus, hatte viele Downloads und hatte eine gute Bewertung. Es funktioniert jedoch nur auf Apache-Servern. Ich wollte für jeden etwas.
This free plugin was designed with speed tests in mind. It will remove any query strings from your CSS and JavaScript, enable GZIP compression, and more. The results were a dramatic improvement on install.
Eliminate Render-blocking JavaScript and CSS
The next thing on the list was to Eliminate render-blocking JavaScript and CSS in above-the-fold content.
Dieses kostenlose Plugin komprimiert JavaScript und CSS. Sie können wählen, was komprimiert werden soll, aber die Komprimierung soll bei der Installation funktionieren.
Dieses Plugin soll Dateien wie Stile und Skripte komprimieren und von der Kopfzeile in die Fußzeile verschieben. Es wird auch den HTML-Code verkleinern und ihn so leicht wie möglich machen.
Server-Antwortzeit
Die Site befindet sich auf einem gemeinsam genutzten Server. Die Antwortzeit des Servers war ein Problem, das immer wieder auftauchte. Ich hatte oft sehr niedrige Werte wegen der Server-Antwortzeit. Ich müsste den Test wiederholen, nur um eine Punktzahl ohne Serverproblem zu erhalten. Ich wusste, dass ich den Hosting-Plan auf einen besseren Server aktualisieren musste, aber ich wollte zuerst sehen, was ich mit Plugins machen könnte.
Dieses ist ein kostenloses Plugin von Automattic. Es wollte, dass ich meine Permalink-Struktur repariere, bevor es funktionieren würde. Ich nahm die Anpassung vor und fuhr dann mit den Einstellungen fort, um sicherzustellen, dass ich alle empfohlenen Einstellungen ausgewählt hatte.
Dieser hat viele Einstellungen und Konfigurationen zu durchlaufen. Wenn Sie CDN verwenden möchten, müssen Sie ein Konto erstellen. Wählen Sie nicht Alle umschalten, es sei denn, Sie möchten ein Konto einrichten. Ich habe Seiten-Cache, Minify, Datenbank-Cache, Objekt-Cache und Browser-Cache aktiviert. Ich habe auch die Minifying-Einstellungen für HTML/XML, JS und CSS festgelegt. Ich wollte Better WordPress Minify deaktivieren.
Dieser möchte auch, dass Permalinks repariert werden. Die von mir gewählten Optionen sind das Cache-System, HTML verkleinern, CSS kombinieren, JavaScript kombinieren und Gzip. Die Premium-Edition verfügt über eine Funktion zum Optimieren von Bildern.
Sichtbaren Inhalt priorisieren
Dadurch wurde mir mitgeteilt, dass für meine Seite zusätzliche Netzwerk-Roundtrips erforderlich sind, um den oben angezeigten Inhalt zu rendern. Nur 19% meiner über dem Falten stehenden Inhalte konnten gerendert werden. Es schlug vor, die Menge an HTML zu reduzieren, die zum Rendern des Inhalts erforderlich ist. Ich könnte dies tun, indem ich es priorisiere. Vorschläge enthalten:
Minimieren
CSS statt Bilder verwenden
Komprimierung verwenden
HTML minimieren
Eine weitere vorgeschlagene Lösung bestand darin, meinen HTML-Code zu verkleinern, was zu einer Reduzierung um 2 % führen würde. Ich habe nach HTML-Minify gesucht.
Dieses kostenlose Plugin minimiert JavaScript, CSS und HTML. Die einzige Anpassung, die ich vorgenommen habe, bestand darin, alle Skripte in die Fußzeile zu verschieben.
Bilder optimieren
To speed up load times it’s best to resize your images before uploading them. Once you have your images uploaded you can still resize them using a plugin. Another option is to use a plugin that resizes them as they’re uploaded.
Dieser erforderte viele Dateien, die nicht installiert wurden. Wenn die Dateien mit dem Plugin installiert werden, ist es einfach zu verwenden, aber die Installation der Dateien erfordert viele zusätzliche Schritte.
Dieses kostenlose Plugin ändert die Größe von Fotos, die Sie bereits hochgeladen haben. Sie können die gewünschte Bildgröße und die Komprimierungsstufe festlegen.
Dieses kostenlose Plugin komprimiert Ihre Bilder beim Hochladen. Sie können auch in das Dashboard gehen und Ihre aktuelle Bibliothek reparieren lassen.
Was ich gelernt habe und die drei wichtigsten Dinge
Diese drei Punkte haben mir die meisten Leistungsverbesserungen gebracht:
Kompression und Minimierung – Verwenden Sie einen Leistungs-Geschwindigkeits-Booster. Sie optimieren und minimieren Ihr JS, CSS und HTML. Ich hatte die meisten Verbesserungen, als ich WP Performance Score Booster verwendet habe. Eine andere, die Dateien minimierte, die kein anderes Plugin minimieren würde, war Autoptimize.
Cache – Verwenden Sie ein Plugin für den Cache. Dies wird dazu beitragen, Ihren Server zu beschleunigen. WP Super Cache hat mir die besten Ergebnisse geliefert, weil es Dateien minimiert hat, die kein anderes Plugin minimieren würde.
Bilder optimieren – Holen Sie sich die Dateigröße so klein wie möglich, ohne zu viel Bildqualität zu verlieren. Sie können dies tun, indem Sie die Größe ändern und die Bilder komprimieren.
Seien Sie vorsichtig mit Plugins
Es ist nicht immer eine gute Idee, mehr als ein Plugin zu verwenden, um dieselbe Arbeit zu erledigen. Ich habe mehrere verwendet, die sich überlappten und manchmal hatte ich Probleme. Schlechte Probleme. Die Deinstallation eines von ihnen führte dazu, dass ich von vorne begann. Wenn Sie ein Plugin verwenden, um eine bestimmte Aufgabe zu erledigen und es nicht den Platz eines anderen Plugins einnimmt, aber beide eine Funktion teilen, schalten Sie diese Funktion bei einem der Plugins aus. Auf diese Weise haben Sie keine Probleme damit, dass Ihre Plugins gegeneinander kämpfen. In vielen Fällen wird es kein Problem verursachen, aber es ist möglich. Es könnte zumindest Ihren Server verlangsamen.
Um beispielsweise das Rendering blockierende Google Font CSS zu beheben, habe ich Simple Minify installiert. Das Problem ist, dass ich bereits Plugins hatte, die mein CSS verkleinerten. Dieser hatte einen Konflikt und verursachte einen Fehler, der die Site deaktivierte. Glücklicherweise musste ich das Plugin nur löschen, um die Site wieder zum Laufen zu bringen.
Why is My WooCommerce Site Slow? And How To Fix It
If your eCommerce site slows down, you’ll want to troubleshoot and fix the problem fast, but what if you don’t know where the problem is coming from? The good news is in most cases you can fix a slow site by checking a few key things.
How to Speed up a Slow WooCommerce Site (2021 Ultimate Guide)
Do you want to speed up your WooCommerce store? Check out our guide and find out how to optimize your site performance and make it faster!
Ich hoffe, das hilft…
Wie man das Seitenlayout der Suchergebnisse einstellt/wählt/ändert.
Die Suchergebnisseite stammt aus Standard-WP-Dateien. Sie können es nicht direkt bearbeiten. Um das Layout zu ändern, befolgen Sie bitte die unten aufgeführten Schritte:
Das Layout der Suchergebnisseite funktioniert mit dem bestimmten Suchinhaltstyp, den Sie unter Darstellung >> Themenoptionen >> Kopfzeile >> Suchformular ausgewählt haben. Wenn Sie zum Beispiel Content-Type suchen als Produkt auswählen und das Layout der Shop-Seite als Sidebar-Layout verwenden, dann funktioniert auch die Suchergebnisseite mit dem gleichen Layout wie die Shop-Seite.
Wenn Sie nun das Banner von der Suchergebnisseite entfernen möchten, übernimmt die Suchergebnisseite das Layout der Shop-Seite. Um also das Kategorie-Banner von der Suchergebnisseite zu entfernen, müssen Sie es von der Shop-Seite entfernen: Klicken Sie auf Hier
Und wenn Sie Search Content-Type als Post wählen und das Layout der Blog-Seite ohne Seitenleisten-Layout verwenden, dann funktioniert auch die Suchergebnisseite mit dem gleichen Layout wie die Blog-Seite.
Wenn Sie die Suchergebnisseite anpassen und das Layout des Suchergebnisses ändern möchten, müssen Sie die Datei search.php bearbeiten und das neue Layout in die Datei search.php einfügen. Wie Sie sehen können, haben wir das Suchseitenlayout genauso hinzugefügt wie das benutzerdefinierte Layout für Beitragstypen, das aus den Themenoptionen ausgewählt wurde. Wenn Sie beispielsweise den Posttyp „Suchen“ als Post festlegen, erhält die Suchergebnisseite das Layout des Seitenlayouts des Blogarchivs aus den Designoptionen. Sie müssen also das Layout in der Datei search.php erstellen. Außerdem müssen Sie die Änderungen in der Datei wp-content/themes/porto/inc/functions/layout.php innerhalb der porto_search_form-Funktion vornehmen.
Wie richte ich Language Switcher und Currency Switcher ein?
Sie können den wpml-Sprachumschalter oder den wpml-Währungsumschalter anzeigen. Sie sollten die Sprachumschalter anzeigen und WPML- WPML-Währungsumschalter anzeigen Designoptionen Optionen in > Kopfzeile > Ansicht, Währungsumschalter aktivieren . Bevor Sie diese Optionen aktivieren, sollten Sie installieren WPML und WooCommerce Multilingual – führen Sie WooCommerce mit WPML- Plugins aus. Sie sollten den wpml-Sprachumschalter in konfigurieren WPML > Sprachen > Sprachumschalter-Optionen . Sie können hier für weitere Details sehen. Sie sollten den wpml-Währungsumschalter in konfigurieren WPML > WooCommerce Multilingual > Manage Currencies . Sie können hier für weitere Details sehen.
Ich hoffe, das hilft…
So entfernen oder bearbeiten Sie das Sonderangebot!, Jetzt kaufen! im Hauptmenü?
Bitte gehen Sie zu Porto > Themenoptionen > Menü . Sie sollten den bearbeiten benutzerdefinierten Inhalt des Menüs in If header type is 1, 4, 9, 13 or header builder .
Ich hoffe, das hilft…
So ordnen Sie Produktdaten-Tabs von einer einzelnen Produktseite neu an.
Um einzelne, mehrere oder alle Produktdaten-Tabs von einer einzelnen Produktseite nachzubestellen, befolgen Sie bitte die folgenden Schritte:
1- Gehen Sie zu wp-content >> Themes >> porto >> functions.php Datei und öffnen Sie die Datei zum Bearbeiten wie gezeigt:
2- Gehen Sie zum Ende der functions.php Datei und fügen Sie den folgenden Code dort ein, um alle Registerkarten neu anzuordnen, wie im folgenden Screenshot gezeigt:
/** * Reorder product data tabs */ add_filter( 'woocommerce_product_tabs', 'woo_reorder_tabs', 98 ); function woo_reorder_tabs( $tabs ) { $tabs['reviews']['priority'] = 5; // Reviews first $tabs['description']['priority'] = 10; // Description second $tabs['additional_information']['priority'] = 15; // Additional information third return $tabs; }
Changed:
3- Go to the bottom of the functions.php file and paste the below code there to re-order the reviews tab from first to second place as showing in the below-given screenshot:
/** * Reorder product data tabs */ add_filter( 'woocommerce_product_tabs', 'woo_reorder_tabs', 98 ); function woo_reorder_tabs( $tabs ) { $tabs['reviews']['priority'] = 10; // Reviewssecond $tabs['description']['priority'] = 15; // Description third $tabs['additional_information']['priority'] = 5; // Additional information first return $tabs; }
So entfernen Sie die Registerkarte mit den Anbieterinformationen von einer einzelnen Produktseite.
Der Vendor-Info-Tab erscheint nur auf der einzelnen Produktseite, wenn Sie das Dokan-Plugin aktivieren und wenn Sie andere Funktionalitäten des Dokan-Plugins verwenden und nur den Vendor-Info-Reiter entfernen möchten, gehen Sie bitte wie folgt vor:
1- Gehen Sie zu Plugins >> installierte Plugins >> und aktivieren Sie das Dokan-Plugin wie unten gezeigt:
2- Jetzt können Sie auf der einzelnen Produktseite sehen, dass neue Registerkarten erscheinen, in denen die Registerkarte mit den Anbieterinformationen wie abgebildet enthalten ist:
3- Um diese mit den zu entfernen, Registerkarte Anbieterinformationen gehen Sie bitte zu Ihrem Server und öffnen Sie die wp-content >> themes >> porto >> functions.php Datei im Editor und fügen Sie die unten angegebenen Code-Snippets ganz unten in dieser Datei ein als unten angezeigt:
4- Aktualisieren Sie nun die einzelne Produktseite, auf der Sie sehen können, dass die Registerkarte mit den Anbieterinformationen jetzt entfernt wurde, wie im folgenden Screenshot gezeigt:
So konfigurieren Sie die Seitenleiste einer einzelnen Produktseite und konfigurieren die darin enthaltenen Widgets.
Um Widgets der Seitenleiste einer einzelnen Produktseite in Porto zu ändern, folgen Sie den Schritten, um jedes Widget in der Seitenleiste einer einzelnen Produktseite von Porto zu ändern:
1- Gehen Sie zu Aussehen >> Widgets und dort können Sie alle Widgets sehen. Suchen Sie nach Woo Product Sidebar und öffnen Sie sie. Sie finden Porto Block Widget das darunter verwendete und wenn Sie das öffnen Porto Block Widget , finden Sie den Slug-Namen des Blocks, der in diesem Widget verwendet wird, wie im Screenshot gezeigt:
2- Go to blocks and search for particular block and edit as shown in the screenshot below:
3- Um den Text von Sidebar-Anzeigen zu ändern, öffnen Sie das benutzerdefinierte Überschriftenelement und ändern Sie den Text nach Ihren Wünschen, wie in den Screenshots gezeigt:
4-Um das Symbol von Sidebar-Anzeigen zu ändern, öffnen Sie das benutzerdefinierte Porto Feature Box-Element und ändern Sie das Symbol wie in den Screenshots gezeigt nach Ihren Wünschen:
5- Um ein Bild in einer einzelnen Produktseiten-Seitenleiste zu ändern, öffnen Sie ein einzelnes Bildelement und ändern Sie das Bild wie im Screenshot gezeigt:
6- Um die Produktmenge und den Produkttyp zu ändern, den Sie anzeigen möchten, müssen Sie das Produktelement öffnen und den Produkttyp und die Produktmenge einstellen, wie in den Screenshots gezeigt:
2- Gehen Sie zum Ende der functions.php Datei und fügen Sie den folgenden Code dort ein, um alle Registerkarten neu anzuordnen, wie im folgenden Screenshot gezeigt:
