Avisos
Vaciar todo

Vista principal de la web  

 
JOSE LUIS
 JOSE LUIS
Usuario experto

Buenos días, me gustaría cambiar la vista principal de web.

Me gustaría que el formato que tenga mi web sea algo parecido a esto:

web jbm

Un buscador grande arriba fijo y las categorías en un lateral.

Habría alguna forma sencilla de hacerse? 

Contenido solo visible a usuarios registrados

Citar
Respondido : 11/11/2020 11:46 am
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Podrías probar con algún theme que tenga un diseño similar, eso te ayudará a ralizar el sitio más rápido, al menos que tenga posiciones similares en donde poner los widgets de búsqueda y catálogo. Revisa por ejemplo los basados en el theme Storefront: https://woocommerce.com/product-category/themes/storefront-child-theme-themes/

Sin embargo la otra opción es usar algún constructor, de manera que puedas poner los elementos como los desees.

Puedes evaluar usar Divi o usar Elementor por ejemplo.

Saludos.

ResponderCitar
Respondido : 11/11/2020 4:27 pm

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

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Jose Luis.

Lo que muestras en el lateral forma parte del menú pero supongo que lo que quieres es que en vez de formar parte del menú lo tengas en un lateral.

vamos a ir por parte

Un buscador grande arriba fijo 

.- Accede a Divi -> Generador de temas.

.- Selecciona Agregar encabezado Global y selecciona la opción Construir encabezado global

screenshot nimbus capture 2020.11.11 17 05 24

Selecciona construir desde cero

screenshot nimbus capture 2020.11.11 17 14 32 (1)

.- Añade una nueva fila con dos bloques, añade la que te marcó en la captura:

screenshot nimbus capture 2020.11.11 17 38 07

.- En la primera columna añade un módulo Imagen y añades el logo:

screenshot nimbus capture 2020.11.11 17 40 14

.- selecciona el Icono + de la segunda columna y añade el buscador

screenshot nimbus capture 2020.11.11 17 42 30

 

.- Añade una nueva fila seleccionado el botón +

screenshot nimbus capture 2020.11.11 17 46 21

.- Selecciona el Ancho Completo

screenshot nimbus capture 2020.11.11 17 48 07

.- Añade un modulo " Menu " 

screenshot nimbus capture 2020.11.11 17 49 30

 

Guarda los cambios.

 

el resultado sería este:

screenshot nimbus capture 2020.11.11 17 51 26

 

Una vez tengamos eso crearemos un menú con las categorias de WooCommerce para añadirlo al sidebar de la web.

 

Primero vemos esto y después pasamos a lo del menú lateral.

 

Un saludo

ResponderCitar
Respondido : 11/11/2020 4:56 pm
JOSE LUIS
 JOSE LUIS
Usuario experto

@pepesoler

Buenos días Pepe,  agradecería continuar este tema contigo, no es que no no esté contenta con la ayuda que tus compañeros me han dado otras veces, pero cuando el hilo es con varias personas distintas me pierdo, que no se moleste nadie, sois fantásticos todos.

Ya he hecho lo que me has dicho y el resultado es este:

constructor de divi

Le he dado a guardar pero no he visto cambios, la vista del encabezado es la de antes. Algo he hecho mal.

constructor de divi 1
ResponderCitar
Respondido : 13/11/2020 11:13 am

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

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Jose Luis.

Ok, seguimos.

Lo primero actualiza todos los plugins que tienes pendientes de actualizar.

Una vez todo actualizado elimina los plugin que no utilices que veo que tienes muchos desactivados.

 

Cuando tengas esto realizado:

.- Accede Varnish Cache y lo desactivas momentaneamente, limpias tambien la cache una vez desactivado:

screenshot mary52.webempresa.eu 2020.11.13 15 36 28

 

Estoy replicando lo que tienes en tu web con una web de pruebas y  el resultado sería este:

screenshot mary52.webempresa.eu 2020.11.13 15 38 00

 

Todo el tema de diseño y colores ya lo veríamos al final.

 

Una vez eso pasaremos al menú del sidebar.

.- Accede apariencia -> menús

.- Pulsa en Crear nuevo menú

.- En nombre de menú añades " menú sidebar " y pulsa en " Crear

screenshot mary52.webempresa.eu 2020.11.13 15 44 18

.- Selecciona en la parte superior " Opciones de pantalla "

screenshot mary52.webempresa.eu 2020.11.13 15 49 01 (1)

.- selecciona " Categoría de Productos "

screenshot mary52.webempresa.eu 2020.11.13 15 51 05

.- Despliega " Categoria de productos " y selecciona todas las categorias o las que quieres que se muestren:

screenshot mary52.webempresa.eu 2020.11.13 15 52 42

Ya tendríamos un menú con las categorías de WooCommerce.

. Edita la página de inicio y en al primera Sección Añade un bloque con sidebar

screenshot mary52.webempresa.eu 2020.11.13 16 36 04

.- En el primer bloque añade un modulo de Menu

screenshot mary52.webempresa.eu 2020.11.13 16 37 33

.- selecciona el menú Sidebar y creas el menu:

 

.- En el siguiente bloque añade un Módulo " tienda "

screenshot mary52.webempresa.eu 2020.11.13 16 43 44

 

Guarda los cambios y el resultado tendría que ser el siguiente:

 

screenshot mary52.webempresa.eu 2020.11.13 16 45 10

 

Si no quieres hacer esto en la web que tienes en producción, puedes clonar la web e ir haciendo las pruebas en ese clon.

 

Un saludo

 

 

 

 

 

 

 

 

 

ResponderCitar
Respondido : 13/11/2020 3:46 pm
JOSE LUIS
 JOSE LUIS
Usuario experto

@pepesoler Hola Pepe!

He actualizado los plugins y borrado los que sé que no uso, he dejado alguno que podría utilizar en un futuro como es el de "Faceboock". He vaciado la caché:

cache

He borrado los datos de navegador del ordenador, y no se que hago mal que la vista de la web a mí no me cambia.

constructor de divi 1

 

ResponderCitar
Respondido : 17/11/2020 12:29 pm

Cursos Gratuitos WordPress

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola jose Luis.

Estoy revisando y no veo que tengas guardado el encabezado.

.- Accede a Divi -> Generador de temas y adjunta una captura, tienes que tener algo como esto:

Recuerda que tienes que guardar las opciones en el generador de temas pulsando en el botón superior.

screenshot mary52.webempresa.eu 2020.11.17 15 02 57

 

Un saludo

 

 

 

ResponderCitar
Respondido : 17/11/2020 2:04 pm
JOSE LUIS
 JOSE LUIS
Usuario experto

Gracias Pepe, ya le he dado a guardar y ya se ve bien. Ahora me gustarías quitar el buscador amarillo y poner la barra azul (Adjunto imagen)que tenia antes, donde estaba la pestaña de "quienes Somos" "Mi cuenta" "finalizar compra" "Carro"

Captura

 

ResponderCitar
Respondido : 18/11/2020 8:47 pm

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

Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Jose Luis,

Te comento que puedes agregar la barra siguiendo un poco lo que hiciste en el generador de temas,

Primero ingresas al que tienes creado y puedes duplicar el que elaboraste si se et es mas facil que partir de 0 puedes hacerlo haciendo click en el botón de clonar:

image

ubicado en tu sección de color azul, que contiene todo. Luego de que se duplique debes eliminar todos los márgenes, para ello la forma mas sencilla seria posicionar el mouse sobre las zonas que te detallo a continuación:

image
image

Al posicionar el mouse sobre estas secciones verás lo que te comparto en las capturas luego achicas este espacio haciendo clic y arrastras hasta que se eliminen los espacios.

Por último puedes ir agregando los elementos, en el lateral derecho puedes agregar un nuevo menú y crear este nuevo con los datos que tenias anteriormente ¿Quiénes somos?, Mi cuenta, Finalizar compra, Carrito.

Y del lado izquierdo puedes agregar un un cuadro de texto, que se representa bajo el módulo de texto, luego de esto haces clic en la configuración del espacio azul:

image

y en la solapa de fondo dentro del contenido seleccionas el color que tenias previamente:

image

Un saludo 🖐️ 

ResponderCitar
Respondido : 18/11/2020 10:53 pm