#php #prestashop: modificar condigo de bloque cms personalizado o blockcmsinfo

buenas a todos

vamos a enredar a nivel de codigo el BLOQUE DE INFORMACIÓN CMS PERSONALIZADO

prestashop-modulo-bloque-informacion-cms-personalizado-html-css-php-smarty

el panel de administracion esta muy guay, pero en mi caso necesitaba 2 bloques en vez de tres como viene la plantilla por lo cual no me queba otro remedio que toquetear el codigo … y que desapareciera el bloque de facebook pero eso lo hacemos desde el panel en la seccion modulos desactivandolo

los archivos correspondientes estan en el raiz en modules/blockcmsinfo

aqui dentro destacamos dos archivos: blockcmsinfo.tpl que es la vista y blockcmsinfo.php que es donde esta el show de funciones y peticiones de datos a la base de datos

en el .tpl se usa el codigo de programacion smarty para leer la info que php le pasa

en el php:

$smarty = new Smarty;
$smarty->assign('firstname', 'Doug');
$smarty->display('index.tpl');

y en el .tpl

Hello {$firstname} {$lastname}, glad to see you can make it.

el codigo smarty va entre llaves {}

en el blockcmsinfo.tpl nos encontramos con esto:

div id="cmsinfo_block">
 {foreach from=$infos item=info}
 
{$info.text}
{/foreach} /div>

infos es un array con los registros de la base de datos de la tabla perteneciente al bloque, dichos registros los hemos introducido en el panel. si vmaos al php y buscamos infos encontraremos la funcion en donde se hace la asignacion para smarty

como veis esto es asi un poco por encima, simplemente para poner en la pista a la gente que como yo necesita adaptar templates o hacer virgueiras dentro de los archivos porque como viene todo por defecto no cubre

yo en mi caso ademas necesitaba sacar en este modulo el ultimo post del blog, seguramente haya hooks o modulos que lo hagan pero no lo encontre asi que como siempre, te tienes que sacar las castañas del fuego como puedas y rebozarte por todos los archivos de prestashop

de esta manera en el php te creas la consulta para hacer lectura de la tabla del blog y en el tpl recoges la info, en prestashop es un poco diferente el tema smarty a como lo he puesto mas arriba. El pequeño condigo de ejemplo de antes seria como se usaria en una pagina normal, no en prestashop. En prestashop pase las variables de esta manera, aprovechando como ya lo tienen montado:

$this->context->smarty->assign(‘nombre_variable’, $nombre_variable);

y la recogida en el tpl es de la misma manera que en el ejemplo

como siempre espero haber servido de ayuda a alguien mas que a mi … s eque este post e sun poco rollo, podria estar mucho mejor explicado bla bla bla pero ye lo que hay chavales no me da pa mas la neurona! xDD

#php #prestashop 1.6: codigo del «configurador de temas» o themeconfigurator

buenas a todos

muy guapo el panel de prestashop y el modulo «configurador de temas» pero yo quiero 4 fotos en vez de tres

prestashop-configurador-temas-themeconfigurator-php-tpl

desde el panel podemos poner titulos descripciones links y cambiar las fotos … pero no jugar con el css

para ello tenemos que irnos a la carpeta modules del raiz, y en la carpeta themeconfigurator/views/templates/hook (muy a mano si señor) tenemos el archivo hook.tpl (que no tiene nada que ver con peter pan) que es donde tenemos acceso al codigo

para pasar de 3 columnas a 4 solo tenemos que cambiar el class de esta linea

– <li class=»htmlcontent-item-{$smarty.foreach.items.iteration|escape:’htmlall’:’UTF-8′} col-xs-4″> a <li class=»htmlcontent-item-{$smarty.foreach.items.iteration|escape:’htmlall’:’UTF-8′} col-xs-3″>

aprovecho este post para comentar que queria que s emostrara encima de las fotos el titulo que introducimos en el panel para el link, asi que solo hay que hacer esto:

  • {$hItem.title|escape:’htmlall’:’UTF-8′}

como siempre espero ser de ayuda a alguien mas que a mi, gracias

un saludo

Cómo añadir un #blog a #PrestaShop 1.6 by webempresa.com

fuente: http://www.webempresa.com/blog/item/1841-como-anadir-un-blog-a-prestashop.html

PrestaShop es una de las más completas herramientas con las que contamos para crear una tienda online. Aunque es muy completo en todo lo relativo al funcionamiento de la tienda, su instalación por defecto es bastante limitada en funcionalidades adicionales. Una de estas limitaciones es que PrestaShop no cuenta con un sistema para crear un blog.

Por suerte, en PrestaShop disponemos de multitud de módulos que nos permitirán implementar nuevas funciones en la web. Existen multitud de módulos de pago que sirven para integrar un blog en PrestaShop. Aquí veremos un módulo gratuito, de nombre Smartblog que es muy completo y cuenta con todas las opciones que esperamos encontrar en un blog.

Además del propio módulo Smartblog, tendremos disponibles otros módulos adicionales que se integrarán con él, y que nos permitirán disponer de más opciones, como las siguientes: botones para compartir las entradas del blog en redes sociales, módulo de búsqueda, módulo de categorías, módulo de entradas más leídas, módulo de entradas recientes, archivo, últimos comentarios, etc.

Para utilizar el Smartblog y sus módulos adicionales tendremos que descargar en primer lugar los instaladores, que podremos encontrar en el foro de PrestaShop. Aquí encontraremos una descripción del Smartblog y los enlaces de descarga. Para poder descargar los archivos deberemos tener iniciada una sesión de usuario en el foro de PrestaShop. Si no tenemos un usuario lo podremos crear (es gratuito).

Una vez que tengamos los instaladores los podremos instalar desde el apartado Módulos de la administración de PrestaShop. Cuando hayamos instalado el Smartblog entraremos en su página de configuración, donde podremos configurar diversos parámetros: nombre del blog, número de entradas a mostrar por página, permitir o no los comentarios, datos que mostraremos con las entradas, personalización del código CSS del blog, etc. Un ejemplo de personalización del código CSS que mejora algo el diseño sería la siguiente:

img.imageFeatured {
padding: 0 0 10px 0;
max-width: 100%;
}
a#post_images img {
padding: 15px 0 10px 0;
max-width: 100%;
}
Además, veremos en el menú de administración de PrestaShop un nuevo elemento, de nombre BLOG. Desde aquí podremos gestionar las categorías del blog, los comentarios, las entradas y los tamaños de las imágenes. Para conseguir un buen diseño del blog es recomendable que todas las imágenes de las entradas tengan las mismas dimensiones, y que configuremos en el apartado BLOG->Image Type los tamaños de las imágenes de acuerdo con las dimensiones que vayamos a utilizar.

Sobre los módulos adicionales, es recomendable instalar solo aquellos que vayamos a utilizar en la web. Normalmente estos módulos se mostrarán en la columna lateral de la tienda.

Una vez que tengamos instalado y configurado nuestro blog veremos que las constantes de idioma del mismo salen en inglés. Para facilitar la traducción de estas constantes al español hemos preparado un archivo con la traducción al español, que podemos descargar desde este enlace. Este archivo zip lo tendremos que subir en la ruta themes/NOMBRE_TEMA/modules(donde NOMBRE_TEMA es el nombre del tema que estemos utilizando en nuestro PrestaShop) y descomprimirlo (OJO! el contenido del zip en modules directamente, no en una carpeta que se llame como el zip).

Hemos preparado un tutorial en vídeo donde se explica de forma más detallada cómo instalar y configurar el blog en PrestaShop:

#Galería en #Prestashop 1.6 con #Fancybox by @_osk_

fuente: http://tonalidad.es/blog-de-notas/galerias-en-prestashop-1-6-con-fancybox/

Si estás usando Prestashop 1.6 (o Prestashop 1.5) es probable que necesites una galería de imágenes en una “página CMS” o lo que al menos yo llamo “página estática”. Prestashop 1.6 viene con Fancybox para facilitarnos la vida.

Para usarlo es tan fácil como añadir a dicha “página CMS” tus miniaturas o “thumbs” más o menos así:

Como verás, la etiqueta a tiene la clase “fancybox” asignada y unrel="gallery".

Si estás usando el tema (theme) que viene por defecto, tienes dos opciones:

  • Buscar el archivo “global.js” (está en la ruta “themes/default-bootstrap/js/global.js“)
  • Buscar el archivo “cms.tpl” (está en la ruta “themes/default-bootstrap/cms.tpl“)

No voy a entrar a valorar qué es mejor (para eso puedes documentarte buscando un poco en Google), simplemente deberás añadir a uno de estos dos archivos este código, fuera de cualquier condicional etc.

Si a todas las thumbs de tu “página CMS” le pones su link único (como el del primer ejemplo) correspondiente, tendrás una galería con aspecto “lightbox” “fancybox”

Para acabar, sólo mencionar que Fancybox usa jQuery.

#PRESTASHOP 1.6 mostrar el carrito solo en productos con if $smarty.get.id_category

necesito mostrar solo el carrito en la seccion de productos, añadiendo este if en el modulo del carrito lo tendremos

{if $smarty.get.id_category == 3 or $smarty.get.id_product == 4}

añado el or con el id_product para que se vea tambien en cada producto, si necesitasemos que solo se mostrara en una seccion CMS entonces usariamos el id_cms

esto es un poco rollo pero ha sido la unica solucion rapida con la que me he topado, util par ami porque en la tienda donde necesito esto va a tener muy pocos productos y no habra casi ningun producto añadido a posteriori

seguro que hay una manera mucho mas practica y coherente que esta … si la sabeis por favor decirmela xDD

Insertar #Mapa #Google en contenido y formulario de contacto en #Prestashop 1.6 by @WebEmpresa

Fuente: http://www.webempresa.com/blog/item/1492-insertar-mapas-google-en-contenido-y-formulario-de-contacto-en-prestashop-1-6.html

Los mapas son una parte importante en un sitio web que desea mostrar ubicaciones geográficas, el servicio de mapas google nos permite utilizar un código el cual podemos insertar en nuestros sitio web, este código es una porción de html con una etiqueta iframe y una serie de atributos adicionales.

En este artículo veremos cómo insertar el código html proporcionado por el servicio de google maps en nuestro sitio web que usa prestashop 1.6, veremos primero cómo realizar esto en un artículo a través de un editor de textos y luego veremos cómo insertar este código en la opción de contacto de prestashop.

Obteniendo código desde google maps

Primero debemos contar con el código a insertar, debemos buscar la ubicación geográfica en google maps

Debemos obtener el código desde la opción de compartir o incorporar mapas, en la opción de incorporar mapas, obtendremos el código con la etiqueta iframe, por ejemplo el siguiente código

https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d12150.410249667982!2d-3.7197912368977804!3d40.4176544821718!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd422997800a3c81%3A0xc436dec1618c2269!2sMadrid!5e0!3m2!1ses-419!2s!4v1404076754054

Hay que notar que hemos cambiado el width de 600 por 100% para que ocupe todo el ancho disponible y se comporte como responsive en caso se redimensione el navegador o se vea en dispositivos móviles

Insertando el código en artículos Prestashop

Será necesario habilitar la opción de Insertar Iframe desde de backend de presatshop, menú preferencias => general => Permite Iframe en los campos html

Luego desde preferencias => CMS => elegimos el artículo , luego en la opción de ver el código fuente de nuestro editor, insertamos el código iframe del mapa, si estamos usando el editor por defecto sería en la opción de herramientas => codigo fuente

Insertando el código en el formulario de contacto

En este caso, para insertar el código, puesto que no tenemos interfaz gráfica para esta pantalla, será necesario hacerlo en los archivos del theme que estemos usando, debemos buscar un archivo llamado contact-form.tpl, por ejemplo la ruta sería como : themes/TU_THEME_ACTUAL/contact-form.tpl, donde tenemos que reemplazar TU_THEME_ACTUAL

Al editar el archivo contact-form.tpl, podemos colocar el código al inicio o al final del archivo así como código html adicional

Duplica la plantilla de Tu Prestashop 1.6 by @Javier_V_P

fuente: http://javier-valero.es/2014/09/duplica-la-plantilla-de-tu-prestashop-1-6/

Cuando desarrolles y diseñes una tienda Prestashop, debes de tener en cuenta que una buena práctica a seguir a la hora de construir tu tienda online es duplicar la plantilla por defecto y renómbrala con el nombre que desees, puedes utilizar el nombre de tu marca por ejemplo.

Si haces esto, te aseguraras de no perder cambios en tu plantilla cuando actualices tu Prestashop.

A partir de la versión 1.6.0.8 aprox. Prestashop cambia el modo con el que se crea una plantilla, digo esto porque en anteriores versiones bastaba con que duplicases la carpeta re nombraras y después desde preferencias a Temas podías ver la carpeta que habías duplicado, en la versión 1.5 se podía añadir un tema nuevo, desde el mismo modo en como la crearemos en este tutorial pero en la versión más reciente de Prestashop a fecha de este Post el modus operandis es diferente.

¿Por qué?

Pues si ahora duplicas la carpeta no la veras en temas, solo podrás ver esta cuando la crees desde el back-office, no me preguntéis porque, pero es así.

EL modo de crearla desde el Back es muy sencillo te describo los pasos a seguir:

  1. Dirígete a Preferencias a Temas
  2. Haz clic en Añadir tema
  3. Haz clic en CREE UNA NUEVA PLANTILLA

Al pulsar en este botón, veras varios campos de formulario, sigue estos pasos, Pero recuerda que debes de poner el nombre que tu desees a tu plantilla.

  1. Pon un nombre
  2. Busca una captura de tu plantilla normalmente se encuentra en el theme default-bootstrap con el nombre de preview.jpg (Si ya tienes un diseño de tu plantilla te aconsejo que modifiques y pongas captura personalizada)
  3. Selecciona si deseas columna izquierda, derecha o las dos.
  4. Selecciona los productos que se mostraran por página.
  5. Escribe un directorio para tu plantilla te recomiendo que pongas el mismo o nombre que pusiste al principio.
  6. Ahora elige la plantilla default-bootstrap.
  7. Selecciona  modo Responsivo en Si
  8. Listo nuestra plantilla se duplico!!

Ahora el siguiente paso es dirigirse al back de tu tienda y elegir esta nueva plantilla e instalarla, pero OJO cuando pulses en instalar este tema veras que el proceso de instalación te preguntara que módulos deseas instalar y te informara de los que se deshabilitan, mira esta parte bien, si estas conforme con ello se instalara.

Ya tenemos lista nuestra plantilla para ser utilizada en nuestro proyecto y nos aseguramos de que aquellos cambios que hagamos no se pierdan.

Espero que te haya servido de utilidad este post, en siguientes post veras como hacer cambios en la plantilla que has duplicado, trucos básicos  que te servirá de ayuda para manejar tu plantilla.

Recuperar clave perdida de usuario en #prestaShop 1.5 con #php y #md5 by vhspiceros.blogspot.com.es

fuente: http://vhspiceros.blogspot.com.es/2009/09/recuperar-clave-de-usuarios-en.html

estoy instanlando prestashop para un trabajo para la universidad. y perdi la clave del administrador. al final instale prestaShop como 3 veces. hasta que encontre una forma de cambiar la clave.

Es super facil.
Key de la cookie
existe un archivo «settings.inc.php» en el directorio «config» en mi caso tiene la siguiente informacion.

define(‘_DB_SERVER_’, ‘localhost’);

define(‘_DB_TYPE_’, ‘MySQL’);

define(‘_DB_NAME_’, ‘prestashop’);

define(‘_DB_USER_’, ‘root’);

define(‘_DB_PASSWD_’, ‘*****’);

define(‘_DB_PREFIX_’, ‘ps’);

define(‘__PS_BASE_URI__’, ‘/prestashop/’);

define(‘_THEME_NAME_’, ‘prestashop’);

define(‘_COOKIE_KEY_’, ‘Cm8RnxXYYSstej4vivXHmut5zStOXqaasbC48YTm05WKhsQLPIynwTau’);

define(‘_COOKIE_IV_’, ‘GsDtE6N5’);

define(‘_PS_CREATION_DATE_’, ‘2009-09-06’);

define(‘_PS_VERSION_’, ‘1.2.1.0’);
y simplemente copiamos el valor de «_COOKIE_KEY_» en este caso el «Cm8RnxXYYSstej4vivXHmut5zStOXqaasbC48YTm05WKhsQLPIynwTau»

Restaurando la clave
A travez de phpmuadmin o caulquier cliente sql.
hacemos el siguiente update

update ps_employee set passwd=md5(«Cm8RnxXYYSstej4vivXHmut5zStOXqaasbC48YTm05WKhsQLPIynwTauclavenueva») where email=’vhspiceros@gmail.com’;

listo ahora el usuario con email vhspiceros@gmail.com quedo con la clave «clavenueva».

Fijarse que la clave esta encriptada bajo md5

#Guía – #modulo para Eliminar pedidos en #Prestashop 1.5 by victor-rodenas.com

Fuente: http://victor-rodenas.com/2012/09/28/guia-eliminar-pedidos-en-prestashop-1-5/

Lo primero de todo el autor del módulo es vekia (El módulo es totalmente gratuito)

¿Que hace el módulo?

El módulo permite desde el panel administración, poder eliminar los pedidos, que nosotros veamos convenientes.

¿Como instalar y configurar el módulo?

Lo primero sera descargar el módulo, lo podemos descargar de aquí: Descargar

Una vez descargado, lo subiremos desde la pestaña “Módulos -> Módulos” del panel de administración.

Una vez hemos accedido a la pestaña Módulos -> Módulos del panel de administración.

Pulsaremos en “Añadir nuevo módulo” y en el momento de pulsar tal botón, veremos lo siguiente:

En este caso subiremos el zip, que no hemos bajado en el enlace que hemos puesto anteriormente en referencia al módulo (deleteordersfree.zip).

 

Pulsamos en “Abrir”, y ahora estaremos listos para subir el modulo a nuestra tienda Prestashop, en la siguiente pantalla:

Pulsamos en “Subir este módulo”, y nos dirá lo siguiente:

Esto significa que ya tenemos el modulo subida a nuestra tienda Prestashop, pero no basta son subir el modulo, a que Instalarlo, para ello en la pestaña Módulos -> Módulos del panel de administración, buscaremos el modulo llamado:

“Delete Orders Free”

(Pulsar en imagen, para verla de forma completa)

Pulsaremos en “Instalar”.

Una vez que hemos pulsado en “Instalar”, nos dirá lo siguiente:  ”Modulo instalado con exito”

(Pulsar en imagen, para verla de forma completa)

Ahora, para acceder al modulo en cuestión, debemos ir al a pestaña Pedidos -> Delete Orders Free del panel de administración

Una vez hemos accedido a la pestaña -> Pedidos -> Delete Orders Free, veremos lo siguiente:

Donde debemos introducir el “ID” del pedido que vayamos a borrar, por ejemplo en este caso vamos a eliminar el pedido con ID 2

Una vez introducido el ID del Pedido, pulsaremos en el Icono de la papelera, para eliminarlo.

En ese momento, nos preguntara si estamos seguros de eliminar el pedido:

Pulsaremos en “Aceptar” y en ese momento nos saldrá una pantalla, confirmando que se ha eliminado el pedido.

– See more at: http://victor-rodenas.com/2012/09/28/guia-eliminar-pedidos-en-prestashop-1-5/#sthash.YZC73mQU.dpuf

#prestashop 1.5 configurar aviso e-mail por compra al administrador by @Tienda_Directa

fuente: http://blog.tiendadirecta.org/configurar-alertas-por-correo-electronico-en-tu-tienda-online/

Vamos a ver en este post cómo configurar una alerta para que cada vez que se realice una nueva compra en nuestra tienda online, por ejemplo, recibamos un correo electrónico que nos avise.

Esta opción es muy útil, ya que nos ahorrará numerosas consultas para comprobar si hay algo nuevo o no entre nuestros pedidos. Veamos cómo hacerlo, como siempre por pasos:

1.    Accede al back-office de tu tienda online y a la pestaña de módulos. Dentro de la categoría de módulos de Administración, localiza “Alertas por correo”. Comprueba que este módulo está instalado y activo (en caso contrario, ponte en contacto con nosotros)

Módulo Alertas por Correo de tu Tienda Online Gratis

 

2.    Haz clic en la opción “configurar” de este módulo.

3.    Dentro de este módulo tenemos 2 tipo de alertas para configurar. El primer tipo es una notificación al cliente, que nos da la opción de habilitar en la tienda online un check para que el cliente solicite ser avisado cuando un producto agotado momentáneamente se encuentre de nuevo en stock.

Configuración del Módulo Alertas por Correo de tu Tienda Online Gratis

4.    El segundo tipo son las notificaciones al dueño de la tienda. Dentro de éstas podemos marcar para recibir un correo cuando alguien haga un nuevo pedido y recibir un aviso cuando un producto esté a punto de quedarse fuera de stock. La cantidad de ese producto a partir de la cuál queremos ser avisados también la indicamos aquí.

5.    Por último, y más importante, debemos indicar la dirección de correo a la que queremos que se envíen esas notificaciones. Podemos indicar tantas direcciones como necesitemos, colocándolas cada una de ellas en una línea diferente.

Si tenemos un Smartphone, por ejemplo, podemos indicar aquí la dirección de correo que tengamos configurada en el teléfono y conoceremos cada nuevo pedido en el mismo momento en que se realice. Esto nos permitirá gestionar mejor el tiempo dedicado a gestionar nuestros pedidos. En el caso de las alertas para productos que están cercanos a quedarse fuera de stock, nos ayudará a planificar los pedidos con la antelación suficiente.

Y recuerda, si aún no has creado tu Tienda Online Gratis hazlo ahora desde Tienda Directa.org.