Ir al contenido
Odoo Menú
  • Iniciar sesión
  • Pruébalo gratis
  • Aplicaciones
    Finanzas
    • Contabilidad
    • Facturación
    • Gastos
    • Hoja de cálculo (BI)
    • Documentos
    • Firma electrónica
    Ventas
    • CRM
    • Ventas
    • PdV para tiendas
    • PdV para restaurantes
    • Suscripciones
    • Alquiler
    Sitios web
    • Creador de sitios web
    • Comercio electrónico
    • Blog
    • Foro
    • Chat en vivo
    • eLearning
    Cadena de suministro
    • Inventario
    • Manufactura
    • PLM
    • Compras
    • Mantenimiento
    • Calidad
    Recursos humanos
    • Empleados
    • Reclutamiento
    • Vacaciones
    • Evaluaciones
    • Referencias
    • Flotilla
    Marketing
    • Redes sociales
    • Marketing por correo
    • Marketing por SMS
    • Eventos
    • Automatización de marketing
    • Encuestas
    Servicios
    • Proyectos
    • Registro de horas
    • Servicio externo
    • Soporte al cliente
    • Planeación
    • Citas
    Productividad
    • Conversaciones
    • Aprobaciones
    • IoT
    • VoIP
    • Artículos
    • WhatsApp
    Aplicaciones externas Studio de Odoo Plataforma de Odoo en la nube
  • Industrias
    Venta minorista
    • Librería
    • Tienda de ropa
    • Mueblería
    • Tienda de abarrotes
    • Ferretería
    • Juguetería
    Alimentos y hospitalidad
    • Bar y pub
    • Restaurante
    • Comida rápida
    • Casa de huéspedes
    • Distribuidora de bebidas
    • Hotel
    Bienes inmuebles
    • Agencia inmobiliaria
    • Estudio de arquitectura
    • Construcción
    • Gestión de bienes inmuebles
    • Jardinería
    • Asociación de propietarios
    Consultoría
    • Firma contable
    • Partner de Odoo
    • Agencia de marketing
    • Bufete de abogados
    • Adquisición de talentos
    • Auditorías y certificaciones
    Manufactura
    • Textil
    • Metal
    • Muebles
    • Comida
    • Cervecería
    • Regalos corporativos
    Salud y ejercicio
    • Club deportivo
    • Óptica
    • Gimnasio
    • Especialistas en bienestar
    • Farmacia
    • Peluquería
    Trades
    • Personal de mantenimiento
    • Hardware y soporte de TI
    • Sistemas de energía solar
    • Zapateros y fabricantes de calzado
    • Servicios de limpieza
    • Servicios de calefacción, ventilación y aire acondicionado
    Otros
    • Organización sin fines de lucro
    • Agencia para la protección del medio ambiente
    • Alquiler de anuncios publicitarios
    • Fotografía
    • Alquiler de bicicletas
    • Distribuidor de software
    Descubre todas las industrias
  • Odoo Community
    Aprende
    • Tutoriales
    • Documentación
    • Certificaciones
    • Capacitación
    • Blog
    • Podcast
    Fortalece la educación
    • Programa educativo
    • Scale Up! El juego empresarial
    • Visita Odoo
    Obtén el software
    • Descargar
    • Compara ediciones
    • Versiones
    Colabora
    • GitHub
    • Foro
    • Eventos
    • Traducciones
    • Conviértete en partner
    • Servicios para partners
    • Registra tu firma contable
    Obtén servicios
    • Encuentra un partner
    • Encuentra un contador
    • Contacta a un consultor
    • Servicios de implementación
    • Referencias de clientes
    • Soporte
    • Actualizaciones
    GitHub YouTube Twitter LinkedIn Instagram Facebook Spotify
    +1 (650) 691-3277
    Solicita una demostración
  • Precios
  • Ayuda

Odoo is the world's easiest all-in-one management software.
It includes hundreds of business apps:

  • CRM
  • e-Commerce
  • Contabilidad
  • Inventario
  • PoS
  • Proyectos
  • MRP
All apps
Debe estar registrado para interactuar con la comunidad.
Todas las publicaciones Personas Insignias
Etiquetas (Ver todo)
odoo accounting v14 pos v15
Acerca de este foro
Debe estar registrado para interactuar con la comunidad.
Todas las publicaciones Personas Insignias
Etiquetas (Ver todo)
odoo accounting v14 pos v15
Acerca de este foro
Ayuda

Cannot import @website_sale/js/utils

Suscribirse

Reciba una notificación cuando haya actividad en esta publicación

Se marcó esta pregunta
javascript
2 Respuestas
681 Vistas
Avatar
Chuck Mako

Hello I am patching WebsiteSale.prototype to modify the behavior of the add to cart button. Everything is working fine except I need to show the little popup when I press add to cart, I see in that by default the button uses updateCartNavBar and showCartNotification but I can't import these functions.

I tried

import { updateCartNavBar, showCartNotification } from "@website_sale/js/website_sale_utils";

or 

import { updateCartNavBar, showCartNotification } from "@website_sale/js/utils";

The former is giving me an error saying updateCartNavBar is not a function and the latter is saying that it cannot import from website_sale/js/utils

Any way I can fix that

0
Avatar
Descartar
Avatar
Cybrosys Techno Solutions Pvt.Ltd
Mejor respuesta

Hi,


The issue is the method of importing.Please import and use them using the reference given

import wSaleUtils from "@website_sale/js/website_sale_utils";

wSaleUtils.updateCartNavBar(data);

wSaleUtils.showCartNotification(callService, data.notification_info);


Hope it helps.

0
Avatar
Descartar
Chuck Mako
Autor

I don't seem to have access to callService in my patch

Chuck Mako
Autor

Nevermind I managed to make it work, thanks for your answer

Avatar
Chuck Mako
Autor Mejor respuesta

Anyone has an idea? I'm using Odoo 18, I have imported website_sale in manifest, I have imported my js file into frontend assets but it still doesn't work

0
Avatar
Descartar
Codesphere Tech

Have you tried this ?
import { CartNotification } from "@website_sale/js/notification/cart_notification/cart_notification";

Chuck Mako
Autor

Unless I'm mistaken, since I'm patching the legacy AddToCart widget I cannot use Owl components or services to create the notification?

Codesphere Tech

Yes, but could you tell me what you're trying to customize? Maybe I can help.

Chuck Mako
Autor

Basically I'm patching the AddToCart button to add extra parameters to the rpc call since I have added extra inputs to the product page. I had to do this because I had to override the controller in the backend and control the variant creation process.

patch(WebsiteSale.prototype, {
async _onClickAdd(ev) {
const form = this.el

ev.preventDefault();
ev.stopPropagation();

const res = await rpc("/shop/cart/update_json", payload);
},
});

Codesphere Tech

So you want to stop for a second while adding a product into cart, right? Share me the xml snippet or requirement here?

Chuck Mako
Autor

Everything works as far as what the add to cart button does, I call the backend and add the product to cart, I just need to show the cart notification when the button is clicked

Codesphere Tech

Ok like mini cart open when we add the product into cart?

Chuck Mako
Autor

Yes exactly the notification you get at the top right of the screen

Codesphere Tech

Ok for that, you need to changes inside the JS and XML like below(just sample):
<template id="product_review_form" inherit_id="website_sale.product" priority="20">
<form id="valid_review" t-attf-action="/submit_review/#{product.id}" method="POST" class="mt-2">
<input type="email" class="form-control email_submit" name="email_product" required=""
data-fill-with="email"/>
<button type="button" t-att-data="product.id" name="send_email" class="btn btn-primary mt-2">Send Email</button>
</form>
publicWidget.registry.AdvanceFormSwitcher = publicWidget.Widget.extend({
selector: '#valid_review',
events: {
'click button[name="send_email"]': '_sendEmail',
_sendEmail(ev){
your custom code here for open a popup..
}

¿Le interesa esta conversación? ¡Participe en ella!

Cree una cuenta para poder utilizar funciones exclusivas e interactuar con la comunidad.

Registrarse
Publicaciones relacionadas Respuestas Vistas Actividad
Error While Installing Accounting Module in Odoo 19 Enterprise (Works on Another PC)
javascript
Avatar
0
nov 25
195
Cómo cerrar una transferencia interna al recibirla desde la vista de código de barras stock.picking
javascript
Avatar
0
jul 25
1166
Why use the Lazy Translation function _lt()
javascript
Avatar
Avatar
1
jul 25
6490
How to use ReactJS and Next.js to build a fully customizable, open-source headless frontend for Odoo
javascript
Avatar
0
jul 25
2303
Odoo 18 custom event(s) within a JavaScript form controller
javascript
Avatar
0
jun 25
2252
Comunidad
  • Tutoriales
  • Documentación
  • Foro
Código abierto
  • Descargar
  • GitHub
  • Runbot
  • Traducciones
Servicios
  • Alojamiento en Odoo.sh
  • Soporte
  • Actualizaciones del software
  • Desarrollos personalizados
  • Educación
  • Encuentra un contador
  • Encuentra un partner
  • Conviértete en partner
Sobre nosotros
  • Nuestra empresa
  • Activos de marca
  • Contáctanos
  • Empleos
  • Eventos
  • Podcast
  • Blog
  • Clientes
  • Legal • Privacidad
  • Seguridad
الْعَرَبيّة Català 简体中文 繁體中文 (台灣) Čeština Dansk Nederlands English Suomi Français Deutsch हिंदी Bahasa Indonesia Italiano 日本語 한국어 (KR) Lietuvių kalba Język polski Português (BR) română русский язык Slovenský jazyk slovenščina Español (América Latina) Español ภาษาไทย Türkçe українська Tiếng Việt

Odoo es un conjunto de aplicaciones de código abierto que cubren todas las necesidades de tu empresa: CRM, comercio electrónico, contabilidad, inventario, punto de venta, gestión de proyectos, etc.

La propuesta única de valor de Odoo es ser muy fácil de usar y estar totalmente integrado.

Sitio web hecho con

Odoo Experience on YouTube

1. Use the live chat to ask your questions.
2. The operator answers within a few minutes.

Live support on Youtube
Watch now