WoodMart Page Sidebar Layout Switching Tutorial Completo

Al crear una tienda WooCommerce o un blog con el tema WoodMart, la disposición de la barra lateral tiene un impacto directo en el diseño de la página, la visualización de los módulos y la eficacia de la conversión.WoodMart Ofrece una potente función de personalización del diseño, soporte para cambiar fácilmente las posiciones de la barra lateral izquierda y derecha, e incluso configurar diferentes páginas con diferentesuna barra lateral (en software)Ubicación.

Si desea cambiar la barra lateral de la derecha a la izquierda o habilitar la barra lateral sólo en determinadas páginas, este tutorial le mostrará cómo hacerlo paso a paso.

Imagen[1]-WoodMart Page Sidebar Layout Switching Full Tutorial

I. Ajustes a nivel de página: cambiar las barras laterales izquierda y derecha de cada página

Procedimiento operativo:

  • Vaya a la lista de páginas en el backend y edite la página que necesita cambiar (por ejemplo, tienda, blog, etc.)
  • Desplácese hacia abajo para encontrar el Disposición
    • Con barra lateral izquierda (Sidebar Left)
    • Con barra lateral derecha (Sidebar Right)
    • Sin barra lateral (ancho completo)
  • Después de seleccionar el diseño que desea, haga clic en "Actualizar" en la esquina superior derecha para guardarlo.
Imagen [2]-WoodMart Page Sidebar Layout Switching Full Tutorial

Consejo: Esta configuración sólo afecta a la página actual, y es adecuada para personalizar el diseño de la página de inicio, la página de la tienda, la página de inicio del blog, etc.

Dos,Entradas de blogAjustar la posición de la barra lateral

Artículo único:

  1. Al igual que con las páginas, la edición de un artículo concreto
  2. Se encuentra al final de la página Barra lateral
  3. Establecer el diseño de la barra lateral izquierda o derecha

Página de archivo general del blog:

  1. Backend → WoodMart → Configuración del tema
  2. entrar en Blog → Diseño del blog
  3. Configure el diseño de la página del blog:
    • Left Sidebar (Barra lateral izquierda)
    • Barra lateral derecha (Right Sidebar)
    • Ancho completo (sin barra lateral)
Imagen [3]-WoodMart Page Sidebar Layout Switching Full Tutorial

En tercer lugar, la configuración de la página de la tienda (Shop Page)

  1. Backstage → WoodMart → Configuración del tema
  2. localice Tienda → Diseño de la tienda
  3. establecer Posición de la barra lateral Para:
    • Izquierda
    • Derecha
    • Sin barra lateral
  4. Guardar ajustes
Imagen [4] - WoodMart Page Sidebar Layout Switching Full Tutorial

Esto afecta a la estructura de diseño de toda la página de la tienda y las páginas de archivo y es perfecto para unificar el estilo del centro comercial.

Cambiar de diseño de página con Elementor

Si la página se edita a través de Elementor, se recomienda estar en Elementor:

  • Haga clic en Sección en la parte superior de la página.
  • Seleccione la estructura de dos columnas en "Diseño".
Imagen [5]-WoodMart Page Sidebar Layout Switching Full Tutorial
  • Arrastre el gadget "Sidebar" a la posición que desee colocarlo (izquierda o derecha).
Imagen [6] - WoodMart Page Sidebar Layout Switching Full Tutorial

Sin embargo, el diseño gratuito de Elementor no se ve afectado por la configuración de páginas de WoodMart y es adecuado para páginas personalizadas.

Preguntas más frecuentes (FAQ)

P: ¿Qué debo hacer si la barra lateral no aparece después de cambiar?
R: Asegúrate de haber especificado el contenido de la barra lateral para la página o categoría en el widget backend y de haber seleccionado la estructura de diseño correcta.

P: No quiero tener barra lateral en la página de inicio, ¿es correcto tener barras laterales en otras páginas?
R: Por supuesto, WoodMart permite configurar el diseño de cada página individualmente.

P: ¿Se puede ocultar automáticamente la barra lateral en los móviles?
R: Soporte, actívelo en la configuración del tema.receptivocontrol, la barra lateral se moverá automáticamente hacia abajo o se ocultará bajo móvil.

resúmenes

Ya sea una página de centro comercial, una página de categoría, un blog o unPáginas personalizadasWoodMart ofrece una forma intuitiva y flexible de cambiar entre los diseños de la barra lateral izquierda y derecha. En unos pocos pasos, se pueden ajustar fácilmente según el propósito y el diseño visual de la página, mejorando la estética general y la usabilidad.

Si desea personalizar aún más el contenido de la barra lateral, también puede combinarlo con los plugins Elementor, Widget o plantillas personalizadas para obtener más combinaciones de diseño.


Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas
Servicio de atención al cliente WeChat
Servicio de atención al cliente WeChat
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) Correo electrónico: info@361sale.com
Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres
© Declaración de reproducción
Este artículo ha sido escrito por Little Lin
EL FIN
Si le gusta, apóyela.
felicitaciones766 compartir (alegrías, beneficios, privilegios, etc.) con los demás
comentarios compra de sofás

Por favor, inicie sesión para enviar un comentario

    Sin comentarios