Estoy tratando de mover mi título y calificaciones por encima de la galería de imágenes en woocommerce pero solo en dispositivos móviles. La versión de escritorio debe permanecer igual.
Encontré un código php
que pegué en functions.php
de mi tema y hace el trabajo, pero también los mueve arriba en el escritorio.
¿Alguna forma de ejecutar este código php
solo en dispositivos móviles?
function product_change_title_position() { remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_title', 5 ); add_action( 'woocommerce_before_single_product', 'woocommerce_template_single_title', 5 ); } add_action( 'init', 'product_change_title_position' ); function product_change_rating_position() { remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_rating', 10 ); add_action( 'woocommerce_before_single_product', 'woocommerce_template_single_rating', 5 ); } add_action( 'init', 'product_change_rating_position' );
Gracias
Vaibhav
Wordpress proporciona una función llamada wp_is_mobile
Docs , que te permite hacer lo que estás buscando:
add_action('init', 'product_change_title_position'); function product_change_title_position() { if (wp_is_mobile()) { remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_title', 5); add_action('woocommerce_before_single_product', 'woocommerce_template_single_title', 5); } } add_action('init', 'product_change_rating_position'); function product_change_rating_position() { if (wp_is_mobile()) { remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_rating', 10); add_action('woocommerce_before_single_product', 'woocommerce_template_single_rating', 5); } }
Nota: