# Service Implementation (Script) ### 1. Creating the Necessary HTML Elements Add the HTML elements below to your pages, depending on which Fashion Hub modules your store will support:
Element PurposeHTML SnippetMandatory
Container for Fashion Hint – Similar

<div id="fashion-hint-similar"></div>
Yes (if Fashion Hint is contracted)
Container for Fashion Hint – Complementary

<div id="fashion-hint-complementary"></div>
Yes (if Fashion Hint is contracted)
Open Image Search button

<button id="openSearchModalButton">Search by Image</button>
Yes (if Image Search is contracted)
Open Image Search using the currently viewed product as the context
<div class="resultsButtonsWrapper">
  <button class="openResultsModalButton" data-tab="similar">Similar</button>
  <button class="openResultsModalButton" data-tab="complementary">Complementary</button>
</div>
Yes (if Image Search is contracted and you intend to display the additional CTAs)
Modal for Image Search

<div class="modal" id="imageSearchModal">
  <div class="modal-content small">
    <button class="close-button" id="closeSearchModalButton">&times;</button>
  </div>
</div>

Yes (if Image Search is contracted)
Modal for Image Search Results

<div class="modal" id="imageSearchResultsModal">
  <div class="modal-content large">
    <button class="close-button" id="closeResultsModalButton">&times;</button>
  </div>
</div>
Yes (if Image Search is contracted)
### 2. Script Injection To enable Sizebay's features on your store, you must include the following script in the `` of your HTML: ```html ``` > Replace `TENANT_ID` with your actual tenant ID. If you don't have it, please contact our team.\ > This script is required for the initialization of all Fashion Hub modules. --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.sizebay.com/fashion-hub/service-implementation-script.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.