Pregunta sobre WooCommerce de Wordpress:

código para habilitar la caja de luz de la galería de imágenes, etc.

Un usuario preguntó 👇

Woocommerce asumió la opción de habilitar una función de caja de luz para su galería de imágenes a principios de este año. Tienen documentación para agregar código si desea habilitar las funciones de la galería, pero no dice dónde.

https://woocommerce.wordpress.com/2017/02/28/adding-support-for-woocommerce-2-7s-new-gallery-feature-to-your-theme/

Este es un cambio inicial importante que se puede dividir en tres nuevas funciones independientes; • Zoom / imagen de zoom • Caja de luz • Diapositiva Para habilitar todas estas funciones en su tema, debe confirmar la compatibilidad con add_theme_support () así; add_action (‘after_setup_theme’, ‘yourtheme_setup’);

yourtheme_setup function () {add_theme_support (‘wc-product-gallery-zoom’); add_theme_support (‘wc-product-gallery-lightbox’); add_theme_support (‘wc-product-gallery-slider’); } Esto le permite la flexibilidad de elegir exactamente qué características desea incluir / excluir en su tema o tienda.

No soy un desarrollador, no soy un desarrollador (y la vergüenza de WC por no hacer esto, los usuarios finales pueden elegir o no agregar código).

Necesito saber dónde poner este código. Estoy usando un tema hijo llamado mystile1. Tengo archivos llamados «Funciones de tema (function.php)» y uno llamado «custom.css» que dice que es específicamente para agregar código para modificar los estilos de tema de mi hijo.

No sé en qué archivo debería poner la codificación anterior y dónde. No todos estos archivos tienen un lugar llamado «after_setup_theme» Por lo tanto, sería seguro agregar el código de la siguiente manera en uno de esos archivos (¿cuál?) Tema:

add_action (‘after_setup_theme’, ‘mystile1_setup’);

mystile1_setup function () {add_theme_support (‘wc-product-gallery-zoom’); add_theme_support (‘wc-product-gallery-lightbox’); add_theme_support (‘wc-product-gallery-slider’); }

O agradecemos cualquier otra sugerencia.

Gracias.

(@superkot)

Hace 3 años, 3 meses

Todo lo que tienes que hacer es agregar esto a functions.php. Si su functions.php tiene caracteres ?> al final, pon ese código delante de ellos.

(@mikejolley)

Hace 3 años, 3 meses

> No soy un desarrollador, no soy un desarrollador (y la vergüenza de WC por no hacer esto, los usuarios finales pueden elegir o no agregar código).

¿Por qué habilitar una función que no tiene estilo en su tema? ¿O eso entra en conflicto con las galerías temáticas? Eso sería peor: la vista predeterminada puede no tener una caja de luz, pero al menos parece ‘correcta’

No creo que ‘mystile’ se actualice más. Puede mirar el frente de la tienda que admite esto o un tema de WC de otro proveedor.

(@lorro)

Hace 3 años, 3 meses

La mejor manera de avanzar, como dice Mike, es mover su sitio a un tema compatible con WooCommerce 3+ que se actualice regularmente. Este enfoque es especialmente adecuado para un desarrollador.

Si desea seguir con su tema actual, puede encontrar un código útil y un artículo de código aquí:
https://createandcode.com/broken-photo-gallery-and-lightbox-after-woocommerce-3-0-upgrade/

Puede utilizar el plugin «Mis funciones personalizadas» para el código php. No aceptará nada que no sea un código válido. El CSS personalizado se puede ingresar en: Panel> Apariencia> Personalizar> CSS adicional

Es posible que se requiera una resolución de problemas adicional y, por lo tanto, no un enfoque de bajo peso.

(@ mandarina3)

Hace 3 años, 3 meses

Gracias por las respuestas; a Mike: La razón por la que quiero hacer esto es que cuando uso la galería predeterminada con WC, las imágenes de mi galería son enormes 300 × 300 y ajusté los tamaños de las miniaturas para hacerlas más pequeñas en el tema mystile1, mostrar el producto multimedia WC y WP y regeneró todas las miniaturas, pero aparece debajo de la imagen del producto individual como enorme. También instalé un plugin llamado wooswipe y eso funcionaría, pero eso oscurecería las imágenes cuando un cliente hiciera clic en la imagen de la galería, lo colocaría en el marco del producto individual, pero sería oscuro. Creo que eso se debió a que el plugin estaba cambiando las imágenes de la galería a alrededor de 90 × 90 y luego, cuando la imagen subía a la caja del producto, la aumentaba a 300 × 300 y se veía borrosa. Por eso estoy probando esto ahora.

A continuación se muestra lo que está en mi archivo functions.php. ¿pondría el código en la parte superior entre paréntesis nuevos? o hacia abajo en la sección que dice: `/ * ———————————————————————————– * / / * Puede agregar funciones personalizadas a continuación * / / * —————————————————————————— *

mystile1_setup function () {add_theme_support (‘wc-product-gallery-zoom’); add_theme_support (‘wc-product-gallery-lightbox’); add_theme_support (‘wc-product-gallery-slider’); }?> `__________________

REVISIÓN DE «MY FUNCTIONS.PHP FILE»

<?php
// File Security Check
if ( ! empty( $_SERVER['SCRIPT_FILENAME'] ) && basename( __FILE__ ) == basename( $_SERVER['SCRIPT_FILENAME'] ) ) {
    die ( 'You do not have sufficient permissions to access this page!' );
}
?>
<?php

/*-----------------------------------------------------------------------------------*/
/* Start WooThemes Functions - Please refrain from editing this section */
/*-----------------------------------------------------------------------------------*/

// Define the theme-specific key to be sent to PressTrends.
define( 'WOO_PRESSTRENDS_THEMEKEY', 'zdmv5lp26tfbp7jcwiw51ix9sj389e712' );

// WooFramework init
require_once ( get_template_directory() . '/functions/admin-init.php' );

/*-----------------------------------------------------------------------------------*/
/* Load the theme-specific files, with support for overriding via a child theme.
/*-----------------------------------------------------------------------------------*/

$includes = array(
				'includes/theme-options.php', 			// Options panel settings and custom settings
				'includes/theme-functions.php', 		// Custom theme functions
				'includes/theme-actions.php', 			// Theme actions & user defined hooks
				'includes/theme-comments.php', 			// Custom comments/pingback loop
				'includes/theme-js.php', 				// Load JavaScript via wp_enqueue_script
				'includes/sidebar-init.php', 			// Initialize widgetized areas
				'includes/theme-widgets.php',			// Theme widgets
				'includes/theme-install.php',			// Theme installation
				'includes/theme-woocommerce.php'		// WooCommerce options
				);

// Allow child themes/plugins to add widgets to be loaded.
$includes = apply_filters( 'woo_includes', $includes );

foreach ( $includes as $i ) {
	locate_template( $i, true );
}

/*-----------------------------------------------------------------------------------*/
/* You can add custom functions below */
/*-----------------------------------------------------------------------------------*/

// CUSTOM FUNCTION ADDED TO ADDRESS LACK OF ADD-TO-CART BUTTONS ON VARIABLE ITEMS
// AS DOCUMENTED AT: http://wordpress.org/support/topic/plugin-woocommerce-excelling-ecommerce-checkout-button-not-showing-on-woo-commerce-product/page/2?replies=36#post-3263097
function mv_my_theme_scripts()
{
wp_enqueue_script('add-to-cart-variation', get_template_directory_uri() . '/js/add-to-cart-variation.js',array('jquery'),'1.0',true);
}
add_action('wp_enqueue_scripts','mv_my_theme_scripts');

/*-----------------------------------------------------------------------------------*/
/* Don't add any code below here or the sky will fall down */
/*-----------------------------------------------------------------------------------*/
?>

(@fernashes)

Ingeniero Automático de Felicidad

Hace 3 años, 2 meses

Debes ingresar el código debajo de la línea como dice «add_action».

Si no se siente cómodo trabajando con el archivo functions.php, sugiera usar el siguiente plugin para administrar sus botones: https://wordpress.org/plugins/code-snippets/

(@fernashes)

Ingeniero Automático de Felicidad

Hace 3 años, 1 mes

No hemos tenido noticias tuyas en un tiempo, así que marcaré esto como una solución. Si tienes alguna otra pregunta, puedes comenzar una nueva conversación.

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

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