Topico

Crear un tema de formulario de pedido

Introducción

Los temas del formulario de pedido le permiten personalizar la apariencia de un formulario de pedido para que coincida con su estilo y marca. Hay varios temas pre-diseñados para elegir o puedes crear y modificar tus propios temas.

Instrucciones paso a paso

1 - Ir a E-Commerce> Configuración de comercio electrónico

2 - Haga clic en Temas de formulario de pedido en la sección Diseño.

3 - Haga clic en el botón Crear nuevo tema.

4 - Elija un diseño de una o dos columnas.

Puede desplazarse sobre la miniatura para ver más información.

5 - Elija un tema existente para utilizarlo como tema base.

Haga clic en el botón "Usar este tema" para seleccionar el tema a utilizar.

6 - Asigne un nombre al tema y haga clic en Guardar.

7 - Cargue la imagen del logotipo de su empresa que estará presente en el área de banner superior del formulario de pedido.

Tenga en cuenta que los banners mostrarán un ancho máximo de 960 píxeles.
Haga clic en Editar y luego en Examinar. Una vez que haya elegido la imagen que desea utilizar, haga clic en Guardar.

8 - (Opcional) Haga clic en la pestaña Áreas HTML.

Las áreas HTML le permiten personalizar diferentes ubicaciones del formulario de pedido con su propio HTML personalizado. Cada área va acompañada de una imagen en miniatura que ilustra la ubicación exacta, así como un botón Vista previa y Guardar. Esta sección requiere conocimientos avanzados de HTML.

ProTips!
Algunos temas incluirán imágenes de muestra precargadas en el diseño. Ir a las áreas HTML para cambiar las imágenes a través de código o eliminar el código por completo para eliminar las imágenes de muestra.

9 - (Opcional) Haga clic en la pestaña Etiquetas.

Esto le da la flexibilidad para cambiar los nombres de etiqueta predeterminados en el formulario de pedido.

10 - (Opcional) Haga clic en la pestaña Editar CSS.

Esta sección permite a un desarrollador web personalizar el diseño para que coincida con su sitio web. También permite más diseños personalizados y complejos. Esta sección requiere conocimientos avanzados de CSS.

¡Advertencia! - Si se cambia el CSS por un tema, ¡esos cambios se aplicarán a todos los formularios de pedido que utilicen ese tema!

La ficha Editar CSS se divide en dos secciones: Aspecto CSS y Diseño CSS.

- Appearance.css controla los colores, las fuentes, las fronteras, las imágenes de fondo y los colores de fondo. Contiene las subsecciones siguientes:
     - Rejilla del producto
     - Formularios
     - Upsells
     - Tipografía
     - Enlaces y botones
     - Miscelánea

- Layout.css controla los márgenes, el relleno, el ancho, la altura, el posicionamiento, los flotadores y la alineación. Contiene las subsecciones siguientes:
     - Rejilla del producto
     - Áreas HTML
     - Formularios
     - Campos y etiquetas del formulario
     - Mesas
     - Upsells
     - Tipografía
     - Enlaces y botones

Puede cambiar la fuente a otra Fuente de Google reemplazando el enlace o eliminar completamente esta línea y elegir una fuente web estándar como Georgia o Verdana. Esto se puede lograr cambiando las fuentes especificadas en Appearance.css.

El formulario de pedido contiene un encabezado, un área de contenido y un pie de página. También puede contener una columna derecha dependiendo del diseño elegido. Puede crear su propio encabezado personalizado insertando el HTML apropiado en Encabezado personalizado en la ficha "Áreas HTML" o reemplazando la imagen de encabezado actual en la ficha Imágenes.

Esta es la estructura de código básica de un formulario de pedido:

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *