FX Buggy staging

Issues

#1Hoog

Home (/ en /es/), kaart 03 "Buy the parts you need"

AlleEN + ES

Wat zie je

Kaart 01 en 02 hebben een gele link. Bij de gele kaart 03 zie je alleen een zwart streepje. De linktekst "Shop parts and kits" staat geel op geel en is onzichtbaar.

Wat verwacht je

Een leesbare link in een donkere kleur, net als bij de andere kaarten.

Tik voor de hele screenshot

#2Hoog

Alle formulieren op /es/: offerte (/es/, /es/fx700/), productvraag, contact

AlleES

Wat zie je

Labels, placeholders en knoppen in het Engels: Name, Email, Subject, Message, Question, "Tell us about your plans", "Your name*", SUBMIT. reCAPTCHA ook Engels.

Wat verwacht je

Alles in het Spaans (Nombre, Correo electrónico, Asunto, Mensaje, Enviar…).

Tik voor de hele screenshot

#3Hoog

/es/carrito/ en /es/finalizar-compra/

AlleES

Wat zie je

Engels in totalen en betalen: "21% NL VAT", "Local pickup, Heeten: Free", "FedEx Economy 15-20 kg", "Credit and debit card", "Bank transfer / wire transfer (SEPA to IBAN)".

Wat verwacht je

Spaans, bijvoorbeeld "IVA 21% (NL)", "Recogida en Heeten: gratis", "Tarjeta de crédito o débito", "Transferencia bancaria".

Tik voor de hele screenshot

#4Middel

/es/fx1000-crosskart/, /es/tienda/, categorie, gids, 404

AlleES

Wat zie je

"Laser files" is vertaald als "LIMAS LÁSER". "Lima" is een vijl (gereedschap). Elders staat wel goed "archivos láser".

Wat verwacht je

Overal "Archivos láser".

Tik voor de hele screenshot

#5Middel

Footer van alle /es/-pagina's

AlleES

Wat zie je

De kolomkoppen heten "BUGGIES (ES)" en "MENÚ (ES)". De interne menunaam lekt naar de site.

Wat verwacht je

"Buggies" en "Menú", zonder "(ES)".

Tik voor de hele screenshot

#6Middel

Home, sectie "Which buggy is yours?"

Mobiel, klein mobiel, iPhoneEN + ES

Wat zie je

De vergelijkingstabel toont alleen de FX700. De FX1000-kolom valt rechts buiten beeld. Tekst en knop lopen tot tegen de rand. Niets laat zien dat je opzij kunt vegen.

Wat verwacht je

Beide buggy's zichtbaar (onder elkaar), of een duidelijke veeg-hint.

Tik voor de hele screenshot

#7Middel

/cart/ en /es/carrito/

Mobiel, klein mobiel, iPhoneEN + ES

Wat zie je

Elk product begint met een lege rij met alleen het kruisje (geen foto). Bij het gratis plan staat "Quantity:" zonder veld, half over "Subtotal". Het aantalveld is het standaard browserveld, niet de −/+ van de productpagina.

Wat verwacht je

Foto, kruisje en naam in één nette rij. Geen losse "Quantity:". Dezelfde −/+ stijl als op de productpagina.

Tik voor de hele screenshot

#8Middel

Winkelwagen en checkout (EN + ES)

Alle, het ergst in checkout en op mobielEN + ES

Wat zie je

Verzendopties staan in een smalle rechterkolom en breken lelijk af ("Local / pickup, / Heeten: Free"). Het rondje staat hoger dan de tekst.

Wat verwacht je

Verzendopties over de volle breedte, rondje netjes links van de tekst.

Tik voor de hele screenshot

#9Middel

/checkout/ en /es/finalizar-compra/

AlleEN + ES

Wat zie je

Een fout of leeg verplicht veld (bijvoorbeeld e-mail "abc") krijgt alleen een rode rand. Er komt geen tekst bij die zegt wat er mis is. Meldingen na "Place order" zijn niet getest.

Wat verwacht je

Een korte foutmelding onder het veld.

Tik voor de hele screenshot

#10Middel

/my-account/ (uitgelogd)

AlleEN

Wat zie je

De footerkoppen BUGGIES, MENU en CONTACT zijn donkergrijs op zwart, dus bijna onzichtbaar. Ze zijn ook groter dan elders.

Wat verwacht je

Dezelfde gele footerkoppen als op de rest van de site.

Tik voor de hele screenshot

#11Middel

Productgalerij (kit, plan, onderdeel + ES) en "Sample pages"

Mobiel, klein mobiel, iPhoneEN + ES

Wat zie je

De lightbox vult het hele scherm. Tikken op de zwarte achtergrond sluit hem niet. Alleen ✕ werkt. Op desktop werkt sluiten op alle drie manieren wel.

Wat verwacht je

Tikken op de donkere achtergrond sluit de lightbox.

Tik voor de hele screenshot

#12Laag

Productpagina's en footer

Mobiel, klein mobiel, iPhoneEN + ES

Wat zie je

Kleine tikdoelen: −/+ en aantal 48×30 px, galerijpijlen 36×36 px, "VAT outside NL" 18 px hoog, footerlinks 18 px hoog dicht op elkaar.

Wat verwacht je

Rond 44 px hoog, of meer ruimte ertussen.

Tik voor de hele screenshot

#13Laag

Mobiel menu (☰)

Mobiel, klein mobiel, iPhoneEN + ES

Wat zie je

"ESPAÑOL" en "MY ACCOUNT" hebben geen scheidingslijn en zijn lager (28 px) dan de andere items (53 px). De pagina erachter scrolt mee.

Wat verwacht je

Dezelfde hoogte en lijnen voor alle items. De achtergrond staat stil.

Tik voor de hele screenshot

#14Laag

/my-account/

AlleEN

Wat zie je

"Remember me" staat los naast "Log in" en hoger dan de knop. De knoppen Log in en Register zijn wit omlijnd; elders zijn hoofdknoppen geel.

Wat verwacht je

"Remember me" boven de knop. Een gele hoofdknop.

Tik voor de hele screenshot

#15Laag

/fx1000-crosskart/ (+ ES), "Seven modules, one plan"

Mobiel, klein mobiel, iPhoneEN + ES

Wat zie je

De eerste modulekaart plakt tegen de linker schermrand (0 px marge).

Wat verwacht je

Dezelfde marge als de tekst erboven.

Tik voor de hele screenshot

#16Laag

/es/ponte-en-contacto-con/

AlleES

Wat zie je

De paginanaam is "Ponte en contacto con" ("Neem contact op met", een onaf zinnetje).

Wat verwacht je

"Contacto".

Tik voor de hele screenshot

#17Laag

/checkout/ en /es/finalizar-compra/

AlleEN + ES

Wat zie je

Het lege, optionele veld "EU VAT Number" krijgt een groene "goed"-rand. Postcode "!!" ook.

Wat verwacht je

Geen groene rand bij lege optionele velden.

Tik voor de hele screenshot

Getest zonder bevindingen

• Geen enkele pagina is breder dan het scherm (41 pagina's × 4 formaten + iPhone).
• Geen JavaScript-fouten, geen kapotte of uitgerekte afbeeldingen.
• Productkaarten staan twee per rij op mobiel.
• Menu, zoeken, taalknop, winkelwagen-icoon en promobalk werken.
• Galerij en lightbox op desktop: pijlen, thumbnails, toetsen, sluiten op 3 manieren.
• Btw-popup: openen en sluiten op 3 manieren, desktop en mobiel.
• Aantal −/+ en Add to cart werken; de teller loopt op.
• "On this page"-balk op desktop springt goed. Op mobiel alleen prijs + knop (lijkt bewust).
• Sample pages: volgende/vorige werkt, ook rondgaand.
• Inhoudsopgave: sticky op desktop, inklapbaar op mobiel, springt naar de goede kop.
• Checkout: velden 48 px met 16 px tekst, landkeuze met pijl en ruimte.
• Toetsenbord: overal een zichtbare focusrand (behalve het reCAPTCHA-vakje).
• Tablet 820: alle pagina's netjes.

Niet getest

• Echte iPhone: Niet beschikbaar. Wel getest met de Safari-engine (WebKit) in iPhone-emulatie.
• "Place order" en formulieren versturen: Niet gedaan, volgens de regels. Meldingen daarna zijn niet gezien.
• Ingelogd account / wp-admin: Niet getest, volgens de regels.
• Video afspelen: Alleen de opmaak gecontroleerd.
• Prijs zonder btw: De testbrowser kreeg steeds de NL-variant.