Como vimos en la parte I instalamos la versión de WordPress 3.5.1 dentro de una carpeta /blog/ de PrestaShop, con esto conseguíamos que nos funcionase los dos programas, PrestaShop y WordPress cada uno con un a dirección diferente, el problema esta en que la página de WordPress no tiene el mismo aspecto que nuestra tienda.

En esta parte vamos a intentar que nuestro blog tenga el mismo aspecto que nuestra tienda. Para trabajar con PrestaShop utilizaremos la plantilla que viene por defecto (default) y para trabajar con WordPress utilizaremos la plantilla twentytwelve, si queremos podemos utilizar otras, en este caso vamos a usar estar porque son las que vienen instaladas con nuestras versiones.

Lo primero que vamos a realizar es la modificación del header.php de nuestra plantilla de WordPress, dicho archivo lo encontraremos en la carpeta: blog/wp-contentthemes/twentytwelve primero haremos una copia por si necesitáramos volver a la versión original, a continuación sustituiremos lo que tiene dentro por lo siguiente:

<?php
require_once(dirname(__FILE__).'/../../../../config/config.inc.php');
require_once(dirname(__FILE__).'/../../../../header.php');
?>

Con estas líneas lo que hacemos es cargar la configuración principal de PrestaShop además del archivo cabecera de PrestaShop, con lo que tendremos media página configurada.

 

A continuación realizaremos una copia del archivo footer.php de nuestra plantilla de WordPress que se encuentra en la misma carpeta que el header.php, una vez realizada la copia lo que haremos sera borrar todo lo que contiene dentro y sustituirlo por lo siguiente:

<?php
require_once(dirname(__FILE__).'/../../../../config/config.inc.php');
require_once(dirname(__FILE__).'/../../../../footer.php');
?>

Con esto prácticamente esta todo realizado, salvo porque nos quedara todo descolocado y con otra configuración que no sera la de nuestra web, este problema es debido a que cuando entramos en el blog PrestaShop no reconoce la página y le identifica cono “pagenotfound” entonces lo que tenemos que hacer es indicar que cuando entremos en el blog el body de la página la identificaremos como “blog” y cargaremos las hojas de estilo para que de esa manera se quede todo con el mismo aspecto.

Para realizar esto debemos modificar el header.tpl de PrestaShop que se encuentra en la carpeta: themes/default, primero realizaremos una copia por si en un momento determinado queremos volver a la versión de antes de instalar WordPress y a continuación modificaremos dicho archivo, en este archivo buscamos una línea larga que pone algo como:

<body {if isset($page_name)}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if} class="{if $hide_left_column}hide-left-column{/if} {if $hide_right_column}hide-right-column{/if} {if $content_only} content_only {/if}">

y sustituiremos dicha línea por lo siguiente:

    {$dir=$smarty.server.PHP_SELF} 
    {if strpos($dir,"/blog/")!==false}
            <link rel='stylesheet' href='/blog/wp-content/themes/twentytwelve/style.css' type='text/css' media='all' />
            <link href="/themes/default/css/global.css" rel="stylesheet" type="text/css" media="all" />
            <body id="blog">
    {else}
    	<body {if isset($page_name)}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if} class="{if $hide_left_column}hide-left-column{/if} {if $hide_right_column}hide-right-column{/if} {if $content_only} content_only {/if}">
    {/if}

Con esto lo que le estamos indicando es que si estamos dentro del blog no cargue las hojas de estilo de WordPress y PrestaShop además de llamar al cuerpo “blog” y si no estamos dentro del blog que nos cargue el cuerpo de PrestaShop normal.

Por ultimo si queremos adaptar las columnas del blog o modificarlas deberemos modificar la hoja de estilos style.css que se encuentra en la plantilla de WordPress, dicho archivo se encuentra en la carpeta: /blog/wp-content/themes/twentytwelve/

Pin It on Pinterest