コンテンツへスキップ
メニュー
この質問にフラグが付けられました
1 返信
2083 ビュー

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!

アバター
破棄
著作者

anyone can help?

最善の回答

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

アバター
破棄
著作者

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?

関連投稿 返信 ビュー 活動
0
12月 24
51
2
3月 24
9952
2
3月 24
1913
1
2月 24
1627
0
3月 15
5027