Estas serán mis notas sobre varias cosas y detalles de prestashop que son importantes tener anotadas para recordar.

Codigos html de los colores para la web de Ambali Bilbao

INSERT INTO ps_attribute_lang (id_attribute, id_lang, name) VALUES

(5, 1, ‘Gris’), #AAB2BD
(6, 1, ‘Gris pardo’), #CFC4A6
(7, 1, ‘Beige’), #F5F5DC
(8, 1, ‘Blanco’), #FFFFFF
(9, 1, ‘Blanco roto’), #FAEBD7
(10, 1, ‘Rojo’), #E84CD3
(11, 1, ‘Negro’), #434A54
(12, 1, ‘Camel’), #C19A6B
(13, 1, ‘Naranja’), #F39C11
(14, 1, ‘Azul’), #5D9CEC
(15, 1, ‘Verde’), #A0D468
(16, 1, ‘Amarillo’), #F1C40F
(17, 1, ‘Marrón’), #964B00
(18, 1, ‘Rosa’), #FCCACD
(55, 1, ‘Morado’), #8C004B
(56, 1, ‘Magenta’), #F00FF
(57, 1, ‘Amarillo Indio’), #E3A857
(58, 1, ‘Amarillo Limón’), #FFF44F
(59, 1, ‘Amatista’), #898AC0
(60, 1, ‘Ambar’), #FFBF00
(61, 1, ‘Azul Acero ‘), #4682B4
(62, 1, ‘Azul Cielo’), #00CCFF
(63, 1, ‘Azul Marino’), #666699
(64, 1, ‘Azul Cobalto’), #333C87
(65, 1, ‘Azul Klein’), #002FA7
(66, 1, ‘Azul Majorelle’), #6050DC
(67, 1, ‘Azul Prusia’), #003153
(68, 1, ‘Verde Oliva’), #86895D
(69, 1, ‘Verde Veronés’), #00BD7A
(70, 1, ‘Verde Kelly’), #4CBB17
(81, 1, ‘Ecru/Terracota’), #C2B280
(82, 1, ‘Kaki’), #F0E68C
(83, 1, ‘Coloris Unique’), #FFFFFF
(84, 1, ‘Burdeos’), #C70039
(85, 1, ‘Check’), #2596BE
(86, 1, ‘Crudo’), #C2B280
(87, 1, ‘Dorado’), #C0C0C0
(88, 1, ‘Ecru’), #C2B280
(89, 1, ‘Lila’), #B695C0
(90, 1, ‘Nude’), #FDDDCA
(94, 1, ‘Silver’), #C0C0C0
(95, 1, ‘Tobacco’), #384900
(96, 1, ‘Unique’), #FFFFFF


Sobre los permisos a archivos y directorios en Prestashop

Para cambiar el nombre del grupo a todos los archivos y directorios

chgrp -R www-data /var/www/html/latiendaquesea

Para cambiar el nombre del usuario a todos los archivos y directorios

chown -R www-data /var/www/html/latiendaquesea

Para los permisos de los directorios de prestashop

find . -type d -exec chmod 755 {} +

Para los permisos de los archivos

find . -type f -exec chmod 644 {} +

Traducir tasa de impuesto y Total impuesto para que aparezca el concepto «IVA»

Para conseguir esto hay que ir a las traducciones del Back-Office , siguiendo la ruta:

Personalizar-Internacional-Traducciones

En el bloque Modificar traducciones seleccionamos en tipo de traducción, Traducciones de temas, en la sección Tema elegimos el que queremos traducir (en mi caso «classic») y abajo seleccionamos el Idioma (en mi caso «español»).

Pinchamos en «Modificar»

Una vez aquí lo más sencillo es buscar las frases «Tasa de impuesto» y «Total impuesto» en la «Búsqueda de traducciones» en la parte superior de la aplicación, y cambiar «Tasa de impuesto» por «Tasa IVA» y «Total impuesto» por «Total IVA».

Estas traducciones se encuentran en la ruta desde el back-office: Personalizar-Internacional-Traducciones. Dentro de esta pantalla seleccionamos, en tipo de traducción, «Traducciones de los temas», en «Selecciona tu tema», classic (o el que sea), en «Selecciona tu idioma», Español. Pinchamos en Modificar y en la ventana que se abre vamos a «Shop – Pdf»

En la foto podemos ver como nos quedará la factura.

Borrar las imágenes de tarjetas en theme Bizkick

Para hacer desaparecer las imágenes de las tarjetas que aparecen abajo a la derecha de la página principal, voy a utilizar un truco aunque solo cambie unas imágenes por otras. No encuentro la manera de  quitarlas de otra forma.

Lo primero decir que las imágenes en cuestión se encuentran en el directorio:

«/tiendaquesea/themes/bizkick/assets/img».

Se llamán:

«americanexpress.png, discover.png, maestro.png, master,png y visa.png»

Cambiamos el nombre de las 5 imágenes p.ej. «archivoquesea._old.png». Ahora creamos una imagen con las medidas 64x40px y extensión .png y fondo transparente con imagen vacía, la guardamos en un directorio temporal y luego la copiamos en el directorio «/tiendaquesea/themes/bizkick/assets/img». con el nombre de las imágenes originales. Esto lo tenemos que hacer tantas veces como imágenes tenemos que variar. En este caso cinco veces.

Esto no elimina el modulo, hook o lo que sea, pero no vemos las tarjetas.

Cambiar «No mail alerts yet» por «No tienes mensajes en tu correo»

Esto me costó un poco pero por fin lo conseguí.

Hay que cambiar en dos archivos. Cambiando solo el del módulo no funcionó y tuve que cambiar también el de la caché. Supongo que es mejor vaciar la caché pero me da un poco de reparo.

Esto lo encontré utilizando el comando dentro del directorio:

«/var/www/html/tienda»

«sudo grep -r -i «No mail alerts» /var/www/html/tienda > /home/hugo/Descargas/shop.txt»

Módulo:

«/var/www/html/tienda/modules/ps_emailalerts/views/templates/front/mailalerts-account.tpl»

Aquí buscar «No mail alerts yet» y cambiar por «No tienes mensajes en tu correo»

Con cambiar el texto en este módulo vale.

En caso de que falle con esto, cambiar también el texto en el siguiente archivo:

Caché:

«/var/www/html/tienda/var/cache/prod/smarty/compile/layouts_layout_full_width_tpl/a7/0f/11/a70f1148674812fc2b12ef98cae998f807e5133a_2.module.psemailalertsviewstemplat.php»

Aquí buscar «No mail alerts yet» y cambiar por «No tienes mensajes en tu correo»

Sobre customer reassurance (Módulo de prestashop)

A la hora de configurar este módulo, siempre me encuentro con la restricción de un máximo de 100 caracteres en la casilla correspondiente. En la parte del título no hay ningún problema porque a mi entender sobra ese max. Y en la descripción de la política de privacidad y la de devolución tampoco. El problema es que para describir como se realiza el envío de los pedidos, la verdad, se queda muy corto ese límite.

Para solucionar el problema y saltarnos directamente esa restricción yo acudo directamente a la base de datos vía web con phpMyAdmin. Para que no se me olvide, escribo esta chuleta.

Lo primero es entrar en la base de datos de la tienda en cuestión. Para ello vamos a la estructura de la base de datos de la página prestashop que queremos configurar y seleccionamos la tabla «ps_psreassurance_lang», no confundir con «ps_reassurance_lang» y editamos la fila con título «política de envío»  (lo mismo se puede hacer con la política de privacidad y política de devolución) y aquí configuramos a nuestro gusto y sin restricciones el título y la descripción que nos parezca más idonea.

Carrusel de Imágenes (Slider) a pantalla completa.

Toda esta información la he conseguido gracias a la Web:

https://vegaweb.es/homeslider-pantalla-completa-prestashop-1-7/

Un artículo realizado por Franky Martin. Mi reconocimiento y agradecimiento desde aquí.

Para hacer que nuestro carrusel de imágenes ocupe todo el ancho de la pantalla tenemos que seguir unos sencillos pasos, sin necesidad de tocar el código.
Lo primero es ir a la sección de Posiciones de los módulos, que se encuentra dentro de Diseño > Posiciones.

Ahora clicamos en «Subir un módulo» en la esquina superior derecha y añadimos el módulo carrusel de imágenes en el hook «displayNavFullWidth».

Tras realizar este cambio, el slider aparecerá en todas las páginas de nuestra tienda online. Si queremos que esto no ocurra debemos volver a la sección de Posición de los módulos, buscar el hook «displayNavFullWidth» y clicar en modificar el módulo Carrusel de imágenes. El siguiente paso es marcar todas la excepciones menos la «index».

Ya hemos conseguido tener el slider de nuestra home a pantalla completa en prestashop 1.7. Para rematar el asunto debemos eliminar el módulo carrusel de imágenes del hook «displayHome» para que no aparezca el slider original en la home. De no hacer esto, veremos dos carruseles en nuestra página.

Cambiar la altura del carrusel para ocupar más pantalla. (esto ajustará el alto del carrusel de imágenes).

Hay varias maneras de realizar este paso. Yo me quedo con esta:

Editar el archivo «/latiendaquesea/themes/classic/assets/css/theme.css con un editor html (en mi caso) Bluefish. Buscar y modificar directamente la regla: .carousel .carousel-inner{height:340px}

por

.carousel .carousel-inner{height:XXXpx} donde XXX es el tamaño que queramos darle.

En mi caso lo pongo así :

carousel .carousel-inner{height:420px}

También según la web se puede realizar este cambio así:

Editar el archivo «/latiendaquesea/themes/classic/assets/css/theme.css y añadir lo siguiente:

.carousel .carousel-inner {
height: nueva_alturapx;
}

En «nueva_altura», definimos el número de pixeles que queremos definir para la altura del slider en Prestashop 1.7.

– O añadir una nueva línea en el archivo;

/themes/classic/assets/css/custom.css
.carousel .carousel-inner{
height:auto!important;
}

Eliminar linea que aparece debajo del slider de Prestashop 1.7 (Con esto yo personalmente, no noto ningún cambio)

Para esto editaremos el archivo, homeslider.css, que se encuentra en la ruta:

/tiendaquesea/modules/ps_imageslider/css/homeslider.css

Donde pone:

.homeslider-container {
margin-bottom: 50px;
position: relative;
float: left;
width: 100%;

sustituir por:

.homeslider-container {
margin-bottom: 0px;
position: relative;
float: left;
width: 100%;

Si te ha servido este post no me la agradezcas a mí (para mí esto es una chuleta para no tener que acordarme del sitio web de donde he sacado esta información).