[Resuelto] Vista de productos Woocommerce  

Hola Robert. 

Disculpa si no logro comprender bien la consulta, entiendo que lo que deseas es que los estilos de los productos que tienes en el enlace Contenido solo visible a usuarios registrados

Puedes indicarnos un poco mejor si es esto lo que requieres?

Un Saludo 

@karen así es. El aspecto es lo que deseo que se muestre como en las categorias. Ya que el formato que va a seguir es como está en mensualidades. Tres productos en cada fila endosado en tres columnas. Sé que es dificil explicar sin ver la configuración, pero estoy a vuestra disposición pàra moestraros capturas de toda la configuración que deseen para poder ayudarme.

Lamento también que al crear un ticket me deriven a un foro público.

Hola Robert.

Vamos a ver si podemos acercarnos con un poco de CSS.

.- Añade lo siguiente en Apariencia -> Personalizar -> Ajustes Generales -> CSS Adicional:

li.wc-block-grid__product {
background-color: #fefefe;
}

a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart {
background-color: #03a9f4;
border-radius: 5px;
}

.wc-block-grid__product .wc-block-grid__product-title {
color: #3c424f;
}
.wc-block-grid__product-price.price {
font-size: 1.2em;
}

Lamento también que al crear un ticket me deriven a un foro público.

El foro es atendido por técnicos de Webempresa, es una parte mas de Webempresa.

En hosting atienden técnicos especializados en servidores (cpanel, email, seguridad y configuraciones a nivel de servidor, etc.)
En el Foro atienden técnicos especializados en CMS ( Plugins, CSS, Utilización, Configuración, errores con extensiones y plantillas, etc.. )

Solo los clientes de Webempresa pueden realizar consultas, los clientes que no son de webempresa puede ver las respuestas pero no consultar.

El foro es publico por que creemos que las soluciones que se aportan pueden ayudar a otros usuarios con lso mismos problemas.

En las Reglas del foro ya se indica que el foro es publico

-> https://www.webempresa.com/reglas.html

Un saludo

@pepesoler antes de añadir el código CSS adicional, desconozco donde lo va a aplicar, ya que al acceder sguiendo sus intrucciones me aparece la página principal. Y matizando mi petición si es posible que el en vez de mostrarse la categoria (en el caso de la imagen que expone su compañera KAREN rodeada del cuadro rojo) se mostrara leer más y tras pulsar leer más saliera la descripción corta del produco que es lo que se muestra ahora y hace que el cuadro sea muy grande.

En relación a insertar código CSS adicional no lo he usado nunca en Wordpress pero he leído algo sobre la edición de productos y comentan el fichero function.php

Lo queremos lo más parecido a como se muestra actualmente en el servicio externo de suscripción:

https://login.debit2go.com/debit2go_portal/agrupacion/comercio/2yu0572oa0z

Gracias.

Hola Robert, 

En este caso el código que envía Pepe debes incluirlo en el apartado de Apariencia -> Personalizar -> CSS Adicional, este codigo de acuerdo a las reglas se aplicará a los productos que nos compartes en la URL Contenido solo visible a usuarios registrados

Respondido por: @kingsschoolofenglishgmail-com

Y matizando mi petición si es posible que el en vez de mostrarse la categoria (en el caso de la imagen que expone su compañera KAREN rodeada del cuadro rojo) se mostrara leer más y tas pulsar leer más saliera la descripción corta del produco que es lo que se muestra ahora y hace que el cuadro sea muy grande.

En Este caso para realizar esto es posible requieras modificar el código de la plantilla, ten en cuenta que la funcionalidad de woocommerce o el tema que usas añade estos estilos específicos a la visualización de los productos, Si aún deseas hacer esta modificación te recomiendo consultes con nuestro directorio de colaboradores quienes pueden ayudarte a modificar lo que necesitas

Lo que si puede hacer es ocultar esta descripción corta para que no se muestre y de esta forma podemos disminuir el tamaño del cuadro del producto, comentanos en este caso si deseas ocultarla para indicarte cuál puede ser el código que requieras

Un Saludo   

Respondido por: @karen

En Este caso para realizar esto es posible requieras modificar el código de la plantilla, ten en cuenta que la funcionalidad de woocommerce o el tema que usas añade estos estilos específicos a la visualización de los productos, Si aún deseas hacer esta modificación te recomiendo consultes con nuestro directorio de colaboradores quienes pueden ayudarte a modificar lo que necesitas

Lo que si puede hacer es ocultar esta descripción corta para que no se muestre y de esta forma podemos disminuir el tamaño del cuadro del producto, comentanos en este caso si deseas ocultarla para indicarte cuál puede ser el código que requieras

Buenas de nuevo, lo que no queremos que se vea la categoria del producto (en la imagen de abajo el texto "M55")  y si queremos la descripción corta por ello comenté lo de los matices.

He copiado el código que agradezco a @pepe pero no es lo que esperaba y ni como se muestra en:

https://kingsschoolofenglish.com/categoria-producto/m55/

Así se muestra con el código CSS adicional

Que tal Robert,

Respecto a las modificaciones que solicitas al ser tan especificas involucran un desarrollo mas alla que la orientación que ofrecemos por aca, sin embargo haremos lo posible por ayudarte.

Pude ver que por una parte el código de mi compañero Pepe no causo los ajustes esperados de tu parte, por ahora puedes retirarlo para que podamos revisar una vez mas como podemos adaptar la vista a lo que deseas.

Por otra parte también puedo apreciar que mi compañera Karen soporta lo que ya te he comentado antes recomendando a nuestros colaboradores que con gusto podrán hacer tus solicitudes especificas a medida.

Nos comentas como podemos seguir orientándote por este tema.

Saludos!

Buenos días, pues respondiéndome al último post estaría bien. gracias

Sino es posible mostrar en la home de la tienda la vista de producto:

https://kingsschoolofenglish.com/categoria-producto/m55/

Como hacer en la home de nuestra tienda:

https://kingsschoolofenglish.com/mensualidades/

Se muestren los productos con la descripción corta y el botón con el estilo de la plantilla como se muestra en el enlace anterior de la categoría. gracias.

Acabo de revisar la home de la tienda y me aparece algo que antes no me aparecía. La vista deseada pero abajo de los productos expuestos, no sé si me explico pero no hice nada en la página wordpress y quite el CSS adicional que me enviaron. What that?

Hola Robert.

Acabo de revisar la home de la tienda y me aparece algo que antes no me aparecía.

Puedes decirnos que es lo que aparece, te refieres a esto ?

.- Edita la pagina de inicio con el personalizador.

.- En al Opción " Gestionar secciones de la página " elimina el bloque " Contacto "

Si no es eso a lo que te refieres, por favor adjunta una captura de lo que quieres eliminar.

Un saludo

@pepesoler no , pero he borrado el código que tiene en mensualidades de woocommerce y supongo que por ser la página definida por defecto me lo está mostrando ahora como queríamos. No sé si los enanitos han actuado en nuestro favor...

Ahora tendríamos que editar [woocommerce_shop que es donde suponemos que usa para mostrar la home de la tienda y así poder quitar la categoria:

Y también nos gustaria quitar:

Saludos.

Hola Robert.

La categoría la puedes ocultar añadiendo lo siguiente en Apariencia -> Personalizar -> CSS Adicional:

.ope-woo-card-content-section.ope-woo-card-content-categories {
display: none;
}

Para quitar el desplegable:

.- Añade lo siguiente al final del archivo functions.php que encontraras en wp-content -> themes -> mesmerize-pro " functions.php "

/** Remover menú desplegable "Ordenar por" en WooCommerce **/
remove_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 30 );

Puedes utilizar el administrador de archivos de tu cuenta de cPanel para acceder al archivo:

-> https://guias.webempresa.com/preguntas-frecuentes/administrador-archivos-cpanel/#cpanel

Para eliminar el texto " Mostrado..... ":

.- Añade lo siguiente en apariencia -> Personalizar -> CSS Adicional:

p.woocommerce-result-count {
display: none;
}

Un saludo

@pepesoler muchisimas gracias. Todo OK siguiendo sus pasos:

https://kingsschoolofenglish.com/mensualidades/

Finalmente y perdone que abuse de ustedes pero creo que está dentro del tema... para ordenar las categorias que muestro como producto, he arrastrado en Woocommerce--> Categorías en el orden deseado pero ni caso. ¿Se os ocurre que sucede?

Millones de gracias por todo. Me acuerdo en mis comienzos con Joomla y vuestro compañero John que no sé si seguirá con ustedes trabajando, un fuerte abrazo para todo el equipo.