Añadir mas redes sociales a tu tienda

Si bien las primeras versiones de PrestaShop 1.6 permitian solo cuatro redes sociales en su bloque «blocksocial» en las ultimas actualizaciones esto ha cambiado y ahora permiten mas redes sociales.

redes

Aun asi nos puede resultar un poco pobre y necesitar alguna red más como tumblr que no aparece, para añadir una nueva red social lo primero que tenemos que hacer es modificar el archivo /modules/blocksocial/blocksocial.php y buscar en todos los sitios donde aparece una red social y duplicar dicha red por la nueva, por ejemplo vamos a buscar la red «instagram» y aparecera en las linea 56, 71, 88, 112,170 y 211, modficamos el archivo de forma que quede de la siguiente manera

Configuration::updateValue('BLOCKSOCIAL_INSTAGRAM', '') &&
Configuration::updateValue('BLOCKSOCIAL_TUMBLR', '') &&
$this->registerHook('displayHeader') && 
...
Configuration::deleteByName('BLOCKSOCIAL_INSTAGRAM') AND
Configuration::deleteByName('BLOCKSOCIAL_TUMBLR') AND
parent::uninstall());
...
Configuration::updateValue('BLOCKSOCIAL_INSTAGRAM', Tools::getValue('blocksocial_instagram', ''));
Configuration::updateValue('BLOCKSOCIAL_TUMBLR', Tools::getValue('blocksocial_tumblr', ''));
$this->_clearCache('blocksocial.tpl');
...
'instagram_url' => Configuration::get('BLOCKSOCIAL_INSTAGRAM'),
'tumblr_url' => Configuration::get('BLOCKSOCIAL_TUMBLR'),
...
array(						
	'type' => 'text',						
	'label' => $this->l('Instagram URL:'),						
	'name' => 'blocksocial_instagram',						
	'desc' => $this->l('Your official Instagram account.'),					
),
array(						
	'type' => 'text',						
	'label' => $this->l('Tumblr URL:'),						
	'name' => 'blocksocial_tumblr',						
	'desc' => $this->l('Your official tumblr account.'),					
),
....
'blocksocial_instagram' => Tools::getValue('blocksocial_instagram', Configuration::get('BLOCKSOCIAL_INSTAGRAM')),
'blocksocial_tumblr' => Tools::getValue('blocksocial_tumblr', Configuration::get('BLOCKSOCIAL_TUMBLR')),

De esta forma modificando el código ya tendriamos el primer paso para añadir nuestra nueva red social Tumblr. A continuación buscamos en el global.css de prestashop la linea (aprox 6890) donde pone el icono de la red social y añadirmos la nuestra quedando de  la siguiente forma.

.footer-container #footer #social_block ul li.facebook a:before {
            content: "f09a"; }
.footer-container #footer #social_block ul li.tumblr a:before {
            content: "f173"; }

Con estos cambios ya tendremos nuestra nueva red social lista para funcionar. Si queremos cambiar el icono podemos buscarle en esta pagina http://fortawesome.github.io/Font-Awesome/cheatsheet/ y poner el codigo que sale despues de  [&#x

Comparte en tus redes sociales

2 Respuestas

Deja una respuesta

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