Ir al contenido
Menú
Se marcó esta pregunta
1 Responder
2017 Vistas

Hello all,

I need some help with a small HTML customization. 

On our website we have many product variants, and each variant has a SKU or "Internal Reference" number. I would like to display this number on the main product page, so every time someone chooses a different variant, it updates the Internal Reference number so they can specify it in an email.

I have attached a screenshot of what it looks like when you click the "add to cart" popup button on the main shop page, and I want to add/replicate the text circled in red, however I do not know what piece of the HTML creates this. 

Please let me know what the code is and where I can put it on the main product page for it to show up as seen in the second screenshot with the arrow. 


Screenshot 1: see the internal reference circled, and the HTML, which part is it?




Screenshot 2: The arrow is pointing to where I want the internal reference to show, where do I put the code to achieve that? 




Thanks!

Avatar
Descartar
Autor

anyone can help?

Mejor respuesta

Hi,

Add the below code in the HTML/CSS Editor of the Product page as shown in the provided screenshot:
<h1 itemprop="name">
<t t-if="product_variant.default_code"><span t-esc="product_variant.default_code"/></t>
<span t-field="product.name"/>
</h1>


Hope it helps

Avatar
Descartar
Autor

Thanks! Works as far as putting the number on the page. Do you have a way of making it change when I choose a different variant?

Publicaciones relacionadas Respuestas Vistas Actividad
0
dic 24
51
2
mar 24
9801
2
mar 24
1884
1
feb 24
1583
0
mar 15
4992