Cómo Hacer Una Página

Hacer una Web Profesional con Wordpress

  • Mi Cuenta
  • Contacto
  • Curso GRATUITO de WordPress
  • Suscribirse (10€/mes)
Estás aquí: Inicio / Divi / Activar el Constructor Divi Builder en WooCommerce y Cualquier Custom Post Type

Activar el Constructor Divi Builder en WooCommerce y Cualquier Custom Post Type

octubre 31, 2017 Por Oscar martin 2 comentarios

Si usas la plantilla Divi verás que sólo aparece el constructor Divi Builder en los post y las páginas.

Si usas WooCommerce verás que al crear un producto no te aparece la posibilidad de usarlo, pero no te preocupes en este tutorial veremos como activarlo para usarlos en los productos de WooCommerce y en cualquier otro tipo de contenido de WordPress.

Activar el Constructor Divi Builder en WooCommerce y Cualquier Custom Post Type

Para seguir el tutorial necesitas la plantilla DIVI, la puedes comprar desde aquí o si eres miembro premium la tienes disponible gratis en el área de miembros.

Aquí tienes el tutorial en vídeo:

Suscríbete a mi canal:

[wps_button style=”default” url=”https://comohacerunapagina.es/ir/divi-20″ target=”blank” background=”#8224e3″ color=”#ffffff” size=”18″ icon=”star” wide=”yes” position=”left” radius=”auto” text_shadow=”0px 0px 0px #000″ rel=”nofollow” title=”Default Button” id=”default-button”]COMPRAR DIVI CON 10% DE DESCUENTO[/wps_button]

Antes de seguir el tutorial recuerda hacer copia de seguridad

Para poder activar Divi Builder vamos a añadir el siguiente código en el fichero functions.php de nuestra plantilla.

Te recomiendo que en vez de hacerlo en la plantilla Divi directamente uses un tema hijo de Divi

Añadimos el siguiente código al fichero funtions.php

function my_et_builder_post_types( $post_types ) {
    $post_types[] = 'product';
    return $post_types;
}
add_filter( 'et_builder_post_types', 'my_et_builder_post_types' );

El código anterior está preparado para que aparezca el constructor de Divi en los productos de WooCommerce.

Tenemos que añadir la siguiente línea cambiando el tipo de contenido por el que necesitemos:

$post_types[] = 'product';

Donde ‘product’ es el tipo de contenido.

Para saber el nombre del tipo de contenido tan sólo vamos a crear un producto nuevo y nos fijamos en la url:

tipo contenido woocommerce

Añadimos tantas líneas como tipos de contenido queramos que tenga el Divi Builder.

Activar los diseños predefinidos de la biblioteca en los customs post types

Aunque hayamos activado el constructor de Divi si queremos cargar un diseño predefinido en un producto de WooCommerce o cualquier otro tipo de contenido que hayamos añadido veremos que nos sale vacío.

Para activar la posibilidad de poder usarlos tenemos que añadir en el fichero functions.php la siguiente función:

function myprefix_et_pb_show_all_layouts_built_for_post_type() {
    return 'page';
}

add_filter( 'et_pb_show_all_layouts_built_for_post_type', 'myprefix_et_pb_show_all_layouts_built_for_post_type' );

Y de esta forma ya puedes usar Divi en los productos de tu tienda sin problemas 😉

[wps_button style=”default” url=”https://comohacerunapagina.es/ir/divi-20″ target=”blank” background=”#8224e3″ color=”#ffffff” size=”18″ icon=”star” wide=”yes” position=”left” radius=”auto” text_shadow=”0px 0px 0px #000″ rel=”nofollow” title=”Default Button” id=”default-button”]COMPRAR DIVI CON 10% DE DESCUENTO[/wps_button]

Publicado en: Divi Etiquetado como: divi woocommerce

Acerca de Oscar martin

Me llamo Óscar y me dedico al Marketing Online. Me gano la vida gracias a internet y a herramientas como Wordpress. ¿Te puedo ayudar? Contáctame

Comentarios

  1. Andres dice

    noviembre 2, 2017 a las 5:51 pm

    Excelente!!! muchas gracias por compartirlo!!

    Responder
    • Oscar martin dice

      noviembre 3, 2017 a las 3:32 pm

      De nada 😉
      Un saludo!!!

      Responder

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Carrito

Categorías

Contenido Premium

¿Quieres Aprender WordPress y Ganar dinero? Cópiame

¿Necesitas Ayuda?

  • Contacto
  • Blog

Más Información

  • Condiciones de Uso
  • Condiciones generales de venta
  • Aviso Legal
  • Pólitica de Privacidad
  • Política de cookies

Buscador

Funciono con el Theme Genesis · Acceder

Este sitio web instalará en tu navegador cookies analíticas y publicitarias propias y de terceros si continúas navegando.
Encontrará más información en nuestra Política de Cookies...Configuración de CookiesAceptar
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Siempre activado
Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies.
Básicamente el blog no funcionará bien si no están activas.
Estas cookies son:
- Comprobación de inicio de sesión.
- Cookies de seguridad imprescindibles.
- Saber si ya has aprobado/rechazado las cookies.
Non-necessary
Esta web utiliza las siguientes cookies adicionales:
- Mautic: Recordar si ya estás suscrito al boletín de noticias.
- Google Analytics: un servicio de analítica web desarrollada por Google, que permite la medición y análisis de la navegación en las páginas web.
GUARDAR Y ACEPTAR