Hoe u het verkoopetiket in Shopify kunt verwijderen: Een uitgebreide handleiding

Inhoudsopgave

  1. Introductie
  2. Begrijpen van de Basisprincipes
  3. Stapsgewijze Handleiding per Thema
  4. Conclusie

Introductie

Heeft u zich ooit afgevraagd hoe u de esthetiek van uw Shopify-winkel kunt stroomlijnen door het verkoopetiket op producten te verwijderen, maar voelde u zich verstrikt in technische details? U bent niet alleen. De aanwezigheid van een verkoopetiket, hoewel voordelig om aanbiedingen te benadrukken, sluit mogelijk niet aan bij de visuele strategie van elke winkeleigenaar. Deze handleiding heeft als doel het proces te ontrafelen, u uit te rusten met de knowhow om deze etiketten te verwijderen en ervoor te zorgen dat de presentatie van uw site overeenkomt met de ethos van uw merk. Of u nu streeft naar een hoogwaardige uitstraling of gewoon uw productpagina's wilt opruimen, dit blogbericht behandelt alle bases. U zult weggaan met bruikbare kennis die niet alleen de gebruikerservaring van uw winkel verbetert, maar ook voldoet aan uw unieke brandingbehoeften.

Laten we in de details duiken van hoe u deze prestatie kunt bereiken, afgestemd op verschillende thema's en zonder de noodzaak van uitgebreide programmeervaardigheden.

Begrijpen van de Basisprincipes

Voordat we in de details duiken, laten we eerst vaststellen wat een verkoopetiket is binnen de context van Shopify. Deze etiketten zijn automatisch gegenereerde labels die op productafbeeldingen verschijnen om afgeprijsde items aan potentiële klanten aan te geven. Hoewel ze effectief zijn voor promoties, passen ze mogelijk niet bij elke marketingstrategie of esthetische keuze.

De Rol van Shopify-thema's

Shopify-thema's spelen een cruciale rol in hoe verkoopetiketten worden weergegeven, aangezien elk thema zijn unieke codebase en ontwerpelementen heeft. Dit betekent dat de methode om verkoopetiketten te verwijderen aanzienlijk kan verschillen van het ene thema naar het andere. Themapaketten zoals Boundless, PageFly, Dawn en Debutify, onder anderen, worden geleverd met hun unieke aanpassingsopties en codestructuren.

Stapsgewijze Handleiding per Thema

Voor Boundless en Vergelijkbare Thema's

  1. Navigeer naar uw Shopify-beheerdersdashboard, ga naar 'Online Winkel' > 'Thema's'.
  2. Kies uw thema en klik op 'Acties' > 'Code bewerken'.
  3. Zoek in de 'Assets'-map naar theme.scss.liquid of theme.css afhankelijk van de structuur van uw thema.
  4. Plak onderaan dit bestand het volgende CSS-fragment:
.product-item .product-item__badge { display: none !important; }

Dit verbergt het verkoopetiket op alle producten door zich te richten op de specifieke CSS-klasse.

Gebruik van PageFly - Geavanceerde Paginabouwer

Voor degenen die PageFly of vergelijkbare paginabouwer-apps gebruiken voor extra aanpassingen:

  1. Selecteer vanuit het dashboard van PageFly de pagina met de producten met verkoopetiketten.
  2. Open de HTML/CSS-editor van de pagina en voeg hetzelfde CSS-fragment in zoals we hierboven hebben gebruikt, afgestemd op de PageFly-omgeving.

Voor Dawn en Andere Responsive Thema's

Het proces is vergelijkbaar maar afgestemd op overwegingen voor responsief ontwerp, vooral voor mobiele weergaven:

  1. Volg de initiële stappen om toegang te krijgen tot de code-editor van uw thema.
  2. Voer een responsief CSS-fragment in zoals hieronder aan het einde van uw theme.css of theme.scss.liquid bestand:
@media (max-width: 767px){ .product-item .product-item__badge { display: none !important; }}

Dit zorgt ervoor dat het verkoopetiket op alle apparaten verborgen is, waardoor consistentie wordt behouden in de uitstraling van uw winkel.

Wanneer Codefragmenten niet Werken

In sommige gevallen kunnen directe ingrepen in de themacode geen resultaat opleveren vanwege thema-updates, aanpassingen of specifieke themabeperkingen. Hier is wat u kunt doen:

  • Controleer de CSS-klasse nogmaals: Zorg ervoor dat de klassenaam .product-item__badge overeenkomt met de in uw thema gebruikte klasse. Klassennamen kunnen verschillen.
  • Neem contact op met de thema-ondersteuning: Voor premiumthema's zoals Debutify of Studio kan contact opnemen met de themaontwikkelaar voor ondersteuning een meer op maat gemaakte oplossing bieden.
  • Gebruik een Shopify-expert: Als u niet comfortabel bent met het bewerken van themacode of als uw pogingen niet zijn gelukt, kan het inhuren van een Shopify-expert een waardevolle investering zijn.

Conclusie

Het verwijderen van verkoopetiketten in Shopify vereist een mix van strategisch denken en technische actie. Door de specifieke vereisten van uw thema te begrijpen en de juiste CSS-aanpassingen toe te passen, kunt u een schonere, meer merkgerichte presentatie voor uw producten bereiken. Onthoud, het doel is niet alleen om een etiket te verwijderen, maar om de winkelervaring voor uw potentiële klanten te verbeteren.

Door de bovenstaande stappen te volgen, hopen we een duidelijk pad te hebben geboden om dit te bereiken, ongeacht uw programmeervaardigheden of het thema dat uw winkel gebruikt.

FAQ

1. Beïnvloedt het verwijderen van verkoopetiketten de SEO van mijn winkel?

Nee, het verwijderen van verkoopetiketten is een frontend-aanpassing en heeft geen invloed op de SEO van uw winkel.

2. Kan ik verkoopetiketten alleen van specifieke producten verwijderen?

Ja, door de CSS-code aan te passen en specifieke producten te targeten op basis van hun unieke klassen of ID's, kunt u selectief verkoopetiketten verbergen.

3. Is het mogelijk om het verkoopetiket weer zichtbaar te maken nadat het is verwijderd?

Zeker. Het verwijderen van het verantwoordelijke CSS-fragment voor het verbergen van de verkoopetiketten zal ze weer zichtbaar maken.

4. Beïnvloedt het verbergen van het verkoopetiket de weergave van de 'Vergelijk bij prijs'?

Nee, de vergelijkingsprijs zal nog steeds worden weergegeven omdat deze anders wordt beheerd in de backend van Shopify.

5. Kunnen deze wijzigingen worden bekeken voordat ze live gaan?

Ja, Shopify stelt u in staat om wijzigingen in realtime te bekijken via de thema-editor voordat de wijzigingen live worden gemaakt voor uw klanten.

App Stack