Logo Showcase - automatisch schuivende strook met merken, klanten, partners en pers

Vertrouwen dat u laat zien in plaats van beweert

"Toonaangevende merken vertrouwen ons" is een zin. Een rij logo's die uw bezoeker herkent, is bewijs. Deze module zet dat bewijs op de pagina als een smalle, continu schuivende strook — uw klanten, uw leveranciers, de merken die u verkoopt of de media die over u schreven.

Pure CSS, en de lus loopt naadloos rond

De strook schuift helemaal zelf, zonder één regel JavaScript — het volledige effect is CSS. Er is geen bibliotheek om te laden, niets dat de weergave blokkeert en niets dat botst met de eigen scripts van uw thema. De lus is werkelijk naadloos: geen zichtbare sprong bij het rondlopen, of u nu vier logo's hebt of veertig.

De Scrollsnelheid is Langzaam, Gemiddeld of Snel, en de snelheid in pixels blijft gelijk, hoeveel logo's u ook toevoegt — een winkel die van zes naar twintig referenties groeit, houdt dus geen strook over die plotseling voorbijraast.

Logo's per taal, of in één keer voor iedereen

Elk logo staat onder een taaltabblad, of onder Alle talen om hetzelfde logo overal te tonen — en elk tabblad laat zien hoeveel logo's het bevat, zodat u in één oogopslag ziet welke markten u hebt gedekt. Verkoopt u in meerdere landen, dan toont u uw Duitse referenties aan Duitse bezoekers en uw Franse aan Franse bezoekers, of gewoon dezelfde vertrouwde namen aan iedereen. Ook de Kop boven de strook staat per taal, wordt al vertaald in alle acht talen meegeleverd, en verdwijnt zodra u het veld leeg laat.

Een beheerscherm waarin u echt kunt werken

Logo's verschijnen als een raster met kaarten, elk met de miniatuur, de merknaam en de status. Op elke kaart zitten Bewerken, Tonen / verbergen, Omhoog, Omlaag en Verwijderen — de strook herschikken kost dus twee klikken, en een logo tijdelijk uit beeld halen betekent niet dat u het moet wissen en later opnieuw uploaden.

Elk logo kan meer dan alleen stilstaan

Per logo stelt u een Afbeelding in, een Titel / merknaam, Alt-tekst voor schermlezers en zoekmachines, een Link-URL met de optie Link openen in een nieuw tabblad, en een Bijschrift — dat publiek zichtbaar onder het logo in de strook staat, zodat de naam van een klant of een korte aanbeveling met het merkteken meereist. GIF, JPG en PNG tot 1 MB worden geaccepteerd; transparante PNG ziet er het best uit.

Rustig tot iemand ernaar kijkt

Twee hovergedragingen, beide optioneel, en ze werken op verschillend niveau. Grijstinten tot hover toont de strook in grijs en brengt alleen het logo onder de aanwijzer naar volledige kleur, zodat een drukke rij merkkleuren nooit concurreert met uw eigen ontwerp. Pauzeren bij hover geldt voor de hele strook — het volledige spoor stopt terwijl iemand het leest, en dat is precies het verschil tussen een decoratieve animatie en een die mensen echt kunnen gebruiken.

Beweging wordt niemand opgedrongen: de strook respecteert prefers-reduced-motion, zodat bezoekers wier systeem om minder beweging vraagt niet gedwongen worden mee te kijken.

Kies de positie zonder de pagina te verlaten

Waar de strook moet worden getoond is een reeks schakelaars op de configuratiepagina zelf: startpagina, voettekst, linkerkolom, rechterkolom. Vink aan wat u wilt en klik op Posities opslaan — geen omweg via Ontwerp → Posities om een hook te registreren. De module komt ingeschakeld op de startpagina en in de voettekst. Kolomposities verschijnen alleen op pagina's waarvan de lay-out die kolom werkelijk heeft, en Ontwerp → Posities werkt nog steeds als u de strook wilt herschikken ten opzichte van andere blokken op dezelfde hook. Er is ook een {widget name='existingclients'}-tag om de strook rechtstreeks in een template te plaatsen.

Op maat van uw ontwerp

Logobreedte (px) en Logohoogte (px) stelt u in pixels in, zodat de strook een discrete band onder uw hero kan zijn of een stevige rij partnermerken. Elke cel gebruikt dezelfde afmetingen, en dat is precies wat voorkomt dat een gemengde set logobestanden een rommelige lijn wordt.

Upgraden vanaf 3.x regelt zichzelf

De upgrade maakt de nieuwe tabel aan, verplaatst elk logo en elke instelling, en laat uw afbeeldingsbestanden precies staan waar ze staan. De oude algemene meertaligheidsschakelaar wordt omgezet in plaats van weggegooid: stond die uit, dan worden uw logo's in de standaardtaal Alle talen-logo's zodat ze aan iedereen blijven verschijnen; stond die aan, dan houdt elke taal haar eigen set. De oude tabellen worden verwijderd zodra de gegevens verhuisd zijn. Geen handmatige stappen. Logo's met spaties of ongebruikelijke tekens in de oorspronkelijke bestandsnaam moet u misschien opnieuw uploaden.

Compatibiliteit

PrestaShop 1.7, 8 en 9, in acht talen: Nederlands, Duits, Engels, Frans, Italiaans, Pools, Spaans en Turks. De strook komt uit de eigen template van de module en één klein stylesheet, zonder JavaScript en zonder externe bibliotheken — er wordt niets van een CDN gehaald. Bij het verwijderen gaan de module, de instellingen, de tabel en de geüploade logobestanden mee.

Veelgestelde vragen

Gebruikt de module JavaScript?

Nee. Het schuiven is pure CSS, dus er is geen bibliotheek om te laden en niets dat kan botsen met de scripts van uw thema.

Kan ik per taal andere logo's tonen?

Ja. Elk logo hoort bij een taaltabblad, of bij Alle talen als het aan iedereen moet verschijnen. Ook de kop boven de strook staat per taal.

Waar kan ik de strook plaatsen?

Startpagina, voettekst, linkerkolom of rechterkolom — rechtstreeks aan te vinken op de configuratiepagina, zonder omweg via Ontwerp → Posities. Er is ook een {widget name='existingclients'}-tag om de strook zelf in een template te zetten.

Kan elk logo naar een pagina linken?

Ja, met de optie om in een nieuw tabblad te openen, plus een titel, alt-tekst en een bijschrift per logo.

Welk afbeeldingsformaat gebruik ik het best?

Transparante PNG ziet er het best uit, vooral in combinatie met grijstinten tot hover. JPG en GIF werken ook, tot 1 MB, maar kunnen niet transparant zijn.

Gaat de strook sneller schuiven als ik logo's toevoeg?

Nee. De scrollsnelheid is vastgelegd als een constante snelheid in pixels, dus twintig logo's leggen hetzelfde tempo aan als zes.

En bezoekers die gevoelig zijn voor beweging?

De strook respecteert de systeeminstelling prefers-reduced-motion en dringt de animatie dus aan niemand op.

De strook verschijnt niet. Ze wordt alleen weergegeven als er minstens één zichtbaar logo bestaat voor de taal die bezocht wordt, of onder Alle talen. Controleer het taaltabblad — elk tabblad toont zijn eigen aantal logo's — en of het logo niet verborgen staat.