Curso de WooCommerce – 2. Integrar WooCommerce con el tema de WordPress

Como vimos en el capítulo anterior, existen casos en los que al instalar una tienda WooCommerce sobre una web que ya tiene un tema aplicado, puede ocurrir que esta no se integre correctamente.

En nuestro caso, la sección de la tienda no se ajustaba bien a los márgenes y zona de contenido de la web:

Tema mal integrado en WordPress

Esto no suele ocurrir cuando creamos una instalación de WordPress exclusivamente para alojar una tienda WooCommerce, o si descargamos un tema especialmente adaptado.

Pero para solventar este problema en casos en los que tengamos que integrar la tienda en una web que ya tenga su plantilla tema personalizada, podemos solucionarlo editando un archivo.

Debemos dirigirnos a la carpeta donde se encuentra el tema instalado.

La ruta debería ser /nombredelproyecto/wp-content/themes/nombredeltema/

En concreto debemos localizar el archivo page.php.

Localizar archivo page.php

Y lo duplicamos (copiar y pegar en la misma carpeta):

duplicar archivo page.php

Ahora cogemos la copia y la renombramos a woocommerce.php.

003

Abrimos el archivo woocommerce.php con un editor de textos (no Word ni editores avanzados), si no tienes ninguno especifico puedes usar el bloc de notas.

Y vamos a localizar una parte del código, la que comienza por:

y termina en:

Localizar bucle del código

Borramos el código marcado y lo sustituimos por el siguiente:

pegar nuevo código

Esto hará que la página que muestra nuestra tienda, muestre el contenido de WooCommerce en lugar del contenido de las entradas de WordPress como está programado por defecto, de ahí a los fallos de integración, pues esto ya viene corregido en los temas que están diseñados para tiendas WooCommerce.

Guardamos el archivo, y si volvemos a la página de nuestra tienda, veremos que ahora si está correctamente integrada:

Tienda correctamente integrada

Antes de empezar a crear productos y categorías, en el siguiente capítulo daremos un repaso a las opciones de configuración de la tienda.

Deja tus comentarios si tienes alguna duda 🙂

Curso de WooCommerce – 3. Ajustes y opciones (primera parte)

Contacta con Gestionatuweb
 
×

Utilizamos cookies para mejorar la experiencia de uso y obtener datos estadísticos de nuestras visitas. Si no aceptas las condiciones algunos apartados de la web podrían no funcionar correctamente. Más información

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar