Así que tengo esta sección personalizada en el personalizador que controla los productos principales en la página de inicio. Todos están registrados y así sucesivamente, pero el problema con el que estoy atascado es cuando el cliente carga una de las características de la imagen que no sé cómo actualizarla.
Códigofunctions.php con el que estoy trabajando:
// Customiser
function themeName_customize_register( $wp_customize ) {
$wp_customize->add_setting('feature_product_one', array(
'default-image' => get_template_directory_uri() . '/assest/imgs/featureProducts/product1.png',
'transport' => 'refresh',
'height' => 180,
'width' => 160,
));
$wp_customize->add_setting('feature_product_two', array(
'default-image' => get_template_directory_uri() . '/assest/imgs/featureProducts/product1.png',
'transport' => 'refresh',
'height' => 180,
'width' => 160,
));
$wp_customize->add_setting('feature_product_three', array(
'default-image' => get_template_directory_uri() . '/assest/imgs/featureProducts/product1.png',
'transport' => 'refresh',
'height' => 180,
'width' => 160,
));
$wp_customize->add_setting('feature_product_four', array(
'default-image' => get_template_directory_uri() . '/assest/imgs/featureProducts/product1.png',
'transport' => 'refresh',
'height' => 180,
'width' => 160,
));
$wp_customize->add_section('feature_images', array(
'title' => __('Featured Products', 'themeRemax'),
'description' => __('Your 5 Feature Images on the Home-Page.'),
'priority' => 70,
'active_callback' => 'is_front_page',
));
$wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'feature_product_one_control', array(
'label' => __('Feature Product #1', 'themeRemax'),
'section' => 'feature_images',
'settings' => 'feature_product_one',
)));
$wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'feature_product_two_control', array(
'label' => __('Feature Product #2', 'themeRemax'),
'section' => 'feature_images',
'settings' => 'feature_product_two',
)));
$wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'feature_product_three_control', array(
'label' => __('Feature Product #3', 'themeRemax'),
'section' => 'feature_images',
'settings' => 'feature_product_three',
)));
$wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'feature_product_four_control', array(
'label' => __('Feature Product #4', 'themeRemax'),
'section' => 'feature_images',
'settings' => 'feature_product_four',
)));
}
add_action('customize_register', 'themeName_customize_register');
He configurado los 2 productos para que tengan la misma imagen predeterminada, pero cuando entro en el personalizador y actualizo Feature Product #2
, no se actualiza en absoluto.
Sé que necesito agregar algún código en la página principal dentro de la etiqueta <img>
pero no sé qué: /
Tengo la sensación de que lo que tengo arriba es un camino largo y sinuoso para hacer las cosas, pero es lo que obtuve trabajando. Si hay una manera fácil, te agradecería que me indicaras en esa dirección :)
Aprecio cualquier ayuda
Nota al margen : Mi front-page.php :
<div class="featureImg">
<img src="What goes here?" alt="Product 1">
<img src="What goes here?" alt="Product 1">
</div>