Pasar de un producto a otro en WordPress Bulkshop

Hola Rebeca.

Edita el archivo functions.php y al final del archivo añade lo siguiente:

// Next/previen productos WooCommerce 
add_action( 'woocommerce_before_single_product', 'bbloomer_prev_next_product' );
 
// and if you also want them at the bottom...
add_action( 'woocommerce_after_single_product', 'bbloomer_prev_next_product' );
 
function bbloomer_prev_next_product(){
 
echo '
';
 
   // 'product_cat' will make sure to return next/prev from current category
        $previous = next_post_link('%link', '← PREVIOUS', TRUE, ' ', 'product_cat');
   $next = previous_post_link('%link', 'NEXT →', TRUE, ' ', 'product_cat');
 
   echo $previous;
   echo $next;
    
echo '
';
         
}

.- Edita el archivo style.css y añade lo siguiente:

.prev_next_buttons {
line-height: 40px;
margin-bottom: 20px;
}
 
.prev_next_buttons a[rel="prev"], .prev_next_buttons a[rel="next"] {
display: block;
}
 
.prev_next_buttons a[rel="prev"] {
float: right;
}
 
.prev_next_buttons a[rel="next"] {
float: left;
}
 
.prev_next_buttons::after {
content: '';
display: block;
clear:both;
}

Revisa si ese es el resultado que buscabas y comentas.

Un saludo

Buenos días Pepe,

genial, ya hemos conseguido que puedas navegar de uno a otro, lo único es que va al revés.

Si por ejemplo abres el 101 - la opción que te sale es "previous" para ir al 102, en vez de "Next" - no se si me explico...

Y no sé si habría posibilidad de que hubiera un pelín de espacio entre el "Previous y Next" para que respirara un poco y no se junten las dos palabras.

Ya me dirás.

Muchísimas gracias!

Rebecca

Hola Rebecca Buenos Días

de que hubiera un pelín de espacio entre el "Previous y Next"

Con el codigo CSS que añadimos ya dejamos un espacio:

lo único es que va al revés.
Modifiac los textos del codigo:
'← PREVIOUS' y 'NEXT →'

Un saludo

Gracias Pepe, hemos cambiado hasta el idioma del botón.

Pero a mi me sigue saliendo el Siguiente en la izquierda y el Anterior en la derecha, cuando normalmente suele ir a la inversa, no? Creo que es más intuitivo...

Te adjunto captura.

Gracias,
Saludos,
Rebecca

Hola Rebeca.

Ostras estaba cambiado el orden en los codigos de CSS, Disculpa :blush:

Modifica los siguinetes codigos:

.prev_next_buttons a[rel="prev"] {
    float: left;
}

.prev_next_buttons a[rel="next"] {
    float: right;
}

Eliminas o modificas las dos clases que añadiste por las que hay en esta entrada.

Un saludo