Wix Pro Gallery: Problemen oplossen op mobiel

Leestijd 8 minuten
Lees de onderstaande informatie om te lezen hoe je problemen met de Pro Gallery op je mobiel kunt oplossen.
In dit artikel lees je hoe je de volgende problemen kunt oplossen:

Je galerij kan veel te groot of te klein lijken op de mobiele weergave van je website. Je kunt de grootte van je galerij aanpassen vanuit de mobiele Editor met behulp van de formaatgrepen of de Editor-werkbalk.

Om de grootte van je galerij aan te passen:

  1. Klik op de bovenste balk van de Editor op het Overschakelen naar mobiel-pictogram.
  2. Klik op de Pro Gallery.
  3. Klik rechtsboven op Tools
  4. Selecteer Werkbalk.
  5. Typ de gewenste breedte en hoogte in de desbetreffende velden (W en H).
Een screenshot van de werkbalk in de mobiele editor met de velden Hoogte en Breedte gemarkeerd.

Mogelijk zie je dat je galerijafbeeldingen bijgesneden lijken op mobiel, afhankelijk van de gepersonaliseerde indeling die je kiest. Dit kan gebeuren wanneer de oriëntatie van de thumbnails in een indeling anders is dan die van de afbeeldingen die je uploadt.
Je selecteert bijvoorbeeld een kolomindelingh, die alle afbeeldingen in staande (verticale) oriëntatie weergeeft, maar uploadt afbeeldingen met een liggende (horizontale) oriëntatie. Dit betekent dat een deel van je afbeelding kan worden bijgesneden om ervoor te zorgen dat het binnen de grenzen van de thumbnail past.

Om te voorkomen dat je afbeeldingen worden bijgesneden:

  1. Klik op de bovenste balk van de Editor op het Overschakelen naar mobiel-pictogram.
  2. Klik op de Pro Gallery.
  3. Klik op Instellingen.
  4. Klik op het Indeling-tabblad.
  5. Selecteer Passend onder Formaat thumbnails aanpassen.
Een screenshot van het Indeling-tabblad op mobiel met de Passend-optie gemarkeerd.
Extra opties bij het bijsnijden van je afbeeldingen:
  • Pas het focuspunt van je afbeeldingen aan om de delen van je afbeeldingen die mogelijk worden bijgesneden beter te beheren. 
  • Pas de beeldverhouding (16:9, 4:3, 1:1, 3:4 of 9:16) die op je galerij wordt toegepast aan, zodat deze het beste overeenkomt met de verhouding en oriëntatie van je geüploade afbeeldingen.
    A screenshot of the Layout tab on mobile highlighting the Image ration options.

Het aanwijseffect voor titels en beschrijvingen in de Pro Gallery is niet van toepassing op de mobiele weergave. Als je dit effect inschakelt, moeten bezoekers die je galerij bekijken vanaf een mobiel apparaat één keer tikken om de tekst te zien en een tweede keer tikken om de volledige afbeelding of link te openen.

Om ervoor te zorgen dat galerij-items worden geopend met een enkele tik:

  1. Klik op de bovenste balk van de Editor op het Overschakelen naar mobiel-pictogram.
  2. Klik op de Pro Gallery. 
  3. Klik op Instellingen
  4. Klik op het Ontwerp-tabblad. 
  5. Klik op Tekst.
  6. Selecteer Geen wijziging onder Wat gebeurt er met de info bij 1e tik?
  7. Klik op Publiceren
Een screenshot van de optie Geen wijziging in de instellingen Teksten van het tabblad Ontwerpen.
Alternatieve manieren om ervoor te zorgen dat een item of link bij de eerste keer tikken wordt geopend
  • Verberg de titels en beschrijvingen van de galerij-items op mobiele telefoons. Dit heeft geen invloed op de desktopversie van je website.
  • Plaats de tekst boven of onder, of rechts of links van de afbeelding.

Het kan zijn dat je afbeeldingen volledig worden verborgen door een kleuroverlay. Als die kleur hetzelfde is als de achtergrond van je pagina of onderdeel, wordt de galerij onzichtbaar als een lege ruimte op je pagina.
Als je afbeeldingen nog steeds gedeeltelijk zichtbaar zijn, zie je mogelijk een lege ruimte onder je Pro Gallery. Dit wordt veroorzaakt doordat de tekst of infobalk te groot is ingesteld. Je kunt dit oplossen door de infobalk te verkleinen tot een geschikt formaat voor je afbeeldingen.

Om de grootte van de informatiebalk onder de galerij te verkleinen:

  1. Klik op de bovenste balk van de Editor op het Overschakelen naar mobiel-pictogram.
  2. Klik op de Pro Gallery. 
  3. Klik op Instellingen
  4. Klik op het Indelingen-tabblad.
  5. Klik op Indeling personaliseren
  6. Stel Hoogte informatiebalk in op een lager getal of op 0 om de lege ruimte te verwijderen.
Een screenshot van het tabblad Indeling in het paneel Instellingen met de optie Infobalkgrootte gemarkeerd.

Je zult merken dat het tekstontwerp van je galerij er op mobiel anders uitziet dan op de desktopversie van je website. Dit komt omdat je tekst op mobiel apart van de desktopversie moet worden ingesteld in de mobiele Editor.

Om tekst te bewerken op mobiel:

  1. Klik op de bovenste balk van de Editor op het Overschakelen naar mobiel-pictogram.
  2. Klik op de Pro Gallery. 
  3. Klik op Instellingen.
  4. Klik op het Ontwerp-tabblad.
  5. Klik op Tekst.
  6. Pas de tekst aan met de beschikbare opties.
Een screenshot van de aanpassingsopties die beschikbaar zijn voor Teksten op het tabblad Ontwerp.

We raden niet aan om aparte tekst of knop-elementen toe te voegen bovenop je galerij. Elementen worden verschillend weergegeven in verschillende browsers en apparaten. Hierdoor worden overlappende elementen niet op exact dezelfde plaats uitgelijnd op de schermen van al je bezoekers. 

Wij raden je aan de ingebouwde tekst en Aangepaste knop-functies van de Pro Gallery te gebruiken om uitlijningsproblemen te voorkomen.
Een screenshot van een aangepaste knop op een live mobiele website.

Het kan gebeuren dat titels en/of beschrijvingen van galerij-items niet zichtbaar zijn of afgesneden worden op de mobiele versie van je website. Dit gebeurt in galerijen met de raster-, schuif-, strook- en kolom-indelingen
wanneer de hoogte van het tekstvak van de galerij te laag is en het niet alle tekst volledig kan weergeven. 
Er zijn een paar manieren om dit probleem op te lossen, afhankelijk van de infopositie die je kiest (waar je ervoor kiest om je galerijtekst weer te geven).
Een screenshot van de infopositie-opties die beschikbaar zijn op het tabblad Ontwerp.

Tekst wordt onder of boven een afbeelding geplaatst

  • Verklein de lettergrootte van de titel of beschrijving of vergroot de grootte van de galerijafbeeldingen door de indeling van de galerij aan te passen. Bijvoorbeeld, als je een galerij hebt met een rasterindeling, kun je de thumbnailgrootte van de galerij wijzigen of het aantal afbeeldingen per rij aanpassen.
  • Ga naar de desktop Editor en verhoog de hoogte van het tekstvak. Deze wijziging geldt ook voor je mobiele website.
  • De instellingen voor horizontale en verticale opvulling van de tekst kunnen ertoe leiden dat tekst op mobiele telefoons wordt afgesneden. Deze instellingen worden overgenomen van de desktopversie. Om deze instellingen aan te passen, ga je naar de desktopversie van je website en wijzig je de instellingen voor tekstvulling op het Tekst-tabblad van het Ontwerp-paneel.
Een screenshot van de hoogte van het tekstvak aanpassen op het tabblad Ontwerp in de desktop-editor.

Tekst wordt op een afbeelding geplaatst:

Verklein de lettergrootte van de titel of beschrijving of vergroot de grootte van de galerijafbeeldingen door de indeling van de galerij aan te passen. Bijvoorbeeld, als je een galerij hebt met een rasterindeling, kun je de thumbnailgrootte van de galerij wijzigen of het aantal afbeeldingen per rij aanpassen.

Problemen met automatisch afspelen van video's op mobiele telefoons

Het kan zijn dat je muziek en video's niet automatisch worden afgespeeld op iPhones, Androids en tablets. Dit komt doordat Apple en Chrome de automatisch afspelen-functie blokkeren om extra datakosten van het mobiele netwerk van de bezoeker te voorkomen. Er wordt geen data geladen totdat de gebruiker op de afspeelknop op de audio- of videospeler tikt.
Functies voor automatisch afspelen zijn ook uitgeschakeld als de bezoeker de energiebesparende modus op zijn of haar iOS-apparaat heeft ingeschakeld.

Meerdere galerijen op één pagina


Galerijen zijn geoptimaliseerd om meerdere mediabestanden tegelijk weer te geven. We raden aan om één galerij te hebben met meerdere media-items per pagina, in plaats van meerdere galerijen met minder items. 
Het hebben van te veel afzonderlijke elementen op één pagina (zelfs als de elementen identiek zijn) kan de prestaties van de website beïnvloeden.
Tips:
Als je afzonderlijke afbeeldingen of video's wilt weergeven, raden we aan een afbeelding of video-element toe te voegen vanuit het Toevoegen-paneel. Voor het weergeven van een portfolio met werk waarvoor individuele galerijen nodig zijn, raden we aan Wix Portfolio of dynamische pagina's te gebruiken.

Nog steeds hulp nodig?

Als je nog steeds hulp nodig hebt met je Pro Gallery op mobiel, neem dan contact met ons op met de onderstaande informatie:

Vond je dit artikel nuttig?

|