Passa al contenuto
Menu
È necessario essere registrati per interagire con la community.
La domanda è stata contrassegnata
1 Rispondi
2070 Visualizzazioni

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
Abbandona
Autore

anyone can help?

Risposta migliore

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
Abbandona
Autore

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?

Post correlati Risposte Visualizzazioni Attività
0
dic 24
51
2
mar 24
9929
2
mar 24
1906
1
feb 24
1623
0
mar 15
5011