Fjern Salutation i Shopware – nemt med CSS

I Shopware bruges Salutation-feltet (typisk “Hr.”, “Fru.” eller “Firma”) i mange formularer – for eksempel ved oprettelse af kunde, adresseændring eller i checkout-flowet. Feltet har dog ingen praktisk funktion i mange shops og kan virke unødvendigt for kunden.

Heldigvis kan du fjerne det helt uden at installere et plugin eller ændre i skabelonfilerne – du kan gøre det direkte med lidt CSS.

Hvorfor fjerne Salutation-feltet?

Mange webshop-ejere ønsker at forenkle checkout-processen og gøre den hurtigere for kunderne.

Salutation-feltet er som regel ikke et krav i danske webshops, og det kan endda skabe forvirring, især hvis man henvender sig til både privat- og erhvervskunder.

Ved at fjerne feltet opnår du:

• Et mere strømlinet checkout-flow
• Færre unødvendige felter for kunden at udfylde
• Mindre risiko for fejl i formularer
• Et mere moderne og simpelt udtryk
• Ingen behov for ekstra plugins eller udvidelser

Det handler altså om brugervenlighed og enklere dataindsamling.

Sådan gør du – trin for trin

Du behøver ikke installere noget for at fjerne tiltaleformen i Shopware.

Det hele kan klares med et par linjer CSS, som du kan indsætte direkte i dit tema eller i Shopwares CSS-sektion i administrationen.

1. Log ind i Shopware Admin.
2. Gå til Indstillinger → Tema → Tilpas tema.
3. Find sektionen, hvor du kan indsætte egen CSS.
4. Indsæt koden, der skjuler salutation-feltet i checkout og adresseformularer.
5. Gem og genindlæs din webshop – feltet er nu væk.

Du kan også placere koden i din custom.css-fil, hvis du bruger et child theme.

 .row.g-2:has(select#personalSalutation), 
    .row.g-2:has(select#shipping-edit-addresspersonalSalutation), 
    .row.g-2:has(select#shipping-new-addresspersonalSalutation),
    .row.g-2:has(select#billing-new-addresspersonalSalutation),
    .row.g-2:has(select#billing-edit-addresspersonalSalutation),
    .row.g-2:has(select#shippingAddresspersonalSalutation),
    .form-group.col-md-4:has(select#form-Salutation)
    {
    display: none!impotent; 
    }

Hvorfor bruge CSS i stedet for et plugin?

Der findes plugins, der kan fjerne eller skjule Salutation-feltet, men de ændrer ofte i Shopwares formularstruktur. Det kan skabe problemer ved fremtidige opdateringer.

Ved at bruge CSS bevarer du standardfunktionaliteten, og du risikerer ikke at ødelægge andre dele af temaet.

Metoden er derfor både hurtig, sikker og nem at fortryde.

Hvis CSS’en ikke virker med det samme, kan du tilføje !important for at tvinge stilen igennem.

Vær dog opmærksom på, at Shopware-temaer kan være forskellige – især hvis du bruger et custom tema. I sådanne tilfælde kan du tjekke elementets ID eller klasse i din browser og tilpasse CSS’en derefter.

Når det ikke virker

Hvis feltet stadig vises, skyldes det ofte, at temaet bruger en anden struktur end standardtemaet.

Du kan da gøre følgende:

• Åbn checkout-siden i din browser.
• Højreklik på feltet og vælg “Inspicér” (Chrome/Edge).
• Find navnet på select-elementet (fx #personalSalutation).
• Tilføj dette i din CSS-regel, så du målretter præcis det rigtige element.

Et andet tip er at rydde Shopwares cache og genindlæse siden – Shopware gemmer ofte CSS og temaer lokalt, hvilket kan forhindre ændringer i at vises med det samme.

At fjerne Salutation-feltet i Shopware er en hurtig og risikofri optimering, der forbedrer brugeroplevelsen og gør dine formularer mere enkle.

Med et par linjer CSS slipper du for plugins, bevarer fuld kompatibilitet med fremtidige opdateringer og får en mere moderne webshop.

Det er en af de små forbedringer, der tilsammen kan gøre en stor forskel for konverteringsraten.