[Bug] Mostrar imágenes en el menú de Prestashop 1.7

Traducción del idioma de Shakespeare al idioma de Cervantes de un aporte construido por Frank Nguyen al problema ocasionado en Prestashop 1.7.0.4 (y variantes anteriores de la misma rama de Prestashop 1.7) referente a la visualización de las imágenes de las categorías en el menú horizontal.

En Prestashop 1.7.0.4 y variantes anteriores de Prestashop 1.7.0.4 (dentro de la rama de Prestashop 1.7) cuando en la pestaña Catálogo -> Categorías intentamos editar o crear una categoría y subir una imagen en la opción:

Miniaturas del Menú

Opción Miniaturas del Menú en la ficha de edición de la categoría

Vemos que no se visualiza dicha miniatura en el menú.

Menú horizontal en Prestashop 1.7

Continúa leyendo [Bug] Mostrar imágenes en el menú de Prestashop 1.7

Añadir información complementaria en la ficha del producto en Prestashop

Con este tutorial, vamos a mostrar información adicional en todas las fichas de los productos, puede ser útil, para mostrar información legal, logos de pago, sello de confianza, logo de los transportistas o cualquier otra cosa que se nos ocurra.

Empecemos con este manual para Prestashop.

Continúa leyendo Añadir información complementaria en la ficha del producto en Prestashop

Plantillas gratuitas para Prestashop 1.7 de Leo Themes

Ya empezamos a tener plantillas gratuitas para Prestashop 1.7,  funcionales con esta nueva versión de Prestashop.

El usuario Romeo (Leo Themes) de la comunidad de Prestashop, nos presenta las siguientes plantillas:

Leo Xalem Multistore Responsive
Leo Xalem Multistore Responsive

Continúa leyendo Plantillas gratuitas para Prestashop 1.7 de Leo Themes

Comprobando mediante variable global si está activado SSL en Prestashop 1.7

Aunque tenemos un pequeño índice de las variables globales en Prestashop 1.7, no están comentadas todas, un ejemplo es el uso de la variable:

{$link.ssl_enable}

Esta variable nos indica un valor 0 si SSL está desactivado en Prestashop 1.7 y con un valor 1 si SSL está activado en Prestashop 1.7

Si queremos ver todo lo que podemos obtener de la variable: {$link} siempre podemos hacer un {$link|var_dump}

Continúa leyendo Comprobando mediante variable global si está activado SSL en Prestashop 1.7

¿Error? ¿Elementos no seguros en Prestashop? (https)

Lo he comentado muchas veces  en la Comunidad de Prestashop en el pasado, pero bueno igualmente lo comento aquí también….

Si hemos instalado el Certificado SSL, y en algunas secciones de la tienda aparece nuestra página como “segura” y en otras “no” suele ser debido a que recursos de nuestra tienda Prestashop no están cargando como “https” y están cargando como “http

Si por ejemplo estamos en Chrome (aunque bueno se puede ver en cualquier navegador) y pulsamos “botón derecho -> Inspeccionar

Error SSL en Prestashop
Error SSL en Prestashop

Continúa leyendo ¿Error? ¿Elementos no seguros en Prestashop? (https)

¿No funciona la variable global $page_name en Prestashop 1.7?

Si en Prestashop 1.7 (variante 1.7.0.3) intentamos escribir en un fichero “tpl” la variable:

{$page_name}

No obtenemos ningún valor….

Un ejemplo, vamos a editar el fichero:

/themes/classic/templates/_partials/header.tpl

Y añadimos la siguiente línea:

Esto es una prueba: {$page_name}

Continúa leyendo ¿No funciona la variable global $page_name en Prestashop 1.7?

¿No se ven las subcategorías en los listado de las categorías en Prestashop 1.7?

Más que una pregunta, es una afirmación, pero siendo un poco original, prefiero colocar un titular amarillista…

Lo dicho, en Prestashop 1.7, no se ven las subcategorías cuando pinchas en una categoría.

¿Por qué?

Sencillo, no está implementada esa función a día de hoy en Prestashop 1.7.0.3

Muestro imágenes, para que veáis a lo que me refiero:

Menú horizontal de Prestashop 1.7
Menú horizontal de Prestashop 1.7

Al principio creía que era como pasaba en Prestashop 1.6, que no estaba chequeada en el “Configurador de temas” la opción: “Mostrar subcategorías”

Mostrar subcategorías en Prestashop 1.6
Mostrar subcategorías en Prestashop 1.6

Pero no…..

El problema viene debido a que en Prestashop 1.7.0.3, no tiene implementada esta función…

Tenemos varias soluciones por la comunidad de Prestashop, en esta ocasión, vamos a obtener la solución que nos proporciona el usuario “nemo“.

Continúa leyendo ¿No se ven las subcategorías en los listado de las categorías en Prestashop 1.7?

Editor de textos avanzado en Prestashop 1.7

Gracias al usuario Vekia de la Comunidad de Prestashop, tenemos disponible una guía que nos permite habilitar funciones adicionales al editor de texto que tiene integrado Prestashop, cuando por ejemplo estamos escribiendo la descripción de la categoría, producto, etc..

Vekia, nos propone en su Guía, los siguientes cambios:

1º Paso – Editar fichero JS

Editamos el siguiente fichero “ /js/admin/tinymce.inc.js” y cambiamos el contenido del fichero por el siguiente código:


/**
* Change default icons to marerial icons
*/
function changeToMaterial() {
var materialIconAssoc = {
'mce-i-code': '<i class="material-icons">code</i>',
'mce-i-visualblocks': '<i class="material-icons">dashboard</i>',
'mce-i-charmap': '<i class="material-icons">grade</i>',
'mce-i-hr': '<i class="material-icons">remove</i>',
'mce-i-searchreplace': '<i class="material-icons">find_replace</i>',
'mce-i-none': '<i class="material-icons">format_color_text</i>',
'mce-i-bold': '<i class="material-icons">format_bold</i>',
'mce-i-italic': '<i class="material-icons">format_italic</i>',
'mce-i-underline': '<i class="material-icons">format_underlined</i>',
'mce-i-strikethrough': '<i class="material-icons">format_strikethrough</i>',
'mce-i-blockquote': '<i class="material-icons">format_quote</i>',
'mce-i-link': '<i class="material-icons">link</i>',
'mce-i-alignleft': '<i class="material-icons">format_align_left</i>',
'mce-i-aligncenter': '<i class="material-icons">format_align_center</i>',
'mce-i-alignright': '<i class="material-icons">format_align_right</i>',
'mce-i-alignjustify': '<i class="material-icons">format_align_justify</i>',
'mce-i-bullist': '<i class="material-icons">format_list_bulleted</i>',
'mce-i-numlist': '<i class="material-icons">format_list_numbered</i>',
'mce-i-image': '<i class="material-icons">image</i>',
'mce-i-table': '<i class="material-icons">grid_on</i>',
'mce-i-media': '<i class="material-icons">video_library</i>',
'mce-i-browse': '<i class="material-icons">attachment</i>',
'mce-i-checkbox': '<i class="mce-ico mce-i-checkbox"></i>',
};

$.each(materialIconAssoc, function (index, value) {
$('.' + index).replaceWith(value);
});
}

function tinySetup(config) {
if (!config) {
config = {};
}

if (typeof config.editor_selector != 'undefined') {
config.selector = '.' + config.editor_selector;
}

var default_config = {
selector: ".rte",
browser_spellcheck: true,
plugins : "visualblocks, preview searchreplace print insertdatetime, hr charmap colorpicker anchor code link image paste pagebreak table contextmenu filemanager table code media autoresize textcolor emoticons",
toolbar2 : "newdocument,print,|,bold,italic,underline,|,strikethrough,superscript,subscript,|,forecolor,colorpicker,backcolor,|,bullist,numlist,outdent,indent",
toolbar1 : "styleselect,|,formatselect,|,fontselect,|,fontsizeselect,",
toolbar3 : "code,|,table,|,cut,copy,paste,searchreplace,|,blockquote,|,undo,redo,|,link,unlink,anchor,|,image,emoticons,media,|,inserttime,|,preview ",
toolbar4 : "visualblocks,|,charmap,|,hr,",
external_filemanager_path: baseAdminDir + "filemanager/",
filemanager_title: "File manager",
external_plugins: {"filemanager": baseAdminDir + "filemanager/plugin.min.js"},
language: iso_user,
skin: "prestashop",
menubar: false,
statusbar: false,
relative_urls: false,
convert_urls: false,
entity_encoding: "raw",
valid_children: "+body[style|script|iframe|section],pre[iframe|section|script|div|p|br|span|img|style|h1|h2|h3|h4|h5],*[*]",
valid_elements : '*[*]',
force_p_newlines : false,
cleanup: false,
forced_root_block : false,
force_br_newlines : true,
convert_urls:true,
relative_urls:false,
remove_script_host:false,
init_instance_callback: "changeToMaterial"
};

$.each(default_config, function (index, el) {
if (config[index] === undefined)
config[index] = el;
});

// Change icons in popups
$('body').on('click', '.mce-btn, .mce-open, .mce-menu-item', function () {
changeToMaterial();
});

tinyMCE.init(config);
}

Continúa leyendo Editor de textos avanzado en Prestashop 1.7

Mostrar bloque de productos destacados y mejores ventas en pestañas en Prestashop 1.7

Es una traducción del artículo de Vekia de la Comunidad de Prestashop donde nos comenta la posibilidad de mostrar los bloques de página principal referentes a Productos Destacados, Nuevos Productos, Promociones, etc.. de la misma forma que se visualiza en Prestashop 1.6.

Formato Pestañas Productos Página Principal - Prestashop 1.6
Formato Pestañas Productos Página Principal – Prestashop 1.6

En Prestashop 1.7 (al menos en la versión 1.7.0.3) los bloques de Nuevos, Populares, etc..  no se visualizan en formato de pestañas.

Bloques de productos sin pestañas
Bloques de productos sin pestañas

Vekia, nos propone las siguientes modificaciones, para conseguir que se vean en el mismo formato que lo veíamos en Prestashop 1.6

Paso 1 – Crear Hooks

Nos proporciona su módulo, creador de “Hooks”, que podemos descargarlo gratuitamente desde aquí: Descargar Módulo

Con este módulo vamos a crear dos “hooks”:

displayHomeTabdisplayHomeTabContent

Crear Hook displayHomeTab en Prestashop 1.7
Crear Hook displayHomeTab en Prestashop 1.7
Crear Hook displayHomeTabContent en Prestashop 1.7
Crear Hook displayHomeTabContent en Prestashop 1.7

Paso 2 – Editar Fichero TPL

Continúa leyendo Mostrar bloque de productos destacados y mejores ventas en pestañas en Prestashop 1.7