Skip to Content
Menu
This question has been flagged
1 Reply
1898 Views

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
Discard
Author

anyone can help?

Best Answer

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
Discard
Author

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?

Related Posts Replies Views Activity
0
Dec 24
51
2
Mar 24
9337
2
Mar 24
1715
1
Feb 24
1420
0
Mar 15
4879