Efecto añadir al carrito en versiones anteriores de Prestashop

En esta ocasión, vamos hablar de una función que viene nativa en Prestashop 1.6 y posteriores, pero no en versiones anteriores.

Sé que todavía quedan personas que usan Prestashop 1.5, y que alguna es lectora del blog.

Vamos hablar de un aporte desarrollado por el usuario Yopixel de la comunidad de Prestashop que en su momento tuvo gran éxito.

Cuando en Prestashop 1.6 y versiones posteriores añadimos un producto al carrito se nos abre una ventana mostrando información del producto, el número de productos añadidos en el carrito, etc… ¿no?

Añadir al carrito en Prestashop 1.6

Continúa leyendo Efecto añadir al carrito en versiones anteriores de Prestashop

Ordenar productos por popularidad en Prestashop

No todo es Prestashop 1.7/Prestashop 1.6, en este ejemplo, vamos a reseñar un aporte que en principio fue construido para la versión 1.5 de Prestashop (seguro que alguno de vosotros usa todavía esa versión)

Cuando hablamos de popularidad, hablamos de productos más vendidos 🙂

El aporte ha sido desarrollado por el usuario ps20am de la Comunidad de Prestashop

Permite añadir en los listados de productos en el selector de “Ordenar por” para ver ordenados los productos por “Populares (Más vendidos)”

Nueva opción de ordenación en Prestashop

Continúa leyendo Ordenar productos por popularidad en Prestashop

¿Merece la pena trabajar con la plantilla por defecto en Prestashop?

Me han preguntado muchas veces, si merece o no la pena trabajar con la plantilla por defecto en Prestashop.

Antiguamente (hablo de hace bastantes años), no disponíamos de muchas plantillas para Prestashop, y al final muchos usuarios terminaban usando la plantilla por defecto, y en muchos casos hacían una maquetación bajo la plantilla por defecto, que quedaba bastante elegante.

¿Pero ahora que tenemos trillones de plantillas para comprar? ¿Merece la pena usar la plantilla por defecto en Prestashop?

Continúa leyendo ¿Merece la pena trabajar con la plantilla por defecto en Prestashop?

Asistente en la configuración de los transportistas en Prestashop

A partir de la versión 1.5.5.0 de Prestashop se introduce un asistente que nos ayudara a configurar los transportes y gastos de envío.

* Atención, es solo un repaso muy rápido al nuevo asistente.

Como primer paso, vamos a la pestaña Transporte -> Transportistas y pulsamos en añadir nuevo:

anadirnu

Ahora nos aparecerá la siguiente pantalla (pulsar en la imagen para verla de forma completa)

Configuración de los transportistas
Configuración de los transportistas

Continúa leyendo Asistente en la configuración de los transportistas en Prestashop

Guía – Cambiar el fondo de los encabezados de los módulos de forma general en Prestashop

En este manual para Prestashop, explicaremos como cambiar de forma general el fondo de los encabezados de los módulos y lógicamente el color del título de dichos encabezados.

Color y fondo encabezados Prestashop
Color y fondo encabezados Prestashop

Vamos al fichero:

/themes/default/css/global.css

Buscamos la siguiente línea:

.block .title_block, .block h4 {
padding:6px 11px;
font-size:12px;
color:#fff;
text-shadow:0 1px 0 #000;
text-transform:uppercase;
background:#383838;
text-align:left;
font-weight: bold;
}

Continúa leyendo Guía – Cambiar el fondo de los encabezados de los módulos de forma general en Prestashop

Guía – Desplazar la descripción de la categoría debajo del título de la categoría en Prestashop 1.5

Por defecto, la descripción de la categoría en Prestashop 1.5, se muestra justo debajo de la imagen de la categoría, tal como mostramos en la siguiente imagen.

deschatetoria

En esta guía, explicaremos como mostrar esa descripción justo debajo del título de la categoría y no como lo muestra actualmente que es debajo de la imagen de la categoría.

descripconreal

En este ejemplo, estamos trabajando bajo la plantilla por defecto de Prestashop 1.5, y estamos trabajando justo con la versión 1.5.4.1 de Prestashop.

Vamos al fichero:

/themes/default/category.tpl

Buscamos el siguiente código:

Continúa leyendo Guía – Desplazar la descripción de la categoría debajo del título de la categoría en Prestashop 1.5

Guía – Mostrar el nombre de las monedas en el bloque de monedas en Prestashop 1.5

En esta guía, explicaremos como mostrar en el bloque de monedas el nombre completa de la moneda y no el signo en Prestashop 1.5.

nombre_moneda

 

Debemos editar el fichero:

/themes/tu-plantilla/modules/blockcurrencies/blockcurrencies.tpl

Si no tuviéramos el módulo sobreescrito dentro de la misma plantilla que estemos usando, lo ideal sería copiar el fichero:

/modules/blockcurrencies/blockcurrencies.tpl

En el directorio:

/themes/tu-plantilla/modules/blockcurrencies/

(En caso de que no tengamos la estructura “/modules/blockcurrencies/”, la creamos.)

Esto evitara que si en un futuro cercano o lejano, actualizamos Prestashop o el módulo en cuestión que nos perdamos los cambios que vamos a realizar ahora en el fichero *.tpl.

Ahora vamos a editar el fichero, que íbamos a editar en principio:

/themes/tu-plantilla/modules/blockcurrencies/blockcurrencies.tpl

Continúa leyendo Guía – Mostrar el nombre de las monedas en el bloque de monedas en Prestashop 1.5

Guía – Ocultar botones del slider en Prestashop

En este manual para Prestashop, comentamos la posibilidad de ocultar los botones del slider que lleva Prestashop, llamado:

Imagen de control deslizante para su página web

bslider

Tenemos que editar el fichero:

modules/homeslider/bx_styles.css

Y buscar la siguiente línea de código CSS:

.bx-pager a {
display: inline-block;
zoom: 1;
margin-right: 5px;
padding: 4px 0 0 1px;
height: 16px;
width: 18px;
font-weight: bold;
font-size: 11px;
color: #000;
text-decoration: none;
background: url(gray_pager.png) no-repeat 0 -20px;
}

Donde cambiaremos la siguiente línea:

Continúa leyendo Guía – Ocultar botones del slider en Prestashop

Guía – Añadir un nuevo enlace en el pie de página en el tema móvil de Prestashop

En este manual para Prestashop, vamos a explicar cómo añadir un nuevo enlace en el pie de página del tema móvil de la plantilla por defecto en Prestashop.

Pie de página tema móvil en Prestashop
Pie de página tema móvil en Prestashop

Primero, debemos ir al directorio:

/themes/default/mobile/

Y dentro del directorio, buscar el fichero llamado:

footer.tpl

Por ejemplo, buscamos la siguiente línea:

<div id="link_bar_footer" class="ui-grid-a">
<div class="ui-block-a">
<a href="{$link->getPageLink('index', true)}" data-ajax="false">{$PS_SHOP_NAME}</a>
</div>
{if $conditions}
<div class="ui-block-b">
<a href="{$link->getCMSLink($id_cgv)}" data-ajax="false">{l s='Terms of service'}</a>
</div>
{/if}
</div>

Debajo de dicha línea, vamos añadir lo siguiente:

Continúa leyendo Guía – Añadir un nuevo enlace en el pie de página en el tema móvil de Prestashop

Guía – Añadir iconos de las redes sociales en el menú horizontal superior en Prestashop 1.5

En esta guía, explicaremos como añadir distintos iconos de redes sociales en el menú horizontal en Prestashop 1.5

redsocial

El primero paso es ir al fichero:

/themes/tu-plantilla/modules/blocktopmenu/blocktopmenu.tpl

En caso de que no tengáis el fichero en dicha ruta, seria editando directamente el que tenéis en:

/modules/blocktopmenu/blocktopmenu.tpl

Pero mi recomendación es que si no tenéis el fichero sobreescrito en el directorio de vuestra plantilla, es que hagáis una copia del fichero:

/modules/blocktopmenu/blocktopmenu.tpl

en el directorio:

/themes/tu-plantilla/modules/blocktopmenu/

Lógicamente creando la estructura del directorio, en cuestión, “/modules/blocktopmenu/” (sin miedo) dentro del directorio de la plantilla.

De esta manera, si en algún momento actualizamos Prestashop, o el mismo módulo, no perderemos los cambios que hayamos realizado en el fichero:

Continúa leyendo Guía – Añadir iconos de las redes sociales en el menú horizontal superior en Prestashop 1.5