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}

Documento basado en Prestashop 1.7.0.3

¿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, era 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:

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“.

Nos propone lo siguientes cambios:

1 – Modificar fichero TPL

Editamos el fichero:

/themes/classic/templates/catalog/listing/category.tpl

Donde tenemos el siguiente código:

Código Category.tpl en Prestashop 1.7
Código Category.tpl en Prestashop 1.7

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.

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

Editamos el fichero:

/themes/classic/templates/index.tpl

En el que Vekia nos propone cambiar el siguiente contenido:

{extends file='page.tpl'}
{block name='page_content_container'}
<section id="content" class="page-home">{block name='page_content_top'}{/block}
{block name='page_content'}
{$HOOK_HOME nofilter}
{/block}</section>{/block}

Por el siguiente:

{extends file='page.tpl'}
    {block name='page_content_container'}
      <section id="content" class="page-home">
        {block name='page_content_top'}{/block}
        {block name='page_content'}
          {$HOOK_HOME nofilter}
          {assign var='HOOK_HOME_TAB_CONTENT' value=Hook::exec('displayHomeTabContent')}
          {assign var='HOOK_HOME_TAB' value=Hook::exec('displayHomeTab')}
          {if isset($HOOK_HOME_TAB_CONTENT) && $HOOK_HOME_TAB_CONTENT|trim}
            <div class="tabs">
                {if isset($HOOK_HOME_TAB) && $HOOK_HOME_TAB|trim}
                    <ul id="home-page-tabs" class="nav nav-tabs clearfix">
                        {$HOOK_HOME_TAB nofilter}
                    </ul>
                {/if}
                <div class="tab-content" id="tab-content">{$HOOK_HOME_TAB_CONTENT nofilter}</div>
             </div>
          {/if}
        {/block}
      </section>
    {/block}

En realidad, si nos estamos “fijando” hemos sustituido todo el contenido del fichero…

Antes:

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