Skip to Content
This question has been flagged
v8
1 Reply
2073 Views
Avatar
Tom Harly

Hi everyone,

I run a tool-based site https://whitescreentest.net/ that allows users to test screens using full-screen white, black, and other color backgrounds—useful for spotting dead pixels, screen tint, etc.

I'm looking to integrate a similar tool into an Odoo Website for product display testing (e.g., showcasing monitors or screens). Specifically, I want to:

  • Embed a full-screen color tool into a product page
  • Allow users to choose from preset colors or custom RGB values
  • Enable a click-to-fullscreen feature for the display area
  • Possibly log or track usage sessions (optional)

Has anyone here integrated custom interactive tools into an Odoo website like this? Would it be better to use a custom module, or can this be handled via embedded JavaScript/HTML in Odoo's website builder?

Avatar
Discard
Avatar
D Enterprise
Best Answer

Create a Custom Snippet or Embed Code

Use the Website → Edit → HTML/Embed Code block to paste your custom tool’s HTML/JS.
Example:
​<div id="colorDisplay" style="width:100%;height:100vh;background:#ffffff;cursor:pointer;" onclick="toggleFullscreen(this)">

</div>


<div style="margin-top:20px;">

  <label>Pick a Color: </label>

  <input type="color" id="colorPicker" onchange="changeColor(this.value)">

  <label> or enter RGB: </label>

  <input type="text" id="rgbInput" placeholder="#FFFFFF" oninput="changeColor(this.value)">

</div>


<script>

function changeColor(color) {

  document.getElementById("colorDisplay").style.background = color;

}

function toggleFullscreen(elem) {

  if (!document.fullscreenElement) {

    elem.requestFullscreen().catch(err => alert(err.message));

  } else {

    document.exitFullscreen();

  }

}

</script>

i hope it is usefull

Avatar
Discard
Related Posts Replies Views Activity
How do you implement the Associations: Members website module? Solved
v8
Avatar
Avatar
Avatar
3
जुल॰ 25
9854
Odoo V8 integrate with Microsoft O365 Email
v8
Avatar
0
जन॰ 24
2684
What is the use of __init__() and init() in odoo ?When We can use them ? Solved
v8
Avatar
Avatar
1
फ़र॰ 22
25217
Message attachment size limit Solved
v8
Avatar
Avatar
Avatar
5
दिस॰ 21
17773
Unable to assign a stock location to a new warehouse.
v8
Avatar
0
दिस॰ 20
5291