WooCommerce Ultimate Custom Product Tabs instellen

Leer hoe je onze plugin WooCommerce Ultimate Tabs eenvoudig instelt en gebruikt.

Instellingenpaneel

Je vindt alles in je beheerpaneel onder WooCommerce -> Ultimate Tabs. Zie je het instellingenpaneel niet, controleer dan of de plugin Redux Framework is geïnstalleerd.

Algemene instellingen

In de algemene instellingen heb je de volgende opties:

• Inschakelen:
  Schakel Ultimate Tabs in om de opties hieronder te gebruiken
• Aantal globale tabbladen
  Stel het aantal categorie- / globale tabbladen in dat je wilt gebruiken
• Algemene tabbladen herordenen / uitschakelen
  Herorden of schakel de standaardtabbladen van WooCommerce uit
• Tabbladen hernoemen inschakelen
• Tabblad Beschrijving hernoemen
• Tabblad Reviews hernoemen
• Tabblad Extra informatie hernoemen
• Tabbladfunctie uitschakelen

Globale stijlen

• Inschakelen:
  Schakelt globale stijlen in.
• Tabbladicoon:
  Voeg een icoon aan de tabbladen toe.
  Belangrijk Om een icoon aan je tabbladen toe te voegen, moet je je thema- / WooCommerce-template aanpassen. Ga naar your-theme/woocommerce/single-product/tabs/tabs.php en wijzig esc_html( $tab ) in $tab!
• Achtergrondafbeelding van het tabblad:
  Voeg een achtergrond aan de tabbladen toe.
• Achtergrondgrootte:
  Stel de grootte van de achtergrondafbeelding in.
• Herhaling van de achtergrond:
  Stel de herhaling van de achtergrondafbeelding in.
• Tekstkleur van het tabblad:
  Voeg een tekstkleur aan de tabbladen toe.
• Achtergrondkleur van het tabblad:
  Voeg een achtergrondkleur aan de tabbladen toe.

Globale en categorietabbladen

Afhankelijk van het aantal tabbladen in de algemene instellingen maak je in elke tabbladinstelling globale of categorietabbladen. Elk tabblad heeft dezelfde opties; die staan hieronder beschreven.

• Inschakelen
  Schakelt dit tabblad in.
• Titel:
  Titel van het tabblad.
• Prioriteit:
  Prioriteit van het tabblad.
  Algemene tabbladen hebben de volgende prioriteit:
  Tabbladpositie * 10 (bijv. de productbeschrijving staat op 1, dan is de prioriteit 10).
• Callbacks:
  Elke callback kan eigen optionele instellingen hebben!
  • Editor
  • Contact Form 7-formulier
  • Losse producten tonen
  • Producten per categorie tonen
  • Productcategorieën tonen
  • Winkelwagen tonen
  • Afrekenen tonen
  • Bestelling volgen tonen
  • Mijn account tonen
  • Recente producten tonen
  • Uitgelichte producten tonen
  • Aanbiedingen tonen
  • Bestsellers tonen
  • Best beoordeelde producten tonen
  • Gerelateerde producten tonen
• Aantal producten:
  Beperk het aantal getoonde producten, bijv. bij de callback voor gerelateerde producten.
• Kolommen
  Stel in hoeveel kolommen er verschijnen, bijv. bij de callback voor gerelateerde producten.
• Toepassen op productcategorieën:
  Voeg dit tabblad alleen aan bepaalde productcategorieën toe.
• Toepassen op producten:
  Voeg dit tabblad alleen aan bepaalde producten toe.
• Styling
  • Inschakelen:
    Schakelt stijlen in.
  • Tabbladicoon:
    Voeg een icoon aan dit tabblad toe.
    Belangrijk Om een icoon aan je tabbladen toe te voegen, moet je je thema- / WooCommerce-template aanpassen. Ga naar your-theme/woocommerce/single-product/tabs/tabs.php en wijzig esc_html( $tab ) in $tab!
  • Achtergrondafbeelding van het tabblad:
    Voeg een achtergrond aan dit tabblad toe.
  • Achtergrondgrootte:
    Stel de grootte van de achtergrondafbeelding in.
  • Herhaling van de achtergrond:
    Stel de herhaling van de achtergrondafbeelding in.
  • Tekstkleur van het tabblad:
    Voeg een tekstkleur aan dit tabblad toe.
  • Achtergrondkleur van het tabblad:
    Voeg een achtergrondkleur aan dit tabblad toe.

Eigen producttabbladen maken

Naast globale en categorietabbladen kun je ook eigen producttabbladen maken bij het bewerken van één product in de backend. In de productgegevens vind je een nieuw tabblad “Custom Tabs”. Hier voeg je tot 7 verschillende tabbladen toe, waaronder:

• Titel
• Prioriteit
• Inhoud (tekst / shortcode met de WYSIWYG-editor)

Geavanceerde instellingen

Eigen stylesheet / JavaScript.

• Eigen CSS:
  Voeg desgewenst stylesheets toe.
• Eigen JS:
  Voeg desgewenst JavaScript toe.