Persönliche Beratung
Jahrelange Erfahrung
Exzellente Betreuung

Plugin: Varianten Tooltip

Installation

Sie können das Plugin hier über den Shopware Community Store erwerben. Das Plugin wird wie ein ganz gewöhnliches Plugin installiert. Sollten Sie zum ersten Mal ein Plugin installieren, finden Sie unter dem folgenden Link eine Anleitung zur Installation von Plugins:

Nach der Installation des Plugins öffnet sich die Konfigurationsmaske des Plugins.

Hinweis: Falls Sie das "Shopware Security Plugin" verwenden, deaktivieren Sie es bitte vorher! Nach der Installation können Sie es wieder aktivieren.

Die Einstellungen des Plugins

Nach der erfolgreichen Installation des Plugins können Sie in der Konfigurationsmaske die Einstellungen vornehmen und weitere Parameter ergänzen.

Varianten Tooltip

Feldname Bedeutung
Aktiv Das Plugin für den jeweiligen Shop aktivieren oder deaktivieren.
Auch auf Smartphone anzeigen Soll der Tooltip auch auf einem Smartphone angezeigt werden?
Breite des Tooltip in % Die Breite des Tooltips in Prozent.
Tooltip Icon CSS Klasse für das Icon. Die Icons finden Sie unter Auswahlmöglichkeiten: Tooltip Icon
Farbe des Tooltips Buttons Die Farbe des Tooltip Buttons.
Verzögerung beim Einblenden Wie lange soll gewartet werden, bis der Tooltip eingeblendet wird.

Auswahlmöglichkeiten: Tooltip Icon

Nachfolgend sehen Sie das breite Spektrum an Icons aus denen Sie wählen können. Kopieren Sie sich einfach den Namen des Icons und fügen es ins Feld "Tooltip Icon" ein.

  icon--add
  icon--add-to-list
  icon--adjust
  icon--air
  icon--airplane
  icon--archive
  icon--arrow
  icon--arrow2
  icon--arrow-down
  icon--arrow-down2
  icon--arrow-down3
  icon--arrow-down4
  icon--arrow-down5
  icon--arrow-down6
  icon--arrow-left
  icon--arrow-left2
  icon--arrow-left3
  icon--arrow-left4
  icon--arrow-left5
  icon--arrow-left6
  icon--arrow-right
  icon--arrow-right2
  icon--arrow-right3
  icon--arrow-right4
  icon--arrow-right5
  icon--arrow-right6
  icon--arrow-up
  icon--arrow-up2
  icon--arrow-up3
  icon--arrow-up4
  icon--arrow-up5
  icon--arrow-up-upload
  icon--back
  icon--bag
  icon--bars
  icon--basket
  icon--battery
  icon--behance
  icon--bell
  icon--blocked
  icon--bolt
  icon--book
  icon--book2
  icon--bookmark
  icon--bookmarks
  icon--box
  icon--briefcase
  icon--brogress-1
  icon--browser
  icon--brush
  icon--bucket
  icon--calendar
  icon--camera
  icon--cc
  icon--cc-by
  icon--cc-nc
  icon--cc-nc-eu
  icon--cc-nd
  icon--cc-pd
  icon--cc-sa
  icon--cc-share2
  icon--ccw
  icon--cc-zero
  icon--cd
  icon--chain
  icon--chat
  icon--check
  icon--circles
  icon--clipboard
  icon--clock
  icon--clock2
  icon--cloud
  icon--code
  icon--cog
  icon--comment
  icon--compare
  icon--compass
  icon--cone
  icon--coupon
  icon--creditcard
  icon--cross
  icon--cross2
  icon--cross3
  icon--cup
  icon--cw
  icon--cycle
  icon--danielbruce
  icon--danielbruce2
  icon--database
  icon--delicious
  icon--delicious2
  icon--digg
  icon--directions
  icon--disk
  icon--docs
  icon--document
  icon--dot
  icon--dots
  icon--download
  icon--drawer
  icon--dribbble
  icon--dribbble2
  icon--drive
  icon--dropbox
  icon--droplets
  icon--droplet
  icon--earth
  icon--ellipsis
  icon--erase
  icon--evernote
  icon--export
  icon--eye
  icon--facebook2
  icon--facebook3
  icon--feather
  icon--feed
  icon--feed2
  icon--filter
  icon--flag
  icon--flashlight
  icon--flattr
  icon--flickr
  icon--flickr2
  icon--first
  icon--folder
  icon--flow-branch
  icon--flow-cascade
  icon--flow-line
  icon--flow-parallel
  icon--flow-tree
  icon--forward
  icon--gauge
  icon--gird
  icon--github
  icon--github2
  icon--googleplus
  icon--googleplus2
  icon--graduation
  icon--graph
  icon--heart
  icon--help
  icon--history
  icon--hourglass
  icon--house
  icon--infinity
  icon--info
  icon--info2
  icon--install
  icon--instagram
  icon--key
  icon--keyboard
  icon--landscape
  icon--language
  icon--last
  icon--lastfm
  icon--lastfm2
  icon--layout
  icon--layout2
  icon--leaf
  icon--lifebuoy
  icon--light-bulb
  icon--link
  icon--linkedin
  icon--linkedin2
  icon--list
  icon--list2
  icon--list3
  icon--lock
  icon--lock-open
  icon--location
  icon--location2
  icon--logout
  icon--loop
  icon--magnet
  icon--mail
  icon--map
  icon--megaphone
  icon--menu
  icon--menu2
  icon--microphone
  icon--minus
  icon--minus2
  icon--minus3
  icon--mixi
  icon--mobile
  icon--moon
  icon--mouse
  icon--music
  icon--music2
  icon--music3
  icon--mute
  icon--network
  icon--new
  icon--newspaper
  icon--next
  icon--numbered
  icon--palette
  icon--paperclip
  icon--paperplane
  icon--pause
  icon--paypal
  icon--pencil
  icon--percent
  icon--percent2
  icon--phone
  icon--picasa
  icon--pictures
  icon--pie
  icon--pinterest
  icon--pinterest2
  icon--play
  icon--plus
  icon--plus2
  icon--plus3
  icon--popup
  icon--previous
  icon--printer
  icon--progress-0
  icon--progress-3
  icon--progress-2
  icon--progress-1
  icon--publish
  icon--qq
  icon--question
  icon--quote
  icon--record
  icon--renren
  icon--reply
  icon--reply-all
  icon--resize-enlarge
  icon--resize-shrink
  icon--retweet
  icon--rdio
  icon--rdio2
  icon--rocket
  icon--rss
  icon--screen
  icon--search
  icon--service
  icon--sharable
  icon--shopware
  icon--shuffle
  icon--sina-weibo
  icon--signal
  icon--skype
  icon--skype2
  icon--smashing
  icon--sound
  icon--soundcloud
  icon--spotify
  icon--spotify2
  icon--star
  icon--star-half
  icon--star-empty
  icon--statistics
  icon--stop
  icon--stumbleupon
  icon--stumbleupon2
  icon--suitcase
  icon--sun
  icon--sun2
  icon--tag
  icon--target
  icon--text
  icon--text2
  icon--thermometer
  icon--thumbsdown
  icon--thumbsup
  icon--thunder
  icon--ticket
  icon--tools
  icon--trophy
  icon--trash
  icon--truck
  icon--tumblr
  icon--tumblr2
  icon--twitter2
  icon--uniE680
  icon--upload
  icon--upload2
  icon--users
  icon--vcard
  icon--video
  icon--vk
  icon--vimeo
  icon--vimeo2
  icon--voicemail
  icon--volume
  icon--warning

Einen Tooltip für eine Variante anlegen

Rufen Sie einen Artikel auf und gehen Sie auf "Varianten -> Konfiguration".

Varianten Tooltip

Klicken Sie auf den Stift neben der jeweiligen Variante und geben Sie im sich darauf öffnenden Fenster im Feld "Beschreibung" Ihren Text ein. HTML kann verwendet werden. Auch Bilder können hinterlegt werden.

Varianten Tooltip

Responsive - Desktop, Tablet, Smartphone

Die Anzeige des Tooltips. Dargestellt auf den verschiedenen Endgeräten.

Varianten Tooltip

Varianten Tooltip

Varianten Tooltip

Die mit einem * markierten Felder sind Pflichtfelder.

Passende Artikel
Gratis

Sofort versandfertig, Lieferzeit ca. 1-3 Werktage