Para personalizar el diseño de tus notas de venta, lo puedes hacer haciendo uso de las variables predefinidas.

Lenguaje utilizado: HTML, CSS y Smarty

Variables que se pueden utilizar :

{

// datos generales de la cotizacion

 

"doc_id": "",

"doc_tipo": "",

"doc_tipo_nombre": "",

"doc_folio": ",

"doc_folio": " Folio autocorrelativo de la cotizacion",
"doc_fecha_ingreso": " fecha ingreso de la cotizacion",
"doc_hora_ingreso": " Hora ingreso de la cotizacion",
"doc_fecha_emision": "21-11-2019",
"doc_fecha_vencimiento": "06-12-2019",
"doc_dias_validez": 15,

"doc_fecha_entrega": "",

"doc_hora_entrega": "",

 

"doc_total_subtotal": "32000",
"doc_total_descto_porciento": "0", // Se refiere al descuento global en porcientos
"doc_total_descto_pesos": "0", // Se refiere al descuento global en pesos
"doc_total_exento": "0", 
"doc_total_neto": "32000",
"doc_total_iva": "6080",

"doc_total_ia": "0", // Se refiere al total impuestos adicionales
"doc_total": "38080",

"doc_observaciones": "PLAZO DE ENTREGA 3 DIAS",

"doc_total_peso_kg": ""

 

// datos del cliente

"cliente_rut": "93.751.000-4",
"cliente_razon_social": "",
"cliente_giro": "",
"cliente_direccion_principal": "",
"cliente_comuna_principal": "",
"cliente_region_principal": "",
"cliente_direccion": "",
"cliente_comuna": "",
"cliente_region": "",
"cliente_contacto": "",
"cliente_telefono": "",
"cliente_email": "",

// datos de la empresa emisora

"empresa_logotipo": "",
"empresa_razon_social": "",
"empresa_rut": "",
"empresa_giro": "",
"empresa_telefono": "",
"empresa_email": "",
"empresa_website": "",
"empresa_direccion": "",
"empresa_comuna": "",
"empresa_region": "",

// datos de los items de la cotizacion

"doc_detalle": [
{

"linea": "1", // autocorrelativo con el numero del item
"sku": "codigo sku del item",
"nombre": "nombre del item ",
"descripcion": "", // descripcion del item ingresada
"unidad_medida": "UN",
"imagen": "", // ruta de la imagen del item 
"exento": "0",
"cantidad": "1",
"precio": "0",
"descuento_porciento": "0",
"descuento_pesos": "0",
"subtotal": "",
"precio_bruto": "",
"descuento_pesos_bruto": "",
"subtotal_bruto": ""

"producto_id': "",
"producto_tipo': "",
"producto_tipo_nombre': "",

"categoria": "",
"categoria_nombre": "",

"subcategoria": "",
"subcategoria_nombre": "",

"fabricante": "",
"fabricante_nombre": "",

"producto_peso_fisico": "",
"producto_largo": "",
"producto_ancho": "",
"producto_alto": "",

}
],

 

// datos de las referencias

"doc_detalle_referencia": [{
'ref_linea' : ''",
'ref_tipodcto' : ''",
'ref_tipodcto_nombre' : ''",
'ref_folio' : ''",
'ref_fecha' : ''",
'ref_razon' : ''",
'ref_codigo' : ''",
},

 

// datos de los pagos asociados

"doc_detalle": [
{

"pago_linea": "",
"pago_fecha": "",
"pago_fecha_ingreso": "",

"pago_monto": "",
"pago_monto_sin_flujo": "",
"pago_monto_por_pagar": "",

"pago_no_genera_flujo": "",

"pago_forma_id": "",
"pago_forma": "",
"pago_detalle": "",

},

// datos del usuario emisor

"usuario_nombre": "Nombre del usuario que emite el dcto",
"usuario_email": "Email del usuario",
"usuario_telefono": "225884499",
"usuario_celular": "225884499",
"usuario_firma_digital": "Imagen de la firma del usuario que emite el dcto"
}

 

---

Ejemplo de uso en el editor:

Las variables smarty se usan con llaves : {$nombre_variable_a_usar} Ejemplo:  {$empresa_giro}

{html_image file="{$empresa_logotipo}"}  crea una imagen con el logotipo de la empresa.

también se puede usar como  < img src="{$empresa_logotipo}" / >

 

Para mostrar los items se usa el loop:

{section name=detail loop=$doc_detalle}

    {$doc_detalle[detail].sku}

{/section}