[Resuelto] Imagen en ancho completo  

Hola Silvana, 

En este caso como estas añadiendo esta imagen dentro de la página de tienda de WooCommerce si es posible envíanos algunas capturas para revisarlo con mayor detalle, ten en cuenta que este tipo de página obtiene los estilos que asigna la plantilla y no es tan sencillo editarla. 

Una opción es añadir esta sección un estilo de ancho completo, pero se va a aplicar a toda la página y no solo la imagen, por ejemplo para ello podrías probar añadir el siguiente código CSS en el apartado de Apariencia → Personalizar → CSS Adicional

@media (min-width: 768px){
.archive .col-full {
max-width: 100%;
}

}

Otra opción es utilizar algun constructor como Elementor que te permitan personalizar esta página de forma más sencilla, para ello podrías utilizar un plugin como → https://wordpress.org/plugins/woolentor-addons/

Puedes revisar un pequeño tutorial sobre como usarlo en el siguiente artículo que tenemos disponible → https://www.webempresa.com/blog/crear-una-plantilla-personalizada-para-las-paginas-de-tienda-y-producto-en-woocommerce-sin-elementor-pro.html

Verifica esto y nos comentas como ha ido todo

Un Saludo 

@karen Hola yo tengo instalado elementor versión gratis, pero no puedo poner la foto en ancho completo,  estoy siguiendo vuestro tutorial en university y no veo que se tenga que añadir otro plugin. Te envio captura pantalla.

Hola Silvana, 

Entiendo, pero en este caso como estas añadiendo la imagen puedes enviarnos algunas capturas de las opciones de edición donde añades el banner principal de tu página tienda?

Como te comento cuando asignas la página como tienda dentro de los ajustes de tu sitio web esta página toma los estilos por defecto que añade el tema por lo que solo es posible editarse desde código, Elementor en su versión Pro o algun plugin adicional. 

Sin embargo, para revisar mejor los pasos que estás siguiendo envíanos cuál es la lección que estás tomando del curso de esta forma podemos revisar con mayor detalle lo que nos comentas. 

Un Saludo 

@karen, Si te envio capturas del curso y como estoy editando. En el curso pone personalización página bienvenida, por cierto las imagenes se me cargan pesadas 1mb o 3mb como hago para que no pesen tanto.

Hola Silvia.

No añadas la imagen como destacada, tienes que añadirla en una sección.

.- Añade una nueva sección:

.- Selecciona la Sección

.- En la opción " Extender la sección " selecciona " sí "

.- En ancho del contenido selecciona " Ancho completo "

.- Añade un módulo de imagen y cargas la imagen

Un Saludo

Buenas no entioendo porque no puedo cambiar a ancho completo la página de tienda, es más quiero saber si puedo borrar páginas y volver a crearlas, al instalar woocommerce se me crearon páginas pero en mi escritorio cree otras más y creo que he metido la pata, y en la página de tienda hay algo que no me permite editar el tamaño de la imagen. Adjunto fotos.

Hola Silvana, 

Si puedes eliminar la página y crearla desde 0 si es lo que necesitas; sin embargo, no creo que sea necesario. Te comento lo que sucede actualmente si asignas una página como tienda de WooCommerce esta toma los estilos de la plantilla lo que quiere decir que no puede editarse de forma convencional como otras páginas ya sea que utilices el editor por defecto de WordPress o Gutenberg. 

Esto sucede porque las páginas asignadas como blog o tienda adquieren todos sus estilos y maquetación basada en el código de tu tema, para poder añadir una página personalizada a páginas de este tipo necesitas Elementor Pro, Divi o en todo caso el complemento que te comente anteriormente 

Otra opción es utilizar algun constructor como Elementor que te permitan personalizar esta página de forma más sencilla, para ello podrías utilizar un plugin como → https://wordpress.org/plugins/woolentor-addons/

Puedes revisar un pequeño tutorial sobre como usarlo en el siguiente artículo que tenemos disponible → https://www.webempresa.com/blog/crear-una-plantilla-personalizada-para-las-paginas-de-tienda-y-producto-en-woocommerce-sin-elementor-pro.html

Por otro lado, la opción de añadir la imagen como ancho completo está disponible en storefront cuando configuras esta página como una plantilla de inicio, por ejemplo como te muestro en el siguiente video → Contenido solo visible a usuarios registrados

Como te comento esta opción con el tema storefront solo es disponible cuando configuras la plantilla como la página de inicio y solo funciona en esta página para las páginas como tienda los estilos que toma van a ser los del código de la plantilla y no podrás editarlos de forma sencilla si no es utilizando un plugin como el que te mencione anteriormente. 

Verifica esto y nos comentas como va todo

Un Saludo 

@karen Hola, a ver si me aclaro  la pagina de tienda con plantilla de storefront sólo la podré editar con el editor wordpress, es asi??

Porque yo pensé  que se podria editar con elementor versión gratis. 

Por eso me sale este texto que te adjunto en la foto, cuando la quiero editar con elementor??

Dime si es correcto:

La página de inicio si la puedo editar con elementor, porque no tiene plantilla store front?

 Gracias

Hola Silvana, 

En este caso es correcto, las páginas tienda de WooCommerce no puede editarse con la versión gratuita de Elementor para ello necesitas crear una plantilla personalizada con la versión Pro o utilizar el plugin que te mencione anteriormente. 

Con respecto a la página de inicio de storefront si la asigna como plantilla de página inicio desde los atributos de la página no podrás editarla con Elementor, ya que esta obtiene los estilos del tema, por ejemplo aquí

Sin embargo, si puedes crear una página de inicio y no necesariamente asignar la plantilla de inicio de storefront a esta página nueva, lo único que debes asegurarte es asignar esta nueva página que crees como tu página de inicio del apartado de Ajustes → lectura

Un Saludo 

@karen Ok. Gracias voy a editar mi pagina de inicio. 

Hola Silvia.

Nada, gracias a ti.

Cualquier consulta que tengas no dudes en comunicarlo.

Un saludo