twenty-anniversary
sale
Twenty
Krijg 20% Korting
Ga naar de inhoud
RexThema
  • Home
  • Plugins
    • WP VR
    • Product voer
    • Wagenlift
  • Docs
  • Ondersteuning
  • Blog
  • Rekening
    • Aanmelden
  • Contacteer ons
  • EN
  • DE

Wagenlift

  • Inleiding tot wagenlift
  • Aan de slag met karlift
  • Installeren en activeren wagenlift
  • Een basisoverzicht van de plugin - winkelwagenlift
  • Karlift configureren en effectief gebruiken
  • Hoe automatisch verlaten winkelwagens volgen
  • Hoe uw campagne voor herstel van achtergelaten wagens opzetten
  • Hoe Twilio SMS Service gebruiken om achtergelaten winkelwagens terug te krijgen - Cart Lift Pro
  • Hoe meldingen te krijgen voor achtergelaten winkelwagens en herstel
  • Ontvang een volledig analyserapport over de herstelcampagne
  • Shortcodes voor e-mailvelden in winkelwagenlift
  • Hoe te upgraden naar Pro - karlift
  • Probleemoplossing voor veelvoorkomende problemen - wagenlift

Product Feed Manager

  • Product Feed Manager - Documentatie
Aan de slag
  • Inleiding tot Product Feed Manager voor WooCommerce
  • Aan de slag met Product Feed Manager voor WooCommerce
  • Hoe PFM installeren en activeren
  • Hoe genereer je voor het eerst Product Feed
  • Basisoverzicht van de plugin - Product Feed Manager Pro WooCommerce
  • Zo genereer je gemakkelijk een aangepaste productfeed
Upgrade naar PFM Pro
  • Upgraden naar Pro - PFM
Automatisch synchroniseren met Google Shopping
  • Hoe automatisch productfeeds synchroniseren met Google Merchant Center
  • Upload je WooComerce productfeed rechtstreeks naar het Google Merchant Center - (geen autorisatie nodig)
Categorie Kartering
  • Hoe Category Mapping gebruiken voor Product Feed
  • Hoe Category Mapping gebruiken voor Google Product Category
  • Hoe Category Mapping configureren voor Facebook Product Category
Instructies voor het genereren van voer
  • Hoe WooCommerce Product Feed voor Google te genereren
  • Hoe WooCommerce Product Feed voor Facebook te genereren
  • Zo upload je WooCommerce producten naar de Facebook Store
  • Een feed maken voor eBay MIP
  • Hoe maak je een Target Product feed voor Target Marktplaats?
  • Zo maak je een WooCommerce productfeed voor Wish.com
  • Hoe maak je een WooCommerce productfeed voor Sears Marketplace?
  • Hoe maak je een WooCommerce productfeed voor NewEgg Marketplace?
  • Hoe maak je een WooCommerce productfeed voor Walmart?
  • Hoe maak je een WooCommerce productfeed voor Instagram Catalogus
  • Hoe producten uploaden op Instagram Shop
Inzicht in de basisconfiguratie van invoer voor vereiste attributen
  • Product Feed Optimalisatie met Yoast SEO Product Title, Meta Description en Primary Category
  • Hoe voeg je een statisch voor- of achtervoegsel toe aan een attribuut in de feed?
  • Een aangepast attribuut aan de feed toevoegen
  • Een extra productkenmerk toevoegen of verwijderen in de feed
  • Leren over typen feed-bestanden en hoe feed te downloaden of te bekijken
  • Producttoevoergegevens optimaliseren met doeltreffende uitvoerfilters
  • Inzicht in en configuratie van voerattributen en hun waarden
  • Hoe verwijder je HTML-tags of shortcodes uit een feed?
  • Hoe UTF-8-codering gebruiken om HTMLE-entiteiten om te zetten in symbolen in een feed-attribuutwaarde
  • Hoe symbolen converteren naar HTMLEntiteiten in een feed attribuutwaarde
  • Hoe CDATA op te nemen in een XML Feed Attribute Tag
  • Hoe verwijder je een decimaal uit de prijs voor Marktplaats Feed?
  • Hoe spatie vervangen door koppelteken in een feed attribuut gegevens
  • Hoe een aangepaste veldwaarde gebruiken in de Product Feed
  • Hoe valuta toevoegen aan uw productprijs
  • Hoe Yoast primaire categorie in de feed te gebruiken
  • Hoe RankMath primaire categorie in de feed te gebruiken
  • Nuttige opties op het tabblad Controle
  • Inzicht in het gebruik van verschillende prijsattributen
Nuttige controleopties
  • Nuttige opties op het tabblad Instellingen
  • Controleproducten per batch in batch verwerking
  • Verbind Facebook Pixel met WooCommerce Voor Dynamic Ads
  • Uitgebreide aangepaste velden met unieke id's toevoegen voor WooCommerce producten
  • Aangepaste velden toevoegen voor belangrijke productkenmerken
  • Hoe uitgebreide aangepaste velden toevoegen aan WooCommerce producten
  • Hoe belasting uitsluiten van gestructureerde dataprijzen
Nuttige functies voor het genereren van voer
  • Hoe onzichtbare producten / verborgen producten uitsluiten van de producttoevoer
  • Hoe een aangepast filter te gebruiken bij het genereren van productfeeds
  • Hoe categorie filter gebruiken bij het genereren van Product Feed
  • Hoe Tag Filter gebruiken bij het genereren van Product Feed
  • Hoe filteropties voor feed gebruiken bij het genereren van feed
  • Hoe het automatisch bijwerken van voer op ingestelde intervallen te plannen
  • Hoe variabele producten aan het voer toevoegen
  • Hoe privéproducten opnemen in Product Feed
  • Hoe een productvariant op te nemen in de productnaam
  • UTM-parameters toevoegen aan product-URL's
  • Hoe de Feed Rule-functie gebruiken om attribuutwaarden te manipuleren
  • Hoe u de dynamische prijsfunctie kunt gebruiken om uw productprijs te manipuleren
  • Hoe meerdere attribuutwaarden combineren met de functie Gecombineerde attributen
  • Hoe gebruikt u de optie Productfilter om specifieke producten in of uit te sluiten?
  • Hoe aangepaste tijdsintervallen instellen voor automatische feed-update
Fix JSON-LD gestructureerde gegevens voor variabele producten
  • Fix WooCommerce (JSON-LD) gestructureerde gegevens voor goedkeuring in Google Shopping
Anderen
  • Hoe merknaam opnemen in feed met Perfect Brands voor WooCommerce en PFM
  • Foutenlogboek inschakelen voor Product Feed Manager voor WooCommerce
  • Hoe maak je productfeeds in meerdere talen met WPML?
  • Hoe plan je aangepaste feed verversingsintervallen met Product Feed Manager met behulp van WP Crontrol
  • Hoe Verzendwaarden opnemen in WooCommerce product feed (Google & Facebook)
  • Hoe belastingwaarden op te nemen in je WooCommerce Product Feed (Google & Facebook)
  • Hoe je een WooCommerce productfeed genereert met de best verkochte producten om meer te verkopen
  • Werk uw feed alleen bij als er wijzigingen zijn aangebracht in een van uw producten
  • Hoe WooCommerce Verzendwaarden opnemen in je feed (Behalve Google & Facebook)
  • Hoe product feed prijs om te zetten met WPML / WCML
  • Hoe maak je product feed in meerdere talen met Polylang
Problemen oplossen
  • Problemen oplossen - Product Feed Manager voor WooCommerce
  • Product ontbreekt op Facebook Commerce Manager - Facebook & Instagram
  • Product ontbreekt in Google Merchant Center/Product niet geüpload
  • Google Shopping Product Feed Specificatie - Attributenlijst
Etsy Addon
  • Product Feed Manager voor WooCommerce Etsy Integratie - handleiding
Alle Google Feeds
  • Hoe maak je een WooCommerce productfeed voor Google Review?
  • Hoe maak je een WooCommerce productfeed voor Google Remarketing (DRM)?
  • Hoe maak je een WooCommerce productfeed voor Google Local Products?
  • Hoe maak je een WooCommerce productfeed voor Google Local Products Inventory?
  • Hoe maak je een WooCommerce product feed voor Google Fabrikant Centrum
  • Hoe maak je een WooCommerce product feed voor Google Merchant Center Promotie
  • Hoe maak je een WooCommerce product feed voor Google Shopping Acties
  • Hoe maak je een WooCommerce productfeed voor Google Dynamic Display Ads (Google Ads)?
  • Hoe maak je een WooCommerce productfeed voor Google Express (voormalig Google Shopping Actions Program)?
  • Hoe maak je een WooCommerce product feed voor Google Local Inventory Ads
  • Hoe maak je een WooCommerce productfeed voor Google Custom Search Ads?
  • Hoe maak je een WooCommerce productfeed voor Google Dynamic Search Ads?

Thema VR-plaatsen

  • Hoe VR Places Theme installeren en activeren
  • Hoe algemene instellingen aanpassen voor het VR Places-thema

WP VR

  • Aan de slag met WP VR
Aan de slag
  • Inleiding tot WP VR
  • Aan de slag met WP VR
  • Hoe WP VR installeren en activeren
  • Een eenvoudige virtuele tour maken in 5 minuten - WP VR
  • Hoe een virtuele tour insluiten en aanpassen - WP VR
  • WP VR Basis Plugin Overzicht
Upgrade naar WPVR Pro
  • Hoe te upgraden naar Pro - WPVR
WPVR Premium Add-ons gebruiken
  • Hoe vloeiende formulieren integreren in een virtuele tour
  • Hoe WooCommerce integreren in een virtuele tour
  • Hoe virtuele tours insluiten op niet-WordPress-websites
Hoe - Basisinstellingen
  • Hoe exclusieve functies in de algemene instellingen gebruiken om een virtuele tour aan te passen
  • Een voorbeeldafbeelding toevoegen aan uw virtuele tour - WPVR
  • Hoe automatische rotatie in te schakelen voor uw 360 virtuele tour - WP VR
Geavanceerde instellingen gebruiken
  • Hoe Gyroscoop Sensor Inschakelen op 360 Virtuele Tours
  • Hoe een scènegalerij opzetten bij virtuele rondleidingen
  • Achtergrondmuziek toevoegen aan virtuele rondleidingen
  • Hoe toetsenbordbediening voor navigatie en zoom te beperken
  • Hoe beperk je het gebruik van de muis om te zoomen of te slepen om een tour te verplaatsen?
  • Hoe voeg je een Virtual Tour-pictogram of je bedrijfslogo toe in 360 graden tours - WPVR
  • Hoe YouTube Explainer-video's binnen virtuele rondleidingen plaatsen 
  • Hoe de ondersteuning voor VR Headset in te schakelen voor telefoons
  • Hoe individuele kleur en animatie van hotspotpictogrammen instellen in panorama-afbeeldingen�
  • Hoe u virtuele plattegronden in uw tours kunt plaatsen - WPVR
Bedieningsknoppen instellen
  • Aangepaste pictogrammen gebruiken voor navigatie en bedieningsknoppen in een virtuele tour
  • Een thuisknop toevoegen aan uw virtuele tour
Panoramabeelden omzetten in live scènes
  • Hoe een scène toevoegen aan uw virtuele tour
  • Scène-instellingen gebruiken om een scène aan te passen
  • Hoe de standaard scène in te stellen op een virtuele tour
  • Zo stelt u aangepaste zoominstellingen in voor een scène in uw virtuele tour - WPVR
  • Hoe stel je een limiet in voor het grijpen van 360 beelden op een scène in je virtuele tour - WPVR
Hotspots gebruiken voor navigatie en informatie
  • Hoe hotspots toevoegen aan een scène in uw virtuele tour
  • Hoe hotspots gebruiken om informatie, afbeeldingen of video's te tonen
  • Hoe hotspots gebruiken om van de ene scène naar de andere te gaan
  • Hoe hotspotpictogrammen en -kleur aan te passen
  • Een zelf gehoste video insluiten op WPVR Hotspots
  • Hoe Youtube-video's insluiten in virtuele tours met WPVR
  • Hoe eenvoudig hotspot-inhoud instellen in een virtuele tour - met behulp van WYSIWYG HTML-editor
360 graden video tours maken
  • Hoe je een Youtube 360-video op je website zet met WPVR
  • Hoe maak je een virtuele tour met zelf gehoste interactieve 360 graden-video met WPVR?
Google Street Views insluiten
  • Hoe u een Google Street View-tour op uw website kunt opnemen met WPVR
Gedeeltelijk panorama en volledig uitzicht
  • Een virtuele tour maken met gedeeltelijke panorama's of iPhone panorama's
  • Een virtuele tour maken met panoramabeelden van mobiele telefoons
  • Virtuele rondleidingen op volledig scherm - WPVR
  • Hoe een 360 Panorama Achtergrond Virtuele Tour instellen
Publiceer virtuele rondleidingen op uw website
  • Hoe een virtuele tour insluiten met het WPVR Gutenberg-blok
  • Een virtuele tour insluiten met WPVR Elementor Widget
  • Hoe WP VR Oxygen Element gebruiken om een virtuele tour in te sluiten
  • Hoe een WPVR Shortcode gebruiken om een virtuele tour in te sluiten
  • Hoe WPVR virtuele tours insluiten met behulp van Visual Composer Element
  • Een virtuele tour publiceren met WPVR Panorama Module voor Divi
Virtuele rondleidingen importeren, exporteren en dupliceren
  • Virtuele rondleidingen exporteren en importeren
  • Een virtuele tour dupliceren
Problemen oplossen - Veelvoorkomende problemen oplossen
  • Hoe WPVR uit te sluiten van autoroptimalisatie
  • Problemen oplossen - WPVR
  • Virtual Tour niet zichtbaar - WPVR
  • Hoe Activa van WPVR uitsluiten van automatisch optimaliseren
  • Hoe u uw WPVR gebruikersaccountinstellingen en abonnementsplan kunt beheren
Virtuele tour optimaliseren voor mobiele apparaten
  • Hoe een dynamische vooraankondiging instellen op virtuele rondleidingen voor mobiele telefoons
  • Afbeeldingen op mobiele apparaten automatisch verkleinen voor virtuele rondleidingen
  • Hoe aangepaste hoogte voor mobiele apparaten instellen voor uw virtuele rondleidingen
Demonstratie Virtuele Rondleidingen
  • Demonstratie Virtuele Rondleidingen
  • Basis virtuele rondleiding
  • Demonstratie Virtuele Tour - WPVR Pro
  • Demotour - WPVR (gratis)
  • Aangepaste Scène Gallery - WPVR
  • Custom Control Iconen - WPVR
  • Google Street View Tour - WPVR Pro
  • Videotrainingen - WPVR
  • Demo Partial Panorama Virtual Tour - WPVR Pro
  • Bar/Pub Showcase
Geavanceerde instellingen voor virtuele rondleidingen
  • Hoe WPVR exclusieve instellingen instellen
  • Control Script en stijl laden voor de virtuele reizen
  • Hoe WordPress Large Image Handler uitschakelen voor virtuele tours
  • Hoe beheer je het laden van Video.js voor virtuele tourpagina's - WPVR

Verouderde plugins

Media-opslag naar de cloud
  • WP-mediaopslag naar de cloud
  • Aan de slag - Mediaopslag naar Cloud
  • Hoe installeer en activeer je Media to Cloud Storage
  • WP Media Opslag Naar Cloud Dashboard Overzicht
  • Hoe sluit u de Amazone S3-emmer aan?
  • Hoe sluit u Google Cloud Storage aan?
  • Hoe kan ik de IAM-gebruiker instellen voor de Amazon S3-emmer?
  • Hoe u Google Cloud Storage Bucket kunt instellen om mediabestanden te serveren
  • Hoe sluit u DigitalOcean-ruimtes aan?
  • Hoe maak je een Amazon CloudFront distributie
  • Hoe maak je een Amazon CloudFront Origin toegangsidentiteit aan?
  • Probleemoplossing voor veelvoorkomende problemen - Mediaopslag in de cloud
  • Hoe maak je een gratis HTTPS-certificaat aan op Amazon S3?
Variatie Swatches
  • Variatiestalen voor WooCommerce - Aan de slag
  • Variatiestalen voor WooCommerce - Dashboard Overzicht
  • Variatiestalen voor WooCommerce - Installeren en activeren
  • Dropdown naar knop Swatches wijzigen voor WooCommerce Variaties
  • Hoe WooCommerce kleurstalen instellen voor kleurvariatie
  • Hoe WooCommerce-afbeeldingsstalen instellen voor beeldvariatie
  • Label Swatches instellen voor WooCommerce productvariaties
  • Hoe past u de hoverstijl van de variatiestrook aan?
  • Hoe de variatiestalen aan te passen Globale stijl
  • Hoe past u de geselecteerde stijl aan?
  • Home
  • Docs
  • WP VR
  • Hotspots gebruiken voor navigatie en informatie

Hoe hotspotpictogrammen en -kleur aan te passen

Inhoudsopgave
  • Using Custom Hotspot Icons From Plugin
  • Using Custom Hotspot Icons Of Your Own Choice

In the last couple of lessons, you learned how you can add hotspots and use them properly.

In this WP VR lesson, you will learn how you can customize hotspot icons and color.

Using Custom Hotspot Icons From Plugin #

While creating a hotspot, on the left side, you will see three fields called

  • Hotspot Custom Icoon
  • Hotspot Custom Icon Color
  • Hotspot Animation
Custom hotspot icons

These allow you to use custom icons provided by WP VR for your hotspots.

Follow the steps below to use these custom icons properly.

1. Click on the option under Hotspot Custom Icon.

2. Here you will be able to choose from over 900+ Fontawesome icons that you can use as the hotspot icons.

Custom hotspot icons - Fontawesome icons

3. Next, click on the option below Hotspot Custom Icon Color and assign the color you want your hotspots to have.

Custom hotspots icon color

**Please note, the hotspot color cannot be different for each hotspot. Any color you select here, all the hotspots in the tour will have the same color.

4. On Hotspot Animation, by default, it is turned on. This will give a continuous ripple animation on the hotspot to be more noticeable. You can turn it off if you don’t want any animation for the custom icons.

5. Now, these are custom icons and cannot be viewed on the tour preview. So, publish the tour and embed it on a page/post. Then preview the page/post and you will be able to see how it looks.

Hotspot with custom icon and color

(**Click here to learn how to embed a virtual tour on a page/post)

Using Custom Hotspot Icons Of Your Own Choice #

You may not wish to use Fontawesome icons, rather, let’s say you wish to add an icon of your own choice.

In that case, you need to use a certain code snippet.

Follow the steps below to see how it works.

1. Choose an icon of your choice on your website.

Let’s say I want to use the following icon:

icoon

2. Then use the icon URL to prepare the following code snippet:

.custom-icon {
        height: 26px;
        width: 26px;
        background:
        url(" your image URL ") no-repeat center center / auto;
        border-radius: 12px;
        }

Here the “.custom-icon” is the class name. You can assign the height and width of your choice and use the icon URL in place of the background URL. And set a border-radius.

**Please note that if you use a large image, it will not be resized to an icon size. So use an image that is already in the right size for an icon.

Here’s how I have prepared the code:

Humming icon

**You may choose to use height, width, and radius of your own choice, but we recommend you to use the values used in this code snippet.

3. Go to Dashboard > Appearance > Customize.

Appearance and customize

Here go to the Additional CSS section and paste the code snippet you just prepared.

Paste code in Additional CSS

Then Publish/Save it.

4. Next, go to the Tour you created and go to the hotspot settings of the hotspot for which you want to use this icon.

Here, on the bottom-left side, you will find an empty field for Hotspot Custom Icon Class.

Hotspot icon class

5. Input the name of the class, which you used for that snippet, in this field. In case of the example I used, the class name is “custom-icon”.

Icon class used

6. Now, Publish the tour and embed it on a page/post. Then Preview the page/post to see that the hotspot icon has been replaced with the icon you selected.

Custom icon class used on a virtual tour

(**Click here to learn how to embed a virtual tour on a page/post)

**These customizations are based on each hotspot. So if you want to customize a second hotspot, you need to select that hotspot and then use these customizations.

That’s it. That’s how you can customize hotspot icons and color.

Deel dit artikel :
  • Facebook
  • Twitter
  • LinkedIn
  • Pinterest
Bijgewerkt op 7 september 2021
Hoe hotspots gebruiken om van de ene scène naar de andere te gaanEen zelf gehoste video insluiten op WPVR Hotspots
Inhoudsopgave
  • Using Custom Hotspot Icons From Plugin
  • Using Custom Hotspot Icons Of Your Own Choice
RexThema
Onze Plugins
  • WP VR
  • Product Feed Manager
  • Wagenlift
Bronnen
  • Privacybeleid
  • Voorwaarden voor de dienstverlening
  • Affiliate programma
  • Contacteer ons
Betaalmethoden
Betaalmethoden

Copyright © 2013 - CODE REX