Avisos
Vaciar todo

modificar pagina producto woocommerce  

Página 1 / 2
 
Ricardo
 Ricardo
Reputable Member

hola, que css hay que tocar para modificar la página de producto de woocommerce de la plantilla narvi de wordpress?

Gracias

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 30/06/2018 2:19 pm
Ricardo
 Ricardo
Reputable Member

ya lo encontre, por si alguien tiene la misma duda, es desde la administración de wordpress

woocommerce / theme templates / content-single-product.php

ResponderCitar
Respondido : 30/06/2018 2:27 pm

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Ricardo.

Depende de lo que quieras modificar, si nos indicas que bloque quieres modificar y lo que quieres realizar ( Cambiar color, texto, etc.. ) te podríamos informar mejor.

Si puede ser con una captura, nos ayudaría mucho.

En este enlace tienes documentación de la plantilla:
->

En el siguiente enlace tienes un tutorial de como trabajar con plantilla con el framework gantry que es el que utiliza tu plantilla:
->

Aquí tienes una entrada en el blog donde se explica como crear archivos CSS personalizados para esa plantilla:
-> https://www.webempresa.com/blog/agregar-archivo-css-personalizado-para-plantillas-gantry.html

Un saludo

ResponderCitar
Respondido : 30/06/2018 2:29 pm
Ricardo
 Ricardo
Reputable Member

aqui dentro encuentro este codigo

y lo he subido a otra zona de la pagina, hasta aquí esta bien, lo que no encuentro es como editar esta parte

os adjunto imagen de lo que se ve en la web y lo que quiero modificar/eliminar y no se desde donde se hace

gracias

ResponderCitar
Respondido : 30/06/2018 2:39 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Ricardo.

Exactamente que es lo que quieres modificar, eliminar texto, cambiar el color del texto, traducir las cadenas de texto.

Si nos indicas que es lo que quieres realizar exactamente nos ayudara a darte una solución.

Por cierto si accedo a la URl temporal veo que la web no carga, no se si estas realizando algún cambio.
Si la Web esta en otra URL por favor adjunta la URL para que podamos revisar lo que nos indicas.

Te agradezco tu colaboración, contar con toda la información que puedas darnos nos ayudará a darte más rápidamente una solución.

Un saludo

ResponderCitar
Respondido : 30/06/2018 2:58 pm
Ricardo
 Ricardo
Reputable Member

la url es esta
Contenido solo visible a usuarios registrados

quiero que quede como la imagen que te adjunto

ResponderCitar
Respondido : 30/06/2018 3:09 pm

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

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Ricardo.

El problema lo tienes en que esa plantilla no esta preparada para trabajar con woocommerce.
Tienes un plugin que te puede ayudar a realizar las modificaciones:

-> https://wordpress.org/plugins/woocommerce-customizer/

Por lo que veo lo estas añadiendo en la descripción " woocommerce-Tabs-panel--description " ¿ algún motivo por el cual mostrar el producto de esa manera ? .

Lo normal es que añadas la imagen en la ficha, una descripcion corta y donde tienes ahora la imagen del producto añadir, una descricion.....

No entiendo por que estas moviendo tanto.

Un saludo

ResponderCitar
Respondido : 30/06/2018 3:44 pm
Ricardo
 Ricardo
Reputable Member

hola Pepe

he bajado el plugin y me permite cambiar los textos, pero no eliminarlos, ni eliminar la línea

en alguna parte debe haber un css o php donde poder decidir que se muestra y como
si encuentro ese css o php puedo ir modificando poco a poco hasta conseguir lo que quiere el cliente

alguna idea de donde puede estar?

P.D: el cliente lo quiere sin imagen porque lo que vende son canciones personalizadas y lo que muestra como ejemplo en lugar de una imagen del producto es un video con una de las canciones y el buscador que te he puesto a la derecha es para cambiar el nombre, hay un producto por cada nombre

ResponderCitar
Respondido : 30/06/2018 3:54 pm

Cursos Gratuitos WordPress

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Ricardo.

Para quitar el breadcrumb, edita el archivo style.css que encontraras en camila -> wp-content -> themes -> narvi_wp -> style.css y añade lo siguiente:

.woocommerce .woocommerce-breadcrumb {
display:none;
}

Titulo de descripción:

.woocommerce .component-content h2 {
    display:none;
}

Un saludo

ResponderCitar
Respondido : 30/06/2018 4:08 pm
Ricardo
 Ricardo
Reputable Member

en ese archivo que me indicas solo encuentro esto

Theme Name: Gantry Theme for WordPress
Theme URI: http://www.rockettheme.com
Description: Basic default Gantry theme for Wordpress
Version: 4.1.1
Author: RocketTheme, LLC
Author URI: http://www.rockettheme.com
*/

lo edito asi y no cambia nada

/*
Theme Name: Gantry Theme for WordPress
Theme URI: http://www.rockettheme.com
Description: Basic default Gantry theme for Wordpress
Version: 4.1.1
Author: RocketTheme, LLC
Author URI: http://www.rockettheme.com
*/

.woocommerce .woocommerce-breadcrumb {
display:none;
}

.woocommerce .component-content h2 {
display:none;
}

no se si estoy haciendo algo mal

ResponderCitar
Respondido : 30/06/2018 4:21 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Quiero verificar tu sitio pero me sale este mensaje:
"Error estableciendo una conexión con la base de datos"

Supongo que estas haciendo cambios

Saludos.

ResponderCitar
Respondido : 30/06/2018 5:00 pm
Ricardo
 Ricardo
Reputable Member

no, no estoy haciendo cambios, la url es esta
Contenido solo visible a usuarios registrados

ResponderCitar
Respondido : 30/06/2018 5:06 pm

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Ok, en donde has agregado los estilos?, porque en el style.css no veo nada agregado

Contenido solo visible a usuarios registrados

Busca y edita este archivo y agrega el código al final, tal como te comentó Pepe
camila/wp-content/themes/narvi_wp/style.css

Saludos.

ResponderCitar
Respondido : 30/06/2018 6:03 pm
Ricardo
 Ricardo
Reputable Member

lo acabo de agregar pero no cambia nada, te adjunto imagen de como ha quedado el codigo

ResponderCitar
Respondido : 30/06/2018 6:07 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Los veo correctamente aplicados.

Siempre que se realiza cambios CSS tienes que refrescar tu navegador para ver los cambios ya que lo archivos css se encuentran en cache de navegador.

Saludos.

ResponderCitar
Respondido : 30/06/2018 7:15 pm
Página 1 / 2