Avisos
Vaciar todo

Personalizar, visualización de productos

10 Respuestas
3 Usuarios
0 Reactions
185 Visitas
Respuestas: 25
Eminent Member
Topic starter
 

Como puedo hacer para personalizar la visualización de mis productos:
Contenido solo visible a usuarios registrados


 
Respondido : 19/01/2019 9:38 pm
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

Hola,

Sobre la primera parte de la consulta (agradecemos no anides consultas diferentes en el mismo post), te indico:

- Para que las imágenes sean "cuadradas" y no rectangulares debes en tu ordenador crear las imágenes a tal formato, que tengan la misma altura y anchura todas y que sea cuadrada, de lo contrario cuando las subas WooCommerce se limitará a mostrarlas en dicho tamaño.

- Las imágenes que aparecen con un dibujo (sin imagen) es o porque no tienes imagen de esos productos subida o porque no estás poniendo la imagen destacada de cada producto, por eso no se visualizan.

- El botón "Leer más" aparece si tienes la tienda WooCommerce en "modo catálogo" y no tengo claro si no quieres que aparezca ningún botón o que en lugar de "Leer más" aparezca "Añadir al carrito".

Se agradecen más detalles al respecto de la consulta para poder ir guiándote adecuadamente.

Saludos


 
Respondido : 19/01/2019 10:29 pm
Respuestas: 25
Eminent Member
Topic starter
 

Las imágenes que estoy subiendo tienen formato cuadrado. Es por ello que deseo arreglar este asunto.

Conforme indicas la tienda que tengo esta en modo catalogo, porque solo quiero exhibir mis productos, debido que estos equipos tienen diferentes configuraciones y las cotizaciones se hacen personalizadas. Sin embargo, deseo que no aparesca este boton de "Leer más". Por favor necesito arreglar estos dos temas, muchas gracias por su ayuda.


 
Respondido : 19/01/2019 10:49 pm
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

Hola

Para eliminar algunas de las funcionalidades de WooCommerce cuando opera en "modo catálogo" lo adecuado es desde tu cPanel, Archivos, usando el "Administrador de Archivos" ir a tu carpeta /wp-content/themes/tu-tema-en-uso y editar el archivo "functions.php" y al final del citado archivo añadir las siguientes acciones:

add_action( 'init', 'bbloomer_hide_price_add_cart_not_logged_in' );
 
function bbloomer_hide_price_add_cart_not_logged_in() {
if ( !is_user_logged_in() ) {
remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );
remove_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_price', 10 );
}
}

Guarda los cambios y verifica que quieda visible. Dependiendo del tema de WordPress y su compatibilidad con WooCommerce algunso elementos puede seguir visibles o no.

En base a como quede la página de productos vemos como avanzar eliminando o modificando (ocultando) cosas.

Sobre los tamaños de imágenes, lo explico en este artículo:

- Imágenes en WordPress ¡gestionando los tamaños correctos! - https://www.webempresa.com/blog/imagenes-en-wordpress-gestionando-los-tamanos-correctos.html

Es extensible a imágenes de Productos de WooCommerce.

Saludos


 
Respondido : 20/01/2019 1:53 am
Respuestas: 25
Eminent Member
Topic starter
 

Sobre el codigo que me enviaste para instroducirlo, lo he puesto y no he visto que se realizara algun cambio.

Adempas sobre el articulo que has enviado, no lo logro entender muy bien, habla sobre muchas cosas, y no se que hacer o por donde empezar.


 
Respondido : 21/01/2019 1:27 am
Pepe
 Pepe
Respuestas: 41129
Illustrious Member Admin
 

Hola.

El tamaño de las imágenes en Woocommerce las puedes editar desde el personalizador de WordPress.
.- Accede Apariencia -> Personalizar
.- Selecciona woocommerce -> Imágenes de producto

En esta sección puedes indicarle los tamaños de las imágenes y el aspecto que quieres que tengan:

Revisa el tema de las imágenes y vemos los demás temas según avancemos.

un saludo


 
Respondido : 21/01/2019 3:45 pm
Respuestas: 25
Eminent Member
Topic starter
 

Muchas gracias, lo que me recomendaste funcionó a la perfección.

Ahora quiero saber como puedo quitarle el boton "Leer màs"
Además como ultima consulta, se puede quitar la lupa en la imagen para agrandarla?


 
Respondido : 21/01/2019 4:15 pm
Pepe
 Pepe
Respuestas: 41129
Illustrious Member Admin
 

Hola.

se puede quitar la lupa en la imagen para agrandarla?
Añade lo siguiente a tu archivo de estilos style.css:

.woocommerce-product-gallery__trigger {
  display:none;
}

como puedo quitarle el botón "Leer màs"

No veo el boton que indicas, por favor ¿ puedes adjuntar una URL o captura de algún producto donde se pueda ver ?

Un saludo


 
Respondido : 21/01/2019 4:31 pm
Respuestas: 25
Eminent Member
Topic starter
 

La lupa si se quito, pero además de la lupa deseo que al pasar el cursor por la imagen, esta no se agrande.

Además sobre Leer más: http://geotekni-cp152.wordpresstemporal.com/categoria-producto/geofisica/
se muestra en cada producto en miniatura.


 
Respondido : 21/01/2019 4:41 pm
Pepe
 Pepe
Respuestas: 41129
Illustrious Member Admin
 

Hola.

Pues no veo el boton de leer más:

Si realizaste alguna modificación para que no se mostrar prueba a limpiar la cache del navegador:
-> https://guias.webempresa.com/preguntas-frecuentes/limpiar-la-cache-del-navegador/

Para eliminar el zoom de las imagenes:
.- edita el archivo fuctions.php que encontraras en la carpeta de tu plantilla y añade lo siguiente:

add_action( 'after_setup_theme', 'yourtheme_setup' );
function yourtheme_setup() {
remove_theme_support( 'wc-product-gallery-zoom' ); //Quitamos el zoom
remove_theme_support( 'wc-product-gallery-lightbox' ); //Quitamos la mesa de luz
}

Nota: recuerda descargar una copia del archivo antes de realizar cualquier modificación en los archivos.

Un saludo


 
Respondido : 21/01/2019 5:02 pm