bakery builder woocommerce

7 de enero de 2021
7 de enero de 2021 Riskoo

bakery builder woocommerce

Pues bien estoy utilizando un plugin para el builder de bakery. Este plugin que quiero usar va sobre backery pero vienen digamos los shortcodes o constructor para woocommerce, una manera fácil de poder construir tu página de tienda o de producto.

El diseñador me ha pasado una diseño de productos en el cual tiene una particularidad y es que debe de aparecer en una columna la imagen en grande y en la columna de su derecha en una posición la cual no puedo llegar bien mediante css poner los productos de la gallería correspondiente.

Lo ideal es hacerlo por código y no con el backery , pero bueno el cliente quiere poder usarlo, así que voy a modificar el plugin. Es necesario saber que el tipo de licencia del plugin es GPL o GNU como le quieras llamar. Este tipo de licencia me da la opción de poder modificar el código , incluso comercializarlo pero siempre con la misma licencia. ¿Qué quiere decir? pues que si alguien ve mi código también lo podrá modificar y comercializar.

Una vez vista la licencia os cuento la idea:

1º Crear un elemento en backery el cual fácilmente podamos insertar la imagen del producto.

2º Crear en el builder de backery un elemento el cual haga referencia únicamente a la galería .

¿Qué vamos a hacer?

Encontrar donde se añade el shortcode de imagen de backery , replicarlo dos veces y ponerle un nombre diferente.

Archivos a modificar

js_composer/vc-map/product.php y includes/shortcodes/shortcodes.php

includes/shortcodes

En este observamos que ha 2 zonas donde se llama a la imagen:

'dtwpb_single_product_image'         => 'dtwpb_single_product_image_sc',

y luego una funcion que se llama dtwpb_single:product_image_src

Por lo que vamos a crear estas dos llamadas a funciones:

'dtwpb_single_product_image_solo_imagen' 		=> 'dtwpb_single_product_image_sc_solo_imagen',
			'dtwpb_single_product_image_solo_thumbails' 		=> 'dtwpb_single_product_image_sc_solo_thumbails',

Posteriormente vamos a copiar la función con ese nombre dos veces y cambiarlo por los nombres actuales de funciones. Para ello:

  1. control+ f y ponemos dtwpb_single_product_image.
  2. Una vez encontrada la función copiamos todo.
  3. control +v dos veces y luego vamos al principio de cada función donde pone function… y sustituimos por las dos nuevas.
  4. Ahora podemos modificar el código a placer.

js_composer/vc-map/product.php

Este archivo lleva el mapeo de jcomposer para que aparezca cuando das a añadir un módulo en visual composer. Haremos el mismo proceso de buscar el de la imagen, copiarlo y cambiarle el nombre. Recordad que aparte le podéis cambiar el nombre que aparece después de exc_html que es donde se pone el texto que mostrará a la hora de añadir.

Tampoco tengo mucho más tiempo , si necesitáis algo lo preguntáis , pero que sepáis que la idea es la que puse al principio de poder llamar por una parte a la imagen y por otra a la galería. Sabed que es un código muy sencillo. XD.

 

>