Jump to content
  • 0
3w soluciones web

Integrar WordPress y Prestashop facilmente

Question

Para integrar Wordpressss con prestashop puedes realizar los pasos que puse en: http://www.prestasho...__fromsearch__1 en este post pongo lo mismo pero resumido de forma que sea más facil la integracion ante la falta de conocimientos, pasos a seguir para la integracion:

 

1.- Instalar prestashop 1.5.3 y usar el tema default

2.- Instalar wordpress dentro de prestashop en una carpeta llamada blog y usar el tema twentytwelve

3.- Decargar el archivo adjunto

4.- Descomprimirlo y copiar todo lo que hay en la carpeta "integrar con wp" en la carpeta de prestashop

5.- Dentro del administrador de prestashop en modulos--> modulo buscar el modulo "Modulo cabecera Wordpress" e instalar el mismo.

6.-Agregar un enlace donde queramos a http://www.mitienda/blog por ejemplo el modulo "menu horizontal superior"

7.- Disfrutar :D

 

Pongo tambien el archivo para la version 1.5.4 de prestashop, pues esta version no se añaden la hoja de estilos global.css de prestashop ni la style.css de wordpress

integrar con wp.zip

integrar con wp 1_5_4.zip

Edited by 3w soluciones web

Share this post


Link to post
Share on other sites

225 answers to this question

Recommended Posts

  • 0

Muy chido el aporte GRACIASS!!!. Una pregunta si quiero mostrar por ejemplo los loúltimos post de mi blog en la página principal de mi prestashop,¿¿ tendría que crear un módulo??? o hay otra forma se hacerlo??

Share this post


Link to post
Share on other sites
  • 0

Una pregunta la variable $blog del módulo que contiene?? y pues la guarda en otra que se llama $mostrarblog pero no encuentro como la usa. Saludos

Share this post


Link to post
Share on other sites
  • 0

 

Una pregunta la variable $blog del módulo que contiene?? y pues la guarda en otra que se llama $mostrarblog pero no encuentro como la usa. Saludos

jeje fallo mio, lo he estado revisando y no sirve para nada, como no me salia las utilice para pruebas y se me olvido quitarlas.

Edited by 3w soluciones web

Share this post


Link to post
Share on other sites
  • 0

Yo lo estoy probando y me valdría si no fuese porque una vez que pincho sobre blog y luego vuelvo a pinchar sobre otro enlace, este no lo encuentra, ya que lo busca en la ruta /blog/pagina en vez de en /pagina :(. El otro problema es que me deforma la plantilla (no es la por defecto)

Share this post


Link to post
Share on other sites
  • 0

Yo lo estoy probando y me valdría si no fuese porque una vez que pincho sobre blog y luego vuelvo a pinchar sobre otro enlace, este no lo encuentra, ya que lo busca en la ruta /blog/pagina en vez de en /pagina :(. El otro problema es que me deforma la plantilla (no es la por defecto)

Tendras que adaptar el header de tu plantilla de prestashop para incluir el modulo.

La plantilla en la pagina del blog tendras que adaptarla en las hojas de estilo css, fuera del blog no deberia modifiar nada.

Share this post


Link to post
Share on other sites
  • 0

Para integrar Wordpressss con prestashop puedes realizar los pasos que puse en: http://www.prestasho...__fromsearch__1 en este post pongo lo mismo pero resumido de forma que sea más facil la integracion ante la falta de conocimientos, pasos a seguir para la integracion:

 

1.- Instalar prestashop 1.5.3 y usar el tema default

2.- Instalar wordpress dentro de prestashop en una carpeta llamada blog y usar el tema twentytwelve

3.- Decargar el archivo adjunto

4.- Descomprimirlo en la carpeta de prestashop

5.- Dentro del administrador de prestashop en modulos--> modulo buscar el modulo "Modulo cabecera Wordpress" e instalar el mismo.

6.-Agregar un enlace donde queramos a http://www.mitienda/blog por ejemplo el modulo "menu horizontal superior"

7.- Disfrutar :D

 

Pongo tambien el archivo para la version 1.5.4 de prestashop, pues esta version no se añaden la hoja de estilos global.css de prestashop ni la style.css de wordpress

 

Hola buenas. yo he hecho esto tal como dices, perfecto y funcionando a la primera con el ps 1.5.4.

la unica pega és que el blog me sale en el centro de las 2 columnas y está comprimido (lo cual no me gusta nada)

 

Mi pregunta és a partir de aquí que tendría que hacer para quitar por ejemplo la columna de la izquierda sólo en el blog y que cojiera ese espacio vacio?

 

he probado cambiando esto en el header.tpl de prestashop sin cambios:

 

Original:

<div id="left_column" class="column grid_2 alpha">
			    {$HOOK_LEFT_COLUMN}
		    </div>

 

Por esto:

{$dir=$smarty.server.PHP_SELF}
{if strpos($dir,"/blog/")==0}
 <div id="left_column" class="column grid_2 alpha">
    {$HOOK_LEFT_COLUMN}
   </div>
{/if}

 

Lo de los 3 "=" me da error y ni siquera carga, con 2 "=" carga pero no cambia nada.

gracias

Edited by katana695

Share this post


Link to post
Share on other sites
  • 0

con !=false me la quita, pero de la tienda también. pero igualmentelo que hace és desplazar todo a la izquierda, no expande..

 

lo puedes ver aqui: centralmoviles.com/blog

 

 

edito: así me lo hace bien !==0

ahora solo quedaria que el blog ocupara el espacio vacio

Edited by katana695

Share this post


Link to post
Share on other sites
  • 0

Si lo tienes en internet puedes dejar ==0, luego el ancho de las columnas lo cambias con los estilos de css

 

ok.. pero.. perdona.. esto és chino para mi, me puedes decir al menos que css deberia cambiar? para intentar averiguar que cambiar?

Share this post


Link to post
Share on other sites
  • 0

El style.CSS de wordpress

no tengo ni idea de que cambiar.. cada cosa que toco en el style lo unico que hace és que desaparezcan cosas..

a mi me da que tendria que tocar el de prestashop, pero claro cambiaria la tienda también.

al final lo que he hecho és ocultar la columna de la derecha, y lo que me gustaria hacer és que la columna de widgets me quedase alineada a la derecha y un poco más ancha, ya que está comprimida, luego hacer lo mismo con la central (contenido)

para que ocupara todo el centro..

no se si me explico..

gracias

 

si alguien me pudiera ayudar, ya que no tengo ni pajolera estoy empezando ahora y enga a hecharle huevos sin tener idea.. jeje

 

así lo tengo ahora pero no me gusta un pelo: centralmoviles.com/blog

Edited by katana695

Share this post


Link to post
Share on other sites
  • 0

Conseguido!! he de decir que el style.css de wordpress no lo he tocado para nada.

Solo tuve que añadir esto al final del global.css del tema de prestashop:

/themes/default/css/global.css:

#blog #right_column {display: none;}
#blog #center_column {width: 738px;}

 

Gracias a Nadie que lo posteó para otro usuario que lo queria hacer con la columna izquierda.

738 pixeles és el maximo, ya que si pongo uno más me desaparece y no entiendo aún porqué.

 

lo unico que me gustaria cambiar era que apareciese la barrita de arriba de worpress, ya que és muy comoda..

ah.. y el porque de las categorias de la tienda expandidas al máximo?

ya que en la tienda si sale el cuadradito de +/- para expandir o contraer las categorias... por lo demás me doy por satisfecho.

quisiera daros las gracias a todos por la ayuda que dais aqui, porque gente como yo que no tiene ni p idea de programar, lo he logrado!

gracias

Share this post


Link to post
Share on other sites
  • 0

Conseguido!! he de decir que el style.css de wordpress no lo he tocado para nada.

Solo tuve que añadir esto al final del global.css del tema de prestashop:

/themes/default/css/global.css:

#blog #right_column {display: none;}
#blog #center_column {width: 738px;}

 

Gracias a Nadie que lo posteó para otro usuario que lo queria hacer con la columna izquierda.

738 pixeles és el maximo, ya que si pongo uno más me desaparece y no entiendo aún porqué.

 

lo unico que me gustaria cambiar era que apareciese la barrita de arriba de worpress, ya que és muy comoda..

ah.. y el porque de las categorias de la tienda expandidas al máximo?

ya que en la tienda si sale el cuadradito de +/- para expandir o contraer las categorias... por lo demás me doy por satisfecho.

quisiera daros las gracias a todos por la ayuda que dais aqui, porque gente como yo que no tiene ni p idea de programar, lo he logrado!

gracias

Me alegro que lo solucionases, a mi directamente me salen las categorias contraidas y no me deja expandirlas, me imagino que sera por la version de prestashop por lo que me salen contraidas a mi y a ti expandidas.

Share this post


Link to post
Share on other sites
  • 0

Me alegro que lo solucionases, a mi directamente me salen las categorias contraidas y no me deja expandirlas, me imagino que sera por la version de prestashop por lo que me salen contraidas a mi y a ti expandidas.

Hola.

He logrado volver a poner la barra superior de wordpress.

solo hay que dejar el /blog/wp-content/themes/twentytwelve/footer.php asi:

 

<?php
require_once(dirname(__FILE__).'/../../../../config/config.inc.php');
require_once(dirname(__FILE__).'/../../../../footer.php');
?>
</div><!-- #main .wrapper -->
</div><!-- #page -->
<?php wp_footer(); ?>
</body>
</html>

Share this post


Link to post
Share on other sites
  • 0

Solo que asi estas cerrando dos veces el body y el html, uno en prestashop y el otro el que pones a mano, funcionar si que va a funcionar pero estructuralmente o semanticamente estaria mal. Una solucion seria copiar el footer.php de prestashop y llamarlo como footer2.php por ejemplo y quitar de este las etiquetas </body></html> para que no se dupliquen y poner

 

require_once(dirname(__FILE__).'/../../../../footer2.php');

Share this post


Link to post
Share on other sites
  • 0

tengo una preguntita más... soy el unico al que no le sale lo de dejar comentarios en ninguna pagina a no ser /blog ?

En principio lo de los comentarios son en WordPress para las entradas, no en Prestashop a menos que pongas un modulo para dejar comentarios en los productos.

Share this post


Link to post
Share on other sites
  • 0

Solo que asi estas cerrando dos veces el body y el html, uno en prestashop y el otro el que pones a mano, funcionar si que va a funcionar pero estructuralmente o semanticamente estaria mal. Una solucion seria copiar el footer.php de prestashop y llamarlo como footer2.php por ejemplo y quitar de este las etiquetas </body></html> para que no se dupliquen y poner

 

require_once(dirname(__FILE__).'/../../../../footer2.php');

 

no te entiendo.. copiarlo donde? en el mismo sitio?

Share this post


Link to post
Share on other sites
  • 0

En principio lo de los comentarios son en WordPress para las entradas, no en Prestashop a menos que pongas un modulo para dejar comentarios en los productos.

ya... digo en el propio blog.. en la pagina principal si me sale para poner comentario, pero por ejemplo si abro otra entrada, ya no está

Share this post


Link to post
Share on other sites
  • 0

no te entiendo.. copiarlo donde? en el mismo sitio?

Si copiar el archivo en el mismo sitio para quitar el </body></html> del footer2 y que no se repitan, segun lo tienes si ves el codigo fuente tienes 2 </body></html>

Share this post


Link to post
Share on other sites
  • 0

al pinchar en "instrucciones para liberar" te salen todas las entradas y debajo de cada entrada pone "deja una respuesta" que se mete en la entrada y te deja poner comentarios, ten en cuenta que si se ven todas los comentarios debajo de la lista de entradas podria ser un lio impresionante.

Share this post


Link to post
Share on other sites
  • 0

Hola. estoy leyendo pero ando un poco perdido. es 100% necesario que este la plantilla por defecto en prestashop y en wordpress? ya que en ninguno de los dos la tengo. que conseguimos al implantarlo realmente? que el blog se vea como la tienda?

 

Saludos!

Share this post


Link to post
Share on other sites
  • 0

Hola. estoy leyendo pero ando un poco perdido. es 100% necesario que este la plantilla por defecto en prestashop y en wordpress? ya que en ninguno de los dos la tengo. que conseguimos al implantarlo realmente? que el blog se vea como la tienda?

 

Saludos!

 

Hola.. aqui tienes el motivo bien explicado:

http://www.apprentalonline.es/.....

Share this post


Link to post
Share on other sites
  • 0

Hola. estoy leyendo pero ando un poco perdido. es 100% necesario que este la plantilla por defecto en prestashop y en wordpress? ya que en ninguno de los dos la tengo. que conseguimos al implantarlo realmente? que el blog se vea como la tienda?

 

Saludos!

 

Exacto consigues que se vean igual, no es necesario usar las plantillas por defecto, pero el archivo esta heho con ellas, hay otro post que explica como hacerlo manualmente.

Share this post


Link to post
Share on other sites
  • 0

Si os puede ser de utilidad he construido un plugin de WordPress que permite realizar algunas de estas tareas de forma automatizada mediante shortcodes de WordPress y Web Services de Prestashop.

Podeis verlo en http://wordpress.org...res-prestashop/

 

Mmmm, voy a probarlo, a ver qué tal :D

 

Acabo de instalarlo en wordpress pero no encuentro pestaña alguna de configuración, ni hay ninguna info sobre qué y cómo configurar en Prestashop sobre web services. Una info más completa no estaría mal ;)

Edited by claramaria

Share this post


Link to post
Share on other sites
  • 0

Hola, he seguido todos los pasos y me he bajado el zip para prestashop 1.5.4 y el problema que tengo es que al cargar el blog no se carga el header ( creo) la web es http://ahorroconleds.com/blog

El asunto es que ayer mismo lo hice en el mismo sitio, pero siguiendo lo que decías aqui: http://3wsolucionesweb.es/blog/integra_wordpress_prestashop_ii/

 

y conseguí que funcionara, pero deshice todo porque no consegí hacer la parte tres ( lo del módulo)

 

ahora el modulo me funciona, pero soy incapaz de hacer que se vea bien el blog ¿qué estoy haciendo mal?

 

Gracias

Share this post


Link to post
Share on other sites
  • 0

 

Si has seguido los pasos de la web 3wsolucionesweb y te funciona todo menos el modulo como dices, te puedes descargar el archivo del modulo de aqui y subir solo la carpeta del modulo. Lo que hay en este foro y en 3wsolucionesweb.es es básicamente lo mismo, mas o menos detallado pero lo mismo.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×