Pasar de un producto a otro en WordPress Bulkshop  

 
Rebecca
 Rebecca
Reputable Member

Hola, en la página de www.bonregal.com utilizamos la plantilla BulkShop.

Está todo Creado, categorías, productos, etc...

En el momento que abro un producto, no tengo la opción de ningún botón que me deje navegar para adelante o para atrás, para pasar de un producto a otro...

Hay alguna manera de habilitar esto, ya que es muy incomodo tener que volver cada vez a la categoría y seleccionar el siguiente producto.

Muchas gracias por vuestra ayuda.

Saludos,
Rebecca

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 14/10/2019 5:44 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 14/10/2019 6:17 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Rebecca
 Rebecca
Reputable Member

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

ResponderCitar
Respondido : 15/10/2019 9:38 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 15/10/2019 12:21 pm

Cursos Gratuitos WordPress

Rebecca
 Rebecca
Reputable Member

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

ResponderCitar
Respondido : 15/10/2019 1:26 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 15/10/2019 4:05 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Por favor Iniciar Sesión o Registro