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: