View Categories

Modificar sección destacada página inicio

3 minutos de lectura

Modificar sección destacada página inicio

Revisamos la sección destacada que va ser modificada.

Ypsilon-seccion-destacada
Figura 1.0 Sección destacada.

 

Se debe crear una Imagen de fondo con las siguientes dimensiones:

  • Ancho:              674 px
  • Alto:                  471 px
ypsilon-fondo-amarillo
Figura 2.0 Imagen de fondo.

 

Se debe crear una Imagen de la sección destacada con las siguientes dimensiones:

  • Ancho:              286 px
  • Alto:                  262 px
ypsilon-banner-pallet-antiderrame
Figura 3.0 Imagen de la sección.

 

Seleccionamos la opción en el menú como se visualiza en la Figura 4.0.

Páginas > Todas las páginas

menu-paginas-todas-las-paginas
Figura 4.0  Todas las páginas

 

Buscamos la página Inicio donde esta la sección destacados que va ser  modificada de la Figura 1.0 dar click en la opción Edit with WPBakery Page Builder para modificar el contenido de la sección destacados.

pagina-inicio-seccion-destacado
Figura 5.0 Dar click en la opción Edit with WPBakery Page Builder.

 

Podemos modificar el botón NUEVO!, el título PALLET y el subtitulo ANTIDERRAME, cuando nos posicionamos sobre uno de ellos  en el recuadro de la opción Heading y posteriormente damos click en el botón del icono del lápiz (Editar Heading) como se visualiza en la Figura 6.0.

Ypsilon-seccion-uno-destacada
Figura 6.0 Dar click en la opción Editar Heading.

Cambios el contenido del botón NUEVO! y el enlace debe hacer referencia a la categoría del producto de la sección, como se visualiza en  la Figura 7.0.

Ypsilon-seccion-uno-destacada-editar-contenido
Figura 7.0 Dar click en la opción del botón Guardar Cambios.

 

Cambiar el link del botón Comprar ahora para que redireccione a la página del enlace como se visualiza en la Figura 8.0.

Ypsilon-seccion-uno-destacada-editar-boton
Figura 8.0 Dar click en la opción del botón Editar Button.

 

Cambiamos el link del botón como se visualiza en la Figura 9.0.

Ypsilon-seccion-uno-destacada-editar-boton-enlace
Figura 9.0 Dar click en la opción del botón Guardar Cambios 

 

Para cambiar le fondo de la sección e imagen dar click en la opción Editar Banner como se visualiza en la Figura 10.0.

Ypsilon-seccion-uno-destacada-editar-banner
Figura 10.0 Dar click en la opción Editar Banner. 

 

Para cambiar el fondo del banner de la sección debemos eliminar el Background image y agregar la nueva imagen que tiene las dimenciones de la Figura 2.0 que fue creada anteriormente, como se visualiza en la Figura 11.0.

Ypsilon-seccion-uno-destacada-editar-fondo-banner
Figura 11.0 Dar click en la opción Guardar Cambios. 

 

Para cambiar la imagen del banner de la sección debemos eliminar el Banner image y agregar la nueva imagen que tiene las dimenciones de la Figura 3.0 que fue creada anteriormente, como se visualiza en la Figura 12.0.

Ypsilon-seccion-uno-destacada-editar-imagen-banner
Figura 12.0 Dar click en la opción Guardar Cambios. 

 

Una vez realizado todos los cambios en la sección destacados damos click en el botón actualizar como se visualiza en la Figura 13.0.

Ypsilon-seccion-uno-destacada-actualizar-banner
Figura 13.0 Actualizar Sección Banner destacados.

De esta forma se guarda todo el contenido de la sección de destacados que se esta modificando.