De catalogusmodus instellen

Vind je bugs of verbeteringen in dit script, neem dan contact op met een duidelijke beschrijving van het probleem, zodat we het kunnen oplossen. Aanpassingen ondersteunen we niet!

Instellingenmenu

Om de plugin in te stellen, zou je het menu Catalog onder het menu WooCommerce moeten zien. Zie je het menu Catalog Mode niet, controleer dan of de plugin Redux Framework is geïnstalleerd en geactiveerd.

Algemene instellingen

In de algemene instellingen schakel je natuurlijk de plugin zelf in. Daarna kies je of je de knop ‘In winkelwagen’, de prijzen of beide wilt verwijderen. Ook kun je een eigen “vrije-tekstprijs” instellen, zoals “verkrijgbaar in de winkel”.

Wil je de shopfunctionaliteit helemaal kwijt, schakel dan “Redirect Cart / Checkout page” in. Wil je bijvoorbeeld alleen prijzen voor klanten verbergen, gebruik dan de instellingen per gebruiker.

Aanvraagwinkelwagen

Met onze plugin kun je de standaardfunctie ‘In winkelwagen’ van WooCommerce gebruiken als aanvraagwinkelwagen. Schakel die functie in de plugininstellingen in. Zorg dat producten:

1. Een prijs hebben (je kunt 0 instellen als er geen prijs is)
2. Haal het vinkje bij “Remove add to Cart” in de algemene instellingen weg

Om items uit de aanvraagwinkelwagen te versturen en te ontvangen, maak je een formulier. Wij gebruiken bijvoorbeeld CF7-formulieren met een veld “products”. De veldnaam pas je aan in de plugininstellingen. Hier is een voorbeeld van een CF7-formulier:

<p>Your Name*<br />
    [text* your-name] </p>
<p>Your E-Mail*<br />
    [email* your-email] </p>
<p>Subject*<br />
    [text* your-subject]</p>
<p>Products*<br />
    [textarea* products]</p>
<p>Your Message<br />
    [text your-message] </p>
<p>[submit "Send"]</p>

Instellingen voor productcategorieën

In de loop van de productcategorieën pas je de knop aan door de knoptekst te wijzigen en een eigen knopactie in te stellen (naar de productpagina / een eigen link openen, bijv. direct de contactpagina). Je kunt de knop “Aanvraag versturen” ook direct in de shoploop tonen.

Productpagina’s

Op productpagina’s schakel je de eigen knop in en stel je hem in. Je stelt bijvoorbeeld een knoptekst in zoals “Aanvraag versturen”, kiest waar de knop verschijnt of stelt de knopactie in (aanvraagmodal openen / naar een eigen URL gaan, bijv. de contactpagina).

Kies je voor de aanvraagmodal, dan stel je een titel en positie in en zet je er alles in wat je wilt, zoals een CF7-shortcode. Andere shortcodes of zelfs een eigen HTML-formulier werken hier ook.

Kies je een CF7-shortcode, dan kun je de speciale mailtags gebruiken. Om productgegevens mee te geven, zoekt onze plugin standaard naar de volgende namen van invoervelden:

• product
• sku

Deze selectors kun je natuurlijk aanpassen in de plugininstellingen. Een voorbeeld van een CF7-aanvraagformulier ziet er zo uit:

<p>Your Name*<br />
    [text* your-name] </p>
<p>Your E-Mail*<br />
    [email* your-email] </p>
<p>Subject*<br />
    [text* your-subject]</p>
<p style="width: 45%; float: left;>Product*<br />
    [text* product]</p>
<p style="width: 50%; float: left; margin-left:5%;>SKU*<br />
    [text* sku]</p>
<p>Your Message<br />
    [textarea your-message 40x5] </p>
<p>[submit "Send"]</p>

Productvarianten

Productvarianten kun je op twee manieren tonen: keuzelijst (links) of tabel (rechts). Kies je een tabel, dan bepaal je ook welke variantgegevens je toont (afbeelding, SKU, titel).

Uitsluitingen en insluitingen

Wil je bepaalde categorieën of producten uitsluiten, gebruik dan de instellingen hieronder. Je kunt de uitsluitingen ook omdraaien naar insluitingen, zodat alleen de geselecteerde producten onder de catalogusmodus vallen.

Naast categorie- en productuitsluitingen kun je ook meerdere landen uitsluiten.

Beperkingen per gebruikersrol

Je kunt de catalogusmodus alleen op ingelogde of uitgelogde gebruikers toepassen. Ook kun je bepaalde gebruikersrollen uitsluiten.

Geavanceerde opties

In het paneel met geavanceerde instellingen kun je desgewenst eigen CSS of JS toevoegen.

Een voorbeeld voor als de achtergrond van de modal vóór het aanvraagformulier ligt:

.modal-backdrop.fade.in {
display: none !important;
}

Debugopties

Hard Remove Price
Voegt CSS toe om de prijs met !important te verbergen. Schakel dit alleen in als je thema nog prijzen toont.

Hard Remove Add to Cart
Voegt CSS toe om de knop met !important te verbergen. Schakel dit alleen in als je thema de knop ‘In winkelwagen’ nog toont.

Bootstrap niet laden
Schakelt het laden van bootstrap.js uit. Handig bij thema’s die het al gebruiken, om conflicten te voorkomen.