Guides

Customizing Color Types in Collection

Suggest Edits

πŸ“˜

If you need to change the color theme of the Collection view, please contact your Mobidoo representative.

πŸ“¨ E-mail

πŸ”” Kakao Talk

Usage

When using the Collection module, you can change the overall theme color of the Collection view.
After declaring the module, trigger one of the following events to apply the desired theme.
The theme will be updated based on the color scheme agreed upon with your Mobidoo representative.

 dispatchEvent(window.flexCollectThemeTypB)
 /** This event function applies a custom Collection theme color as configured with Mobidoo. */

 dispatchEvent(window.flexCollectThemeTypeA)
 /** This event function resets the Collection theme to its default color.  */

Example Usage

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id='sauce_collect'></div>
</body>
  <script type="text/javascript" src="https://collection.sauceflex.com/static/js/SauceWebLib.js"></script>
<script>
  
  window.addEventListener('DOMContentLoaded',()=>{   
     window.SauceWebLib.setInit({ partnerId:  'service1234' });
     window.SauceWebLib.setMemberToken(JWT:string)
     window.SauceWebLib.load() //default 'sauce_collect'
     dispatchEvent(window.flexCollectThemeTypB)
   })
</script>
</html>

Updated 13 days ago