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:
- control+ f y ponemos dtwpb_single_product_image.
- Una vez encontrada la función copiamos todo.
- control +v dos veces y luego vamos al principio de cada función donde pone function… y sustituimos por las dos nuevas.
- 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.