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 – Quitar el enlace de “Nuestras tiendas” del bloque de información en el lateral izquierdo en Prestashop 1.5

En un tutorial anterior explicábamos como quitar el enlace de “Nuestras tiendas” en el bloque de “Información” del pie de página: Guía – Eliminar enlace “Nuestras tiendas” del pie de página en Prestashop 1.5.

En este caso, explicaremos como eliminar el enlace de “Nuestras tiendas” del bloque de información del lateral izquierdo en Prestashop 1.5.

informacion_t

Para ello debemos ir a la pestaña “Módulos -> Módulos” del panel de tu tienda, y buscamos el módulo llamado:

Bloque CMS

Y pulsamos en “Configurar”.

Una vez dentro de la configuración del módulo, nos fijaremos donde dice:

Continúa leyendo Guía – Quitar el enlace de “Nuestras tiendas” del bloque de información en el lateral izquierdo 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 – Establecer separador en las características en la ficha técnica en Prestashop 1.5

Por defecto, en Prestashop, cuando vemos en la ficha del producto la ficha técnica, el valor de la característica no aparece separado con un guion, ni con ningún otro signo.

Ficha técnica en Prestashop
Ficha técnica en Prestashop

Como vemos por ejemplo en la imagen, aparece “Alto”, después un espacio y después el valor de la característica.

Para colocar un “guion” de separador, debemos ir al fichero:

/themes/default/product.tpl

Buscamos la siguiente línea:

<li><span>{$feature.name|escape:'htmlall':'UTF-8'}</span> {$feature.value|escape:'htmlall':'UTF-8'}</li>

Y la dejamos así:

Continúa leyendo Guía – Establecer separador en las características en la ficha técnica en Prestashop 1.5

Guía – Eliminar enlace “Nuestras tiendas” del pie de página en Prestashop 1.5

En esta guía, explicaremos como eliminar el enlace de “Nuestras tiendas” en el bloque de información del pie de página en Prestashop 1.5

Bloque información del pie de página
Bloque información del pie de página

Para eliminar el enlace de “Nuestras tiendas”, tenemos que ir a la pestaña Preferencias -> Contactos de la tienda y en la opción que dice:

Mostrar a pie de página

Señalar:

No

Activar / desactivar enlace "Nuestras tiendas" en el pie de página
Activar / desactivar enlace “Nuestras tiendas” en el pie de página

Continúa leyendo Guía – Eliminar enlace “Nuestras tiendas” del pie de página 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

Guía – Configuración del módulo de productos destacados en Prestashop 1.5

Lo productos que aparecen en el módulo de productos destacados en Prestashop, son aquellos que has asignado a la categoría “Inicio“.

Gestión categorías del producto
Gestión categorías del producto

Continúa leyendo Guía – Configuración del módulo de productos destacados en Prestashop 1.5