Categories: Sin categoría
Categories: Sin categoría
backery 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.

 

Entradas relacionadas

View all
  • Leer más
  • Leer más
  • Leer más
  • Leer más