iconos en prestashop

Lista de iconos PrestaShop

Share on facebook
Share on linkedin
Share on twitter
Share on email

Te mostramos la lista completa de iconos disponibles para PrestaShop, tanto para 1.6 como para 1.7.

¿Cómo usar los iconos PrestaShop?

En principio estos iconos los puedes usar en cualquier apartado de PrestaShop con editor de texto html o directamente en tus plantillas.

Los puedes usar por ejemplo en el módulo «Personalizar bloque de información CMS»

image Lista de iconos PrestaShop

Para ello, le damos a configurar y después click en el bloque id 1, herramientas/código fuente y editamos el siguiente bloque de html con el contenido que queramos y añadimos el icono que más represente a la información que estamos mostrando.

Por ejemplo, para cambiar el camión por un carrito, cambia la línea 3 por este código:

<li><em class="icon-shopping-cart" id="icon-shopping-cart">/em>

Código original del modulo:

<ul>
<li><em class="icon-truck" id="icon-truck"></em>
<div class="type-text">
<h3>Lorem Ipsum</h3>
<p>Lorem ipsum dolor sit amet conse ctetur voluptate velit esse cillum dolore eu</p>
</div>
</li>
<li><em class="icon-phone" id="icon-phone"></em>
<div class="type-text">
<h3>Dolor Sit Amet</h3>
<p>Lorem ipsum dolor sit amet conse ctetur voluptate velit esse cillum dolore eu</p>
</div>
</li>
<li><em class="icon-credit-card" id="icon-credit-card"></em>
<div class="type-text">
<h3>Ctetur Voluptate</h3>
<p>Lorem ipsum dolor sit amet conse ctetur voluptate velit esse cillum dolore eu</p>
</div>
</li>
</ul>

Iconos PrestaShop 1.6

.icon-glass
.icon-music
.icon-search
.icon-heart
.icon-star
.icon-user
.icon-film
.icon-th-large
.icon-film
.icon-th-large
.icon-th
.icon-th-list
.icon-check
.icon-power-off
.icon-signal
.icon-gear
.icon-home
.icon-road
.icon-download
.icon-inbox
.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-pencil
.icon-map-marker
.icon-adjust
.icon-tint
.icon-edit
.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-arrow-left
.icon-arrow-right
.icon-arrow-up
.icon-arrow-down
.icon-mail-forward
.icon-expand
.icon-plus
.icon-minus
.icon-asterisk
.icon-gift
.icon-leaf
.icon-fire
.icon-plane
.icon-calendar
.icon-random
.icon-comment
.icon-magnet
.icon-chevron-up
.icon-chevron-down
.icon-retweet
.icon-shopping-cart
.icon-folder-open
.icon-camera-retro
.icon-key
.icon-gears
.icon-comments
.icon-star-half
.icon-external-link
.icon-trophy
.icon-upload
.icon-phone
.icon-twitter
.icon-facebook
.icon-github
.icon-unlock
.icon-credit-card
.icon-rss
.icon-bullhorn
.icon-bell
.icon-certificate
.icon-globe
.icon-wrench
.icon-tasks
.icon-filter
.icon-briefcase
.icon-group
.icon-cloud
.icon-cut
.icon-copy
.icon-paperclip
.icon-save
.icon-list-ul
.icon-list-ol
.icon-strikethrough
.icon-underline
.icon-table
.icon-magic
.icon-truck
.icon-pinterest
.icon-google-plus
.icon-money
.icon-caret-down
.icon-caret-up
.icon-caret-left
.icon-caret-right
.icon-columns
.icon-sort-down
.icon-sort-up
.icon-envelope
.icon-linkedin
.icon-rotate-left
.icon-legal
.icon-dashboard
.icon-sitemap
.icon-umbrella
.icon-paste
.icon-exchange
.icon-cloud-download
.icon-cloud-upload
.icon-user-md
.icon-stethoscope
.icon-suitcase
.icon-coffee
.icon-ambulance
.icon-medkit
.icon-fighter-jet
.icon-beer
.icon-angle-left
.icon-angle-right
.icon-angle-up
.icon-angle-down
.icon-desktop
.icon-laptop
.icon-tablet
.icon-mobile-phone
.icon-quote-left
.icon-quote-right
.icon-spinner
.icon-circle
.icon-mail-reply
.icon-github-alt
.icon-gamepad
.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-shield
.icon-fire-extinguisher
.icon-rocket
.icon-maxcdn
.icon-anchor
.icon-unlock-alt
.icon-bullseye
.icon-play-circle
.icon-ticket
.icon-level-up
.icon-level-down
.icon-compass
.icon-euro
.icon-gbp
.icon-dollar
.icon-rupee
.icon-cny
.icon-won
.icon-bitcoin
.icon-file
.icon-file-text
.icon-thumbs-up
.icon-thumbs-down
.icon-youtube
.icon-xing-square
.icon-youtube-play
.icon-dropbox
.icon-instagram
.icon-flickr
.icon-adn
.icon-bitbucket
.icon-tumblr
.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-archive
.icon-bug
.icon-vk
.icon-weibo
.icon-renren

Si te ha servido, deja un comentario

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Más entradas
Blog

¿Qué es Link Building?

Puede ser que en alguna ocasión te hayas topado con este término mientras hacías algún estudio o simplemente mientras navegabas por la red y entonces

Categorías
¿Quieres impulsar tu negocio?
escríbenos y manténte en contacto
Desarrollo de tiendas online Garber Informática
Contacta con nosotros