Icone e class selectors per Prestashop 1.6

La nuova versione di Prestashop è stata rilasciata da poco, tra le novità più importanti c’è sicuramente l’introduzione di Bootstrap come front-end framework il che rende molto più facile e rapida la produzione di nuovi temi e la compatibilità di questi con i dispositivi mobile.

Per chi come me sviluppa anche moduli o comunque mette mano al Back Office di Prestashop ho preparato una lista di tutti i selector per le icone del Font Awesome, questo perchè i nomi non corrispondono a quelli standard.

.icon-glass
.icon-music
.icon-search
.icon-envelope-o
.icon-heart
.icon-star
.icon-star-o
.icon-user
.icon-film
.icon-th-large
.icon-th
.icon-th-list
.icon-check
.icon-times
.icon-search-plus
.icon-search-minus
.icon-power-off
.icon-signal
.icon-gear
.icon-trash-o
.icon-home
.icon-file-o
.icon-clock-o
.icon-road
.icon-download
.icon-arrow-circle-o-down
.icon-arrow-circle-o-up
.icon-inbox
.icon-play-circle-o
.icon-rotate-right
.icon-refresh
.icon-list-alt
.icon-lock
.icon-flag
.icon-headphones
.icon-volume-off
.icon-volume-down
.icon-volume-up
.icon-qrcode
.icon-barcode
.icon-tag
.icon-tags
.icon-book
.icon-bookmark
.icon-print
.icon-camera
.icon-font
.icon-bold
.icon-italic
.icon-text-height
.icon-text-width
.icon-align-left
.icon-align-center
.icon-align-right
.icon-align-justify
.icon-list
.icon-dedent
.icon-indent
.icon-video-camera
.icon-picture-o
.icon-pencil
.icon-map-marker
.icon-adjust
.icon-tint
.icon-edit
.icon-share-square-o
.icon-check-square-o
.icon-arrows
.icon-step-backward
.icon-fast-backward
.icon-backward
.icon-play
.icon-pause
.icon-stop
.icon-forward
.icon-fast-forward
.icon-step-forward
.icon-eject
.icon-chevron-left
.icon-chevron-right
.icon-plus-circle
.icon-minus-circle
.icon-times-circle
.icon-check-circle
.icon-question-circle
.icon-info-circle
.icon-crosshairs
.icon-times-circle-o
.icon-check-circle-o
.icon-ban
.icon-arrow-left
.icon-arrow-right
.icon-arrow-up
.icon-arrow-down
.icon-mail-forward
.icon-expand
.icon-compress
.icon-plus
.icon-minus
.icon-asterisk
.icon-exclamation-circle
.icon-gift
.icon-leaf
.icon-fire
.icon-eye
.icon-eye-slash
.icon-warning
.icon-plane
.icon-calendar
.icon-random
.icon-comment
.icon-magnet
.icon-chevron-up
.icon-chevron-down
.icon-retweet
.icon-shopping-cart
.icon-folder
.icon-folder-open
.icon-arrows-v
.icon-arrows-h
.icon-bar-chart-o
.icon-twitter-square
.icon-facebook-square
.icon-camera-retro
.icon-key
.icon-gears
.icon-comments
.icon-thumbs-o-up
.icon-thumbs-o-down
.icon-star-half
.icon-heart-o
.icon-sign-out
.icon-linkedin-square
.icon-thumb-tack
.icon-external-link
.icon-sign-in
.icon-trophy
.icon-github-square
.icon-upload
.icon-lemon-o
.icon-phone
.icon-square-o
.icon-bookmark-o
.icon-phone-square
.icon-twitter
.icon-facebook
.icon-github
.icon-unlock
.icon-credit-card
.icon-rss
.icon-hdd-o
.icon-bullhorn
.icon-bell
.icon-certificate
.icon-hand-o-right
.icon-hand-o-left
.icon-hand-o-up
.icon-hand-o-down
.icon-arrow-circle-left
.icon-arrow-circle-right
.icon-arrow-circle-up
.icon-arrow-circle-down
.icon-globe
.icon-wrench
.icon-tasks
.icon-filter
.icon-briefcase
.icon-arrows-alt
.icon-group
.icon-chain
.icon-cloud
.icon-flask
.icon-cut
.icon-copy
.icon-paperclip
.icon-save
.icon-square
.icon-bars
.icon-list-ul
.icon-list-ol
.icon-strikethrough
.icon-underline
.icon-table
.icon-magic
.icon-truck
.icon-pinterest
.icon-pinterest-square
.icon-google-plus-square
.icon-google-plus
.icon-money
.icon-caret-down
.icon-caret-up
.icon-caret-left
.icon-caret-right
.icon-columns
.icon-unsorted
.icon-sort-down
.icon-sort-up
.icon-envelope
.icon-linkedin
.icon-rotate-left
.icon-legal
.icon-dashboard
.icon-comment-o
.icon-comments-o
.icon-flash
.icon-sitemap
.icon-umbrella
.icon-paste
.icon-lightbulb-o
.icon-exchange
.icon-cloud-download
.icon-cloud-upload
.icon-user-md
.icon-stethoscope
.icon-suitcase
.icon-bell-o
.icon-coffee
.icon-cutlery
.icon-file-text-o
.icon-building-o
.icon-hospital-o
.icon-ambulance
.icon-medkit
.icon-fighter-jet
.icon-beer
.icon-h-square
.icon-plus-square
.icon-angle-double-left
.icon-angle-double-right
.icon-angle-double-up
.icon-angle-double-down
.icon-angle-left
.icon-angle-right
.icon-angle-up
.icon-angle-down
.icon-desktop
.icon-laptop
.icon-tablet
.icon-mobile-phone
.icon-circle-o
.icon-quote-left
.icon-quote-right
.icon-spinner
.icon-circle
.icon-mail-reply
.icon-github-alt
.icon-folder-o
.icon-folder-open-o
.icon-smile-o
.icon-frown-o
.icon-meh-o
.icon-gamepad
.icon-keyboard-o
.icon-flag-o
.icon-flag-checkered
.icon-terminal
.icon-code
.icon-reply-all
.icon-mail-reply-all
.icon-star-half-empty
.icon-location-arrow
.icon-crop
.icon-code-fork
.icon-unlink
.icon-question
.icon-info
.icon-exclamation
.icon-superscript
.icon-subscript
.icon-eraser
.icon-puzzle-piece
.icon-microphone
.icon-microphone-slash
.icon-shield
.icon-calendar-o
.icon-fire-extinguisher
.icon-rocket
.icon-maxcdn
.icon-chevron-circle-left
.icon-chevron-circle-right
.icon-chevron-circle-up
.icon-chevron-circle-down
.icon-html
.icon-css
.icon-anchor
.icon-unlock-alt
.icon-bullseye
.icon-ellipsis-h
.icon-ellipsis-v
.icon-rss-square
.icon-play-circle
.icon-ticket
.icon-minus-square
.icon-minus-square-o
.icon-level-up
.icon-level-down
.icon-check-square
.icon-pencil-square
.icon-external-link-square
.icon-share-square
.icon-compass
.icon-toggle-down
.icon-toggle-up
.icon-toggle-right
.icon-euro
.icon-gbp
.icon-dollar
.icon-rupee
.icon-cny
.icon-ruble
.icon-won
.icon-bitcoin
.icon-file
.icon-file-text
.icon-sort-alpha-asc
.icon-sort-alpha-desc
.icon-sort-amount-asc
.icon-sort-amount-desc
.icon-sort-numeric-asc
.icon-sort-numeric-desc
.icon-thumbs-up
.icon-thumbs-down
.icon-youtube-square
.icon-youtube
.icon-xing
.icon-xing-square
.icon-youtube-play
.icon-dropbox
.icon-stack-overflow
.icon-instagram
.icon-flickr
.icon-adn
.icon-bitbucket
.icon-bitbucket-square
.icon-tumblr
.icon-tumblr-square
.icon-long-arrow-down
.icon-long-arrow-up
.icon-long-arrow-left
.icon-long-arrow-right
.icon-apple
.icon-windows
.icon-android
.icon-linux
.icon-dribbble
.icon-skype
.icon-foursquare
.icon-trello
.icon-female
.icon-male
.icon-gittip
.icon-sun-o
.icon-moon-o
.icon-archive
.icon-bug
.icon-vk
.icon-weibo
.icon-renren
.icon-pagelines
.icon-stack-exchange
.icon-arrow-circle-o-right
.icon-arrow-circle-o-left
.icon-toggle-left
.icon-dot-circle-o
.icon-wheelchair
.icon-vimeo-square
.icon-turkish-lira
.icon-plus-square-o
 
Condividi:
  • Facebook
  • Twitter
  • Google Bookmarks
  • Digg
  • StumbleUpon
  • del.icio.us
  • Yahoo! Buzz
  • Print
  • email

2 thoughts on “Icone e class selectors per Prestashop 1.6

  1. Complimenti per il tuo sito..volevo chiederti visto che programmi con photoshop se riesci a capire il mio problema legato alla visualizzazione delle icone.

    Con safari le vedo con internet explore e altri no..

    Grazie

    Simone

  2. ciao, grazie per i complimenti, non ho ben capito, hai problemi a vedere le icone di font-awesome con i browser diversi da safari?

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Connect with Facebook