Módulo Prestashop "Caja HTML" - herramienta para agregar cualquier código (HTML, JavaScript, CSS, etc.) en lugares seleccionados por el usuario. Más de 20 hooks soportados, lo que significa que puedes agregar tu código donde quieras. El módulo soporta cualquier código del lado del cliente, como HTML, HTML5, CSS2, CSS3, JavaScript, jQuery, etc. ¡Con la "Caja HTML" puedes añadir scripts, código, plugins y muchas otras cosas!
¿Quieres añadir algunas imágenes, textos, código HTML, js, css en algún lugar de tu tienda? Con este módulo puedes hacerlo en cuestión de segundos. Este gran complemento es una herramienta multifuncional para agregar cualquier código del lado del cliente donde desees en la interfaz de tu tienda. Con este módulo puedes crear tus propios bloques con texto, imágenes o con widgets de sitios como Facebook (como el plugin de caja de me gusta), Twitter, Pinterest, etc. El procedimiento para agregar código es simple y cualquiera puede hacerlo con la configuración amigable de este módulo.
Posibilidad de usar variables
Una gran y maravillosa función del módulo es la que permite utilizar variables. Las variables serán reemplazadas por algunos valores. Así que es una excelente herramienta para crear y utilizar scripts de códigos de seguimiento. Especialmente para sitios web externos. A continuación, puedes encontrar ejemplos de variables que están disponibles en el módulo. ¡Las próximas versiones del complemento tendrán más variables adicionales!
Variable | Descripción | Reglas de aparición |
{smartyTemplate:XXX} | Este shortcode permite incluir el contenido del archivo .tpl (con código smarty), donde XXX es el nombre del archivo de plantilla creado con el gestor de plantillas smarty incluido en este módulo. | La variable está disponible globalmente. |
{current_url} | Esta variable será reemplazada por la URL completa de la página actualmente vista. | La variable está disponible globalmente. |
{currency_iso} | Esta variable será reemplazada por el código ISO de la moneda (por ejemplo, USD, EUR, PLN, GBP, etc.) | La variable está disponible globalmente. |
{id_customer} | Si usas esta variable, el módulo la reemplazará por el ID del cliente que ha iniciado sesión en la tienda. | La variable será reemplazada solo si el cliente ha iniciado sesión en la tienda. |
{email_customer} | Si usas esta variable, el módulo la reemplazará por el correo electrónico del cliente que ha iniciado sesión en la tienda. | |
{customer_firstname} | Si usas esta variable, el módulo la reemplazará por el nombre del cliente registrado. | |
{customer_lastname} | Si usas esta variable, el módulo la reemplazará por el apellido del cliente registrado. | |
{id_category} | Si usas esta variable, el módulo la reemplazará por el ID de la categoría que el cliente está viendo. | La variable será reemplazada solo si el cliente está navegando por la página de categorías en tu tienda. |
{name_category} | Si usas esta variable, el módulo la reemplazará por el nombre de la categoría que el cliente está viendo. | |
{path_array_category} |
Si usas esta variable, el módulo la reemplazará por un array de categorías padre a la categoría que el cliente está viendo, por ejemplo: 'inicio', 'mujer', 'vestidos', 'vestidos casuales' |
|
{HOOK:hook_name} |
Puedes usar este shortcode para mostrar el contenido de los ganchos dentro del cuadro creado con este módulo. Por ejemplo: {HOOK:leftColumn}, {HOOK:rightColumn}, {HOOK:footer}. {HOOK:displayTop}, etc. |
Puedes usar el shortcode para ejecutar y mostrar el contenido del gancho donde quieras. |
{HOOK:(1):(2)} |
Característica para ejecutar un módulo seleccionado desde un gancho donde (1) es el nombre del gancho y (2) es el nombre del módulo a ejecutar. Por ejemplo: {HOOK:displayProductFooter:productcomments} |
Puedes usarlo en cualquier parte. |
{id_product} |
Esta variable será reemplazada por el ID del producto que se está viendo actualmente (página del producto). |
Las variables están disponibles en la página del producto y en la lista de productos (gancho ejecutado con parámetro ID del producto). |
{id_product_attribute} |
Esta variable será reemplazada por el ID del atributo del producto (si está definido). |
|
{product_name} |
Esta variable será reemplazada por el nombre completo del producto. |
|
{product_ean13} |
Esta variable será reemplazada por el código EAN13 del producto. |
|
{product_isbn} | Esta variable será reemplazada por el código ISBN del producto. | |
{manufacturer_name} |
Esta variable será reemplazada por el nombre del fabricante del producto. |
|
{product_price_tax_incl} |
Precio del producto - impuesto incluido. |
Las variables están disponibles en la página del producto y en la lista de productos (gancho ejecutado con parámetro ID del producto). |
{product_price_tax_incl_no_currency} |
Precio del producto - impuesto incluido - sin símbolo de moneda. |
|
{product_price_tax_excl} | Precio del producto - impuesto excluido. | |
{product_price_tax_excl_no_currency} | Precio del producto - impuesto excluido - sin símbolo de moneda. | |
{product_price_tax_incl*X} | Precio del producto (impuesto incluido o excluido) multiplicado por X (donde X es un número como: 1, 5, 10, 2.5, 0.22, etc.) | |
{product_price_tax_excl*X} | ||
{cart_products_id} |
Esta variable será reemplazada por la lista de números de ID de productos que actualmente están en el carrito. |
Estas variables están disponibles globalmente, pero solo si tienes productos en el carrito. Si el carrito está vacío, el módulo no devolverá valores. |
{cart_total} |
Esta variable será reemplazada por el valor total del carrito (sin símbolo de moneda, solo valor entero simple). |
|
{cart_total_with_currency} |
Esta variable será reemplazada por el valor total del carrito con símbolo de moneda. |
|
{order_id} |
Esta variable será reemplazada por el ID del pedido realizado. |
Puedes usar este shortcode / variable en la página de confirmación del pedido (mientras alguien realiza un pedido y la tienda confirma que el pedido fue realizado correctamente). |
{order_currency_iso_code} |
Esta variable será reemplazada por el código ISO de la moneda que el cliente usó para realizar el pedido. |
|
{order_total_paid} |
Esta variable será reemplazada por el valor total del pedido que el cliente pagó. |
|
{order_total_paid_tax_incl} |
Esta variable será reemplazada por el valor total del pedido con impuestos incluidos que el cliente pagó. |
|
{order_total_paid_tax_excl} | Esta variable será reemplazada por el valor total del pedido sin impuestos que el cliente pagó. | |
{order_total_products_tax_included} | Esta variable será reemplazada por el valor total de los productos del pedido. Este valor incluye impuestos. | |
{order_total_products_tax_excluded} | Esta variable será reemplazada por el valor total de los productos del pedido. Este valor no incluye el valor de los impuestos pagados. | |
{order_products_id} | Esta variable será reemplazada por la lista de productos que el cliente compró (útil para el píxel de Facebook como parámetro content_ids). |
Ejemplos de uso del módulo
Especificaciones del módulo HTML Box Professional:
Funciones y funcionalidades |
|
¿Cuántos lugares diferentes puedes usar? |
ilimitado |
¿Cuántos códigos diferentes puedes usar? |
ilimitado |
Editor WYSIWYG | |
Editor de plantillas Smarty | |
Soporte multilenguaje | |
Lugares disponibles (ganchos) | 20+ |
Soporta ganchos personalizados | |
¿Cuántos ganchos personalizados puede manejar? | ilimitado |
Shortcode {htmlboxpro:XX} para páginas CMS para mostrar el contenido del bloque HTML (con uso de nuestro módulo de productos en cms gratuito ) |
|
Opción de mostrar el bloque "solo para registrados" | |
Opción de mostrar el bloque "solo para no registrados" | |
Opción de mostrar el bloque "para todos los usuarios" | |
Mostrar bloque solo en páginas con certificado SSL | |
Mostrar bloque solo en la página de inicio | |
Mostrar bloque solo en ciertas páginas de productos (puedes definir productos). | |
Puedes excluir el bloque de páginas de productos seleccionadas. | |
Mostrar bloque en la página de producto cuando el valor del producto sea más (o igual) que el valor definido. | |
Mostrar bloque en la lista de productos cerca del producto si el valor del producto es más (o igual) que el valor definido. | |
Mostrar bloque en la página de producto cuando el valor del producto sea menos (o igual) que el valor definido. | |
Mostrar bloque en la lista de productos cerca del producto si el valor del producto es menos (o igual) que el valor definido. | |
Mostrar bloque solo para productos que están agotados o en stock (tanto en la página de productos como en la lista de productos). | |
Mostrar bloque solo si el producto está asociado con categorías seleccionadas. | |
Mostrar bloque solo si el producto está asociado con un fabricante seleccionado. | |
Mostrar bloque solo si el producto está asociado con un proveedor seleccionado. | |
Mostrar bloque solo en ciertas páginas CMS (puedes definir páginas CMS). | |
Mostrar bloque solo en páginas de categoría CMS seleccionadas. | |
Mostrar bloque solo en páginas de fabricante seleccionadas. | |
Mostrar bloque solo en páginas de categoría seleccionadas. | |
Excluir bloque de páginas de categoría seleccionadas. | |
Mostrar bloque cuando alguien busque una frase definida. | |
Posibilidad de ocultar el bloque para un grupo de clientes seleccionado. | |
Mostrar bloque solo en URL seleccionadas. | |
Posibilidad de mostrar bloque solo para un grupo de clientes seleccionado. | |
Posibilidad de usar variables - por ejemplo {id_customer} etc. | |
Mostrar bloque cuando un invitado busque algo. | |
Mostrar bloque solo en un período de fechas seleccionadas. | |
Mostrar bloque solo en tipo de día seleccionado como lunes, sábado, domingo, etc. | |
Mostrar contenido solo si la tienda se navega en la moneda seleccionada. | |
Mostrar contenido personalizado solo si la dirección de entrega apunta al país seleccionado. | |
Mostrar contenido personalizado solo si el visitante es de un país seleccionado (identificación de origen basada en geolocalización). | |
Mostrar bloque solo en un tiempo seleccionado (desde, hasta, entre horas). |
|
Añadir / eliminar muchos bloques en un lugar (gancho). | |
Activar / desactivar bloque dentro de los ganchos. | |
Mostrar / ocultar bloque en dispositivo móvil. | |
Mostrar / ocultar bloque en dispositivo tablet. | |
Mostrar / ocultar bloque en dispositivo PC. | |
Capacidad de cambiar la posición de los bloques dentro de los ganchos. | |
Diccionario de ganchos y descripción. | |
Soporte en línea. | |
Configuración general del módulo. | |
Posibilidad de desactivar el editor TinyMCE. | |
Posibilidad de usar un editor extendido tinymce pro. | |
Posibilidad de prevenir la eliminación de URLs del código. | |
Lugares disponibles (ganchos) para usar. | |
interfaz del cliente Encabezado. | |
interfaz del cliente Superior. | |
interfaz del cliente Columna Izquierda. | |
interfaz del cliente Columna Derecha. | |
interfaz del cliente Pie de página. | |
interfaz del cliente Inicio (página principal). | |
interfaz del cliente producto Extra Izquierda. | |
interfaz del cliente producto Extra Derecha. | |
interfaz del cliente producto Acciones del producto. | |
interfaz del cliente producto Producto agotado. | |
interfaz del cliente producto Pie de producto. | |
interfaz del cliente producto Pestaña de producto. | |
interfaz de pedido del cliente Transporte Extra. | |
interfaz de pedido del cliente Antes del transporte. | |
interfaz de pedido del cliente Pago. | |
interfaz de pedido del cliente Confirmación de pago. | |
Interfaz de pedido del cliente Confirmación de pedido. | |
interfaz de pedido del cliente Pago Superior. | |
interfaz de pedido del cliente Carrito de compra. | |
interfaz de pedido del cliente Carrito de compra Extra. | |
interfaz del cliente Mi cuenta Bloque. | |
interfaz del cliente Cuenta del cliente. | |
interfaz del cliente Registro superior. | |
interfaz del cliente Formulario de registro. |
This is a major update for the HTML Box Pro module, focusing on forward compatibility with the latest e-commerce platform standards. We have dedicated this release to ensuring a seamless experience for merchants upgrading to the newest version of PrestaShop.
[+] NEW:
[!] IMPROVEMENT:
Note: This is a significant version upgrade. Before updating, it is highly recommended to create a full backup of your website and database. Test the new version in a staging environment before deploying it to your live store.
${prefix}
(which should be {$prefix}
in PHP 8.1). getIdProductAttributesByIdAttributes
with the new getIdProductAttributeByIdAttributes
for PrestaShop 8.x. displayOrderConfirmation
hook in PrestaShop 1.7.x. hide_by_geolocation
variable. {product_price_tax_excl}
{product_price_tax_incl}
{product_price_tax_excl*X}
- where x is a number (it will be a math calculation). {product_price_tax_incl*X}
- where x is a number (it will be a math calculation).