2- 3 April 2025 | ExCeL London
Register free today
Book a Stand
Home
Visit
Show submenu for: Visit
Exhibitor List
Why Visit
Venue & Travel
Event News
Event App
2024 Highlights
FAQ's
Exhibit
Show submenu for: Exhibit
Why Exhibit
Who Attends
Request Exhibitor Brochure
Request 2025 Floorplan
Sponsorship
Are You a Start-up
Exhibit in 2025
What's on
Show submenu for: What's on
Cutting-edge Suppliers
Show submenu for: Cutting-edge Suppliers
Start-up Superstars
French RetailTech Hub
Retail AI Council Pavilion
MACH Alliance
Retail Futures
Innovation Trail & Awards
Networking Opportunities
Show submenu for: Networking Opportunities
The BIG Retail Party
Retailers Lounge
Recharge Cafe Bar
London Store Tours
Special Events
Event App
Conference
Show submenu for: Conference
2025 Conference Outline
2025 Agenda
2025 Speakers
2025 Tech Talks
Exhibitors
Show submenu for: Exhibitors
Exhibitor List
Exhibitor Products
Exhibitor News
Exhibitor Videos
Exhibitor Zone Login
Insight
Show submenu for: Insight
Advisory Board
Partners & Associations
Industry Insights
5 Minutes With
Contact Us
Show submenu for: Contact Us
Contact Us
Heart Of The Industry
Our Story
More
Show more menu items
Home
Visit
Show submenu for: Visit
Exhibitor List
Why Visit
Venue & Travel
Event News
Event App
2024 Highlights
FAQ's
Exhibit
Show submenu for: Exhibit
Why Exhibit
Who Attends
Request Exhibitor Brochure
Request 2025 Floorplan
Sponsorship
Are You a Start-up
Exhibit in 2025
What's on
Show submenu for: What's on
Cutting-edge Suppliers
Show submenu for: Cutting-edge Suppliers
Start-up Superstars
French RetailTech Hub
Retail AI Council Pavilion
MACH Alliance
Retail Futures
Innovation Trail & Awards
Networking Opportunities
Show submenu for: Networking Opportunities
The BIG Retail Party
Retailers Lounge
Recharge Cafe Bar
London Store Tours
Special Events
Event App
Conference
Show submenu for: Conference
2025 Conference Outline
2025 Agenda
2025 Speakers
2025 Tech Talks
Exhibitors
Show submenu for: Exhibitors
Exhibitor List
Exhibitor Products
Exhibitor News
Exhibitor Videos
Exhibitor Zone Login
Insight
Show submenu for: Insight
Advisory Board
Partners & Associations
Industry Insights
5 Minutes With
Contact Us
Show submenu for: Contact Us
Contact Us
Heart Of The Industry
Our Story
More
Show more menu items
Home
Visit
Show submenu for: Visit
Exhibitor List
Why Visit
Venue & Travel
Event News
Event App
2024 Highlights
FAQ's
Exhibit
Show submenu for: Exhibit
Why Exhibit
Who Attends
Request Exhibitor Brochure
Request 2025 Floorplan
Sponsorship
Are You a Start-up
Exhibit in 2025
What's on
Show submenu for: What's on
Cutting-edge Suppliers
Show submenu for: Cutting-edge Suppliers
Start-up Superstars
French RetailTech Hub
Retail AI Council Pavilion
MACH Alliance
Retail Futures
Innovation Trail & Awards
Networking Opportunities
Show submenu for: Networking Opportunities
The BIG Retail Party
Retailers Lounge
Recharge Cafe Bar
London Store Tours
Special Events
Event App
Conference
Show submenu for: Conference
2025 Conference Outline
2025 Agenda
2025 Speakers
2025 Tech Talks
Exhibitors
Show submenu for: Exhibitors
Exhibitor List
Exhibitor Products
Exhibitor News
Exhibitor Videos
Exhibitor Zone Login
Insight
Show submenu for: Insight
Advisory Board
Partners & Associations
Industry Insights
5 Minutes With
Contact Us
Show submenu for: Contact Us
Contact Us
Heart Of The Industry
Our Story
More
Show more menu items
Register Free Today
Book A Stand
Home
Exhibitor Videos
Zipline: Helzberg Diamonds Case Study
Exhibitor Videos
Zipline: Helzberg Diamonds Case Study
Retail Zipline
Stand:
S35
<div class="m-libraries-videos-entry__item__body__description"> <p>Helzberg Diamonds, a 163-store jewelry retailer, was struggling with fragmented communication and inconsistent task management—until they found Zipline. Now, with a single source of truth, store teams can easily access the right information at the right time, eliminating redundancies and improving execution. Collaboration has skyrocketed, time spent chasing answers has plummeted, and store associates feel more connected to corporate than ever before. Hear firsthand how Zipline has become the “crown jewel” of Helzberg’s operations! 💎</p> </div> <div class="m-libraries-videos-entry__item__body__additional"> </div> </div> <div class="m-libraries-videos-entry__item__comments"> </div> <div class="m-libraries-videos-entry__item__share"> <script> if ( window.showoff ) { window.showoff.translations.widgets.share = {"message":"","copyurl":"Copy URL","cb_shareemail_message":"Message","cb_shareemail_emailto":"To:","cb_shareemail_submit":"Send Email","cb_shareemail_replyTo":"From:","cb_shareemail_replyTo_hint":"The email the recipient can reply to","viaurl":"Share via URL","cb_shareemail_subject":"Have a look at our page!","title":"Share","viasocialmedia":"Share via social media","cb_shareemail_body":"A page has been shared with you! Have a look at our page:","cb_shareemail_emailto_hint":"The email of the recipient"}; } </script> <div class="w-share w-share--overlay js-share-overlay"> <div class="widget-share js-share-wrapper"> <ul class="widget-share__list"> </ul> </div> </div> </div> </div> <div class="m-libraries-videos-entry__navigation u-text-align-center"> <div class="w-button w-button--style-1 w-button--style-1--align-center w-button--style-1--size-normal w-button--style-1--width-auto"><a class="w-button__button " href="exhibitor-videos" target=""><span class="w-button__button__text">View All</span></a></div> </div> <div class="m-libraries-videos-entry__pagination"> <div class="pagination pagination--entry js-pagination js-library-entry-pagination" searchgroup="libraryentry-exhibitor-videos" data-cachestatic="0"> <ul class="pagination__list"><li class="pagination__list__item"><a href="exhibitor-videos/cust2mate-30-smart-cart-digitizing-store-shopping-experience" data-entryid="124885" data-page="72" class="pagination__list__item__link pagination__list__item__link--previous" title="Previous Page"><span class="pagination__list__item__link__icon"></span><div class="pagination__list__item__link__preview"><span class="pagination__list__item__link__field-1" data-next="Next" data-prev="Previous">Cust2Mate 3.0 Smart Cart - Digitizing the in store shopping experience</span><span class="pagination__list__item__link__field-2" data-next="Next" data-prev="Previous"><div class="pagination__list__item__link__field-2__thumbnail" style="background-image: url();"></div></span></div></a></li><li class="pagination__list__item"><a href="exhibitor-videos/meet-zipline" data-entryid="124879" data-page="74" class="pagination__list__item__link pagination__list__item__link--next" title="Next Page"><span class="pagination__list__item__link__icon"></span><div class="pagination__list__item__link__preview"><span class="pagination__list__item__link__field-1" data-next="Next" data-prev="Previous">Zipline: Meet Zipline</span><span class="pagination__list__item__link__field-2" data-next="Next" data-prev="Previous"><div class="pagination__list__item__link__field-2__thumbnail" style="background-image: url();"></div></span></div></a></li></ul> </div><script type='text/javascript'>$script('/__includes/js/librarysearch.js');</script> </div> <div class="m-libraries-videos-entry__loading"> <div class="p-loader p-loader--overlay js-w-library-loading" searchgroup="libraryentry-exhibitor-videos"> <span class="p-loader__icon"></span> <span class="p-loader__text">Loading</span> </div> </div> <script> $script('https://themes.asp.events/_base/1-3-0/includes/javascripts/src/patterns/pagination.js'); </script> <script type="application/ld+json">{"@context":"http://schema.org","@type":"VideoObject","uploadDate":"2025-02-25T19:21:05Z","name":"Zipline: Helzberg Diamonds Case Study","mainEntityOfPage":{"@type":"WebPage","@id":"https://www.retailtechnologyshow.com/exhibitor-videos/zipline-helzberg-diamonds-case-study"},"author":[{"@type":"Organization","sameAs":["https://www.linkedin.com/company/get-zipline/"],"url":"https://getzipline.com/","name":"Retail Zipline ","mainEntityOfPage":{"@type":"WebPage","@id":"https://www.retailtechnologyshow.com/exhibitors/zipline"},"description":"<p>Zipline is how best-in-class retailers bring brand strategies to life in stores. An AI-powered platform for operational excellence, Zipline brings together frontline communications, task management, resources, learning, insights, and more – so everyone feels connected to the brand and inspired by their work. The company has an NPS of 89 and was named to the Inc. 5000 list of fastest growing private companies. CBInsights ranked Zipline as one of the 100 most promising B2B retail tech companies. Today, more than 100 brands like Sephora, Bath and Body Works, The Fresh Market, and AEO, Inc. depend on Zipline to align and empower their store teams worldwide.</p>\n"}]}</script> </div> </div> </main> </div> <footer class="s-footer"> <div class="s-footer__default s-footer__default--style-1 u-layout-container-full-viewport"> <div class="s-footer__default__container u-layout-container-full-viewport"> <div class="s-footer__default__container__inner"> <div class="s-footer__default__background"> <div class="s-footer__default__background__color u-background-color-six"></div> </div> <div class="s-footer__default__wrapper-one"> <div class="s-footer__default__wrapper-one__container u-layout-container-full-width"> <div class="s-footer__default__panels"> <div class="l-grid is-align-left"> <div class="l-grid__container"> <div class="l-grid__item l-grid__item--size-1/1@mobile l-grid__item--size-1/2@tablet l-grid__item--size-1/2@tablet-landscape l-grid__item--size-1/4@laptop l-grid__item--size-1/4@desktop"> <div class="l-grid__item__content"> <div class="p-panel p-panel--structure-footer-style-1 p-panel--id-104447"> <div class="p-panel__header u-text-align-left"> <h2 class="p-panel__header__title u-color-white u-font-two u-font-two-size-large u-font-two-weight-bold u-text-uppercase"> QUICK LINKS </h2> <div class="p-panel__header__divider"> <div class="p-divider p-divider--style-1 u-color-seven" style=" border-bottom: solid 1px; width: 40%;"> </div> </div> </div> <div class="p-panel__body u-color-seven u-font-one u-font-one-size-normal u-text-align-left"> <div class="p-panel__body__content"> <ul> <li><a href="https://www.retailtechnologyshow.com/home" target="_self" title="home">Home</a></li> <li><a href="https://www.retailtechnologyshow.com/visit" target="_self" title="visit">Visit</a></li> <li><a href="https://www.retailtechnologyshow.com/2025-conference-programme" target="_self" title="https://www.retailtechnologyshow.com/2025-conference-programme">Conference</a></li> <li><a href="https://www.retailtechnologyshow.com/exhibit" target="_self" title="exhibit">Exhibit</a></li> <li><a href="https://www.retailtechnologyshow.com/contact-us" target="_self" title="contact-us">Contact Us</a></li> </ul> <p> <div class="w-button w-button--style-1 w-button--style-1--align-left w-button--style-1--size-normal w-button--style-1--width-auto"> <a class="w-button__button " href="https://a76s8.app.link/RetailTechnologyShow2025"><i class="w-button__button__icon fa-light fa-arrow-right"></i><span class="w-button__button__text">EVENT APP</span></a> </div> </p> </div> </div> </div> </div> </div> <div class="l-grid__item l-grid__item--size-1/1@mobile l-grid__item--size-1/2@tablet l-grid__item--size-1/2@tablet-landscape l-grid__item--size-1/4@laptop l-grid__item--size-1/4@desktop"> <div class="l-grid__item__content"> <div class="p-panel p-panel--structure-footer-style-1 p-panel--id-104444"> <div class="p-panel__header u-text-align-left"> <h2 class="p-panel__header__title u-color-white u-font-two u-font-two-size-large u-font-two-weight-bold u-text-uppercase"> WHEN </h2> <div class="p-panel__header__divider"> <div class="p-divider p-divider--style-1 u-color-seven" style=" border-bottom: solid 1px; width: 40%;"> </div> </div> </div> <div class="p-panel__body u-color-seven u-font-one u-font-one-size-normal u-text-align-left"> <div class="p-panel__body__content"> <p><strong>Wednesday 2nd April 2025</strong><br /> 09:00 - 17:00</p> <p><strong>Thursday 3rd April 2025</strong><br /> 09:00 - 16:30</p> </div> </div> </div> </div> </div> <div class="l-grid__item l-grid__item--size-1/1@mobile l-grid__item--size-1/2@tablet l-grid__item--size-1/2@tablet-landscape l-grid__item--size-1/4@laptop l-grid__item--size-1/4@desktop"> <div class="l-grid__item__content"> <div class="p-panel p-panel--structure-footer-style-1 p-panel--id-104445"> <div class="p-panel__header u-text-align-left"> <h2 class="p-panel__header__title u-color-white u-font-two u-font-two-size-large u-font-two-weight-bold u-text-uppercase"> WHERE </h2> <div class="p-panel__header__divider"> <div class="p-divider p-divider--style-1 u-color-seven" style=" border-bottom: solid 1px; width: 40%;"> </div> </div> </div> <div class="p-panel__body u-color-seven u-font-one u-font-one-size-normal u-text-align-left"> <div class="p-panel__body__content"> <strong>ExCeL London</strong> <p>Custom House (Elizabeth line and DLR)<br /> West entrance<br /> Event hall entrance N1-N4<br /> One Western Gateway,<br /> Royal Victoria Dock,<br /> London, E16 1XL</p> </div> </div> </div> </div> </div> <div class="l-grid__item l-grid__item--size-1/1@mobile l-grid__item--size-1/2@tablet l-grid__item--size-1/2@tablet-landscape l-grid__item--size-1/4@laptop l-grid__item--size-1/4@desktop"> <div class="l-grid__item__content"> <div class="p-panel p-panel--structure-footer-style-1 p-panel--id-104446"> <div class="p-panel__header u-text-align-left"> <h2 class="p-panel__header__title u-color-white u-font-two u-font-two-size-large u-font-two-weight-bold u-text-uppercase"> ORGANISED BY </h2> <div class="p-panel__header__divider"> <div class="p-divider p-divider--style-1 u-color-seven" style=" border-bottom: solid 1px; width: 40%;"> </div> </div> </div> <div class="p-panel__body u-color-seven u-font-one u-font-one-size-normal u-text-align-left"> <div class="p-panel__body__content"> <p><a href="https://www.nineteengroup.com/" target="_blank" title="https://www.nineteengroup.com/"><img alt="Nineteen" src="https://cdn.asp.events/CLIENT_Nineteen_F7A1E73F_5056_B725_6BE81DEAAC036B43/sites/retail-technology-show-20/media/logos/NineteenLogo.png/fit-in/200x9999" style="width: 200px; height: 53px;" /></a></p> <div class="w-button w-button--style-1 w-button--style-1--align-left w-button--style-1--size-normal w-button--style-1--width-auto"> <a class="w-button__button " href="exhibitor-zone-login"><i class="w-button__button__icon fa-regular fa-caret-right"></i><span class="w-button__button__text">EXHIBITOR ZONE LOGIN</span></a> </div> <br /> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="s-footer__default__wrapper-two"> <div class="s-footer__default__wrapper-two__background"> <div class="s-footer__default__wrapper-two__background__color u-background-color-six"></div> </div> <div class="s-footer__default__wrapper-two__container u-layout-container-full-width"> <nav class="s-footer__default__footer-menu" aria-label="Footer Menu"> <!--seed:7D684BD8E0369DA5BA8CA09D028D1EAB0B05DCA0--> <ul class="p-menu--quick-links p-menu--quick-links--id-6F4BC has-separators" x-data="composerPatternMenuQuickLinks({color: 'seven', colorCustom: '', colorType: 'class', id: '6F4BC', onHover: true, onHoverColor: 'one', onHoverColorCustom: '', onHoverColorType: 'class'})" id="6F4BC"> <li class="p-menu__item" title="© Copyright 2025" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <span class="p-menu__item__text u-font-one-weight-bold u-color-seven u-text-uppercase u-font-one-size-small u-font-one-size-small">© Copyright 2025</span> </li> <li class="p-menu__item p-menu__item--separator"> <i class="p-menu__item__separator u-color-two u-font-icons-size-small fal fa-slash-forward"> </i> </li> <li class="p-menu__item" title="Privacy Policy" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a class="p-menu__item__link u-font-one-weight-bold u-color-seven u-text-uppercase u-font-one-size-small u-font-one-size-small" href="https://www.nineteengroup.com/privacy-policy" target="_blank">Privacy Policy</a> </li> <li class="p-menu__item p-menu__item--separator"> <i class="p-menu__item__separator u-color-two u-font-icons-size-small fal fa-slash-forward"> </i> </li> <li class="p-menu__item" title="Cookies Policy " x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a class="p-menu__item__link u-font-one-weight-bold u-color-seven u-text-uppercase u-font-one-size-small u-font-one-size-small" href="https://www.nineteengroup.com/cookie-policy" target="_blank">Cookies Policy </a> </li> <li class="p-menu__item p-menu__item--separator"> <i class="p-menu__item__separator u-color-two u-font-icons-size-small fal fa-slash-forward"> </i> </li> <li class="p-menu__item" title="Terms of Use" x-on:mouseenter="handleMenuItemMouseEnter" x-on:mouseleave="handleMenuItemMouseLeave"> <a class="p-menu__item__link u-font-one-weight-bold u-color-seven u-text-uppercase u-font-one-size-small u-font-one-size-small" href="https://www.nineteengroup.com/terms-of-use" target="_blank">Terms of Use</a> </li> </ul> <script> function composerPatternMenuQuickLinks(params) { return { color: params.color, colorCustom: params.colorCustom, colorType: params.colorType, id: params.id, onHover: params.onHover, onHoverColor: params.onHoverColor, onHoverColorCustom: params.onHoverColorCustom, onHoverColorType: params.onHoverColorType, toggleOnHoverStyling($menuItem, action){ if (this.onHover) { console.log('this.onHover'); var $menuItemTitle = $menuItem.children(".p-menu__item__link"); const toggleColor = () => { console.log('toggle color'); if (this.colorType == "class") { if (this.onHoverColorType == "class") { if (action == "enter") { $menuItemTitle.removeClass("u-color-" + this.color); $menuItemTitle.addClass("u-color-" + this.onHoverColor); } else { $menuItemTitle.removeClass("u-color-" + this.onHoverColor); $menuItemTitle.addClass("u-color-" + this.color); } } else { if (action == "enter") { $menuItemTitle.removeClass("u-color-" + this.color); $menuItemTitle.css("color", this.onHoverColorCustom); } else { $menuItemTitle.addClass("u-color-" + this.color); $menuItemTitle.css("color", ""); } } } else { if (this.onHoverColorType == "class") { if (action == "enter") { $menuItemTitle.css("color", ""); $menuItemTitle.addClass("u-color-" + this.onHoverColor); } else { $menuItemTitle.css("color", this.colorCustom); $menuItemTitle.removeClass("u-color-" + this.onHoverColor); } } else { if (action == "enter") { $menuItemTitle.css("color", this.onHoverColorCustom); } else { $menuItemTitle.css("color", this.colorCustom); } } } } toggleColor(); } }, handleMenuItemMouseEnter(e) { this.toggleOnHoverStyling($(e.target), "enter"); }, handleMenuItemMouseLeave(e) { this.toggleOnHoverStyling($(e.target), "leave"); } }; } </script> </nav> <div class="s-footer__default__asp-copyright"> <a class="s-footer__default__asp-copyright__link" href="https://www.asp.events/client" target="_blank"> <img class="s-footer__default__asp-copyright__link__image" alt="ASP Events Logo" loading="lazy" src="https://themes.asp.events/_composer/includes/images/logos/logo_asp.svg" /> <span class="s-footer__default__asp-copyright__link__text u-color-seven u-font-two u-font-two-size-x-small u-font-two-weight-bold u-text-uppercase"> Website by ASP </span> </a> </div> </div> </div> </div> </div> </div> </footer> <template x-data x-if="$store.share.isVisible"> <div class="s-share"> <div class="s-share__default s-share__default--style-1" x-data="composerStructureShare"> <div class="s-share__default__container"> <div class="s-share__default__background"> <div class="s-share__default__background__color u-background-color-white"></div> </div> <div class="s-share__default__header"> <h1 class="s-share__default__header__title u-color-text u-font-two-size-xxx-large u-font-two-weight-bold" x-text="'Share: ' + $store.share.title"> Share </h1> </div> <div class="s-share__default__body"> <ul class="s-share__default__body__list"> <li class="s-share__default__body__list__item"> <a class="s-share__default__body__list__item__link u-background-color-brand-twitter u-border-radius-shape-circle u-color-white" :href="'https://twitter.com/intent/tweet?url=' + encodeURIComponent($store.share.url) + '&text=' + encodeURIComponent($store.share.text || '')" target="_blank" rel="noreferrer"> <i class="s-share__default__body__list__item__link__icon fab fa-twitter"></i> </a> </li> <li class="s-share__default__body__list__item"> <a class="s-share__default__body__list__item__link u-background-color-brand-facebook u-border-radius-shape-circle u-color-white" :href="'https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent($store.share.url) + '"e=' + encodeURIComponent($store.share.text || '')" target="_blank" rel="noreferrer"> <i class="s-share__default__body__list__item__link__icon fab fa-facebook"></i> </a> </li> <li class="s-share__default__body__list__item"> <a class="s-share__default__body__list__item__link u-background-color-brand-linkedin u-border-radius-shape-circle u-color-white" :href="'https://www.linkedin.com/sharing/share-offsite/?url=' + encodeURIComponent($store.share.url)" target="_blank" rel="noreferrer"> <i class="s-share__default__body__list__item__link__icon fab fa-linkedin"></i> </a> </li> <li class="s-share__default__body__list__item"> <a class="s-share__default__body__list__item__link u-background-color-brand-whatsapp u-border-radius-shape-circle u-color-white" :href="'https://api.whatsapp.com/send?' + ($store.share.url ? 'text=' + encodeURIComponent($store.share.text || '') + '%20' + encodeURIComponent($store.share.url) : 'text=' + encodeURIComponent($store.share.text || ''))" target="_blank" rel="noreferrer"> <i class="s-share__default__body__list__item__link__icon fab fa-whatsapp"></i> </a> </li> <li class="s-share__default__body__list__item"> <a class="s-share__default__body__list__item__link u-background-color-one u-border-radius-shape-circle u-color-white" :href="'mailto:?body=' + encodeURIComponent($store.share.text || '') + encodeURIComponent($store.share.url || '') + '&subject=' + encodeURIComponent($store.share.subject || '')" target="_blank" rel="noreferrer"> <i class="s-share__default__body__list__item__link__icon fa fa-envelope"></i> </a> </li> </ul> <div class="s-share__default__body__url"> <input class="s-share__default__body__url__input u-border-solid-1 u-border-color-muted" x-model="$store.share.url"></input> <button class="s-share__default__body__url__button u-background-color-one u-color-white u-font-one u-font-one-weight-bold" x-on:click="handleOnUrlButtonClick">Copy URL</button> </div> </div> </div> <script> function composerStructureShare(params) { return { init() { $.magnificPopup.open({ items: { src: ".s-share__default", type: "inline" }, closeMarkup: "<button class=\"s-share__default__close mfp-close\" title=\"%title%\" type=\"button\"><i class=\"s-share__default__close__icon fal fa-times\"></i></button>", callbacks: { open: () => { $(".s-share__default__close").prependTo(".s-share__default"); $(document).trigger("modal-open"); gsap.fromTo(".s-share__default", {opacity: 0, scale: 0.8}, {opacity: 1, scale: 1, duration: 0.6}); }, afterClose: () => { Alpine.store('share').hideShare(); } } }); }, handleOnUrlButtonClick() { Alpine.store('share').copyToClipboard(); } } } </script> </div> </div> </template> <template x-data x-if="$store.search.isVisible"> <div class="s-search"> <div class="s-search__default s-search__default--style-1" x-data="composerStructureSearch"> <div class="s-search__default__container"> <div class="s-search__default__background"> <div class="s-search__default__background__color u-background-color-white"></div> </div> <div class="s-search__default__header"> <h1 class="s-search__default__header__title u-color-text u-font-two-size-xxx-large u-font-two-weight-bold"> Website Search </h1> </div> <div class="s-search__default__body"> <form class="s-search__default__body__form" name="searchform" action="__search" method="post"> <input class="s-search__default__body__form__input" name="q" placeholder="Search..." /> <div class="s-search__default__body__form__button"> <div class="w-button w-button--style-1 w-button--style-1--width-auto"> <button class="w-button__button"> <span class="w-button__button__text">Search</span> </button> </div> </div> </form> </div> </div> <script> function composerStructureSearch(params) { return { init() { $.magnificPopup.open({ items: { src: ".s-search__default", type: "inline" }, closeMarkup: "<button class=\"s-search__default__close mfp-close\" title=\"%title%\" type=\"button\"><i class=\"s-search__default__close__icon fal fa-times\"></i></button>", callbacks: { open: () => { $(".s-search__default__close").prependTo(".s-search__default"); $(document).trigger("modal-open"); gsap.fromTo(".s-search__default", {opacity: 0, scale: 0.8}, {opacity: 1, scale: 1, duration: 0.6}); }, afterClose: () => { Alpine.store('search').hideSearch(); } } }); } } } </script> </div> </div> </template> <template x-data x-if="$store.wishlist.isVisible"> <div class="s-wishlist"> <div class="s-wishlist__default s-wishlist__default--style-1" x-data="composerStructureWishlist"> <div class="s-wishlist__default__container"> <div class="s-wishlist__default__background"> <div class="s-wishlist__default__background__color u-background-color-white"></div> </div> <div class="s-wishlist__default__header"> <h1 class="s-wishlist__default__header__title u-color-text u-font-two-size-xxx-large u-font-two-weight-bold"> Wishlist </h1> </div> <div class="s-wishlist__default__body"> <template x-if="!$store.wishlist.items.length"> <div class="s-wishlist__default__body__empty-state u-text-align-center"> Add some favourites to your wishlist to get started! </div> </template> <template x-if="$store.wishlist.items.length"> <div class="s-wishlist__default__body__wishlist"> <template x-if="$store.wishlist.isLoadingWishlist"> <div class="s-wishlist__default__body__wishlist__loading u-text-align-center"> <div class="p-loader p-loader--default"> <div class="p-loader__icon"></div> </div> </div> </template> <template x-if="!$store.wishlist.isLoadingWishlist && view == 'wishlist'"> <div class="s-wishlist__default__body__wishlist__items"> <template x-for="items in $store.wishlist.wishlistItems"> <div class="s-wishlist__default__body__wishlist__items__list"> <div class="s-wishlist__default__body__wishlist__items__list__header"> <span class="s-wishlist__default__body__wishlist__items__list__header__title u-font-two u-font-two-weight-bold" x-text="items.name"></span> </div> <div class="s-wishlist__default__body__wishlist__items__list__body"> <ul class="s-wishlist__default__body__wishlist__items__list__body__items"> <template x-for="item in items.items"> <li class="s-wishlist__default__body__wishlist__items__list__body__items__item u-border-bottom-color-muted u-border-bottom-solid-1"> <div class="s-wishlist__default__body__wishlist__items__list__body__items__item__wrapper-one"> <a class="s-wishlist__default__body__wishlist__items__list__body__items__item__media" x-bind:href="item.slug"> <img class="s-wishlist__default__body__wishlist__items__list__body__items__item__media__image" x-bind:src="item.image + '/fit-in/64x64'" alt="" /> </a> </div> <div class="s-wishlist__default__body__wishlist__items__list__body__items__item__wrapper-two"> <a class="s-wishlist__default__body__wishlist__items__list__body__items__item__title u-color-text" x-bind:href="item.slug" x-text="item.title"></a> </div> </li> </template> </ul> </div> </div> </template> </div> </template> <template x-if="!$store.wishlist.isLoadingWishlist"> <div class="s-wishlist__default__body__wishlist__actions"> <template x-if="view == 'wishlist'"> <div class="w-button-group w-button-group--style-1 w-button-group--style-1--direction-horizontal w-button-group--style-1--direction-horizontal--width-fill"> <div class="w-button w-button--style-1"> <button class="w-button__button" x-on:click="handleOnDownloadClick($store.wishlist.wishlistUrl + '/downloadpdf', $store.wishlist.items)">Download</button> </div> <div class="w-button w-button--style-1"> <button class="w-button__button" x-on:click="handleOnEmailClick">Email this List</button> </div> </div> </template> </div> </template> </div> </template> <template x-if="view == 'email'"> <div class="s-wishlist__default__body__email"> <form class="s-wishlist__default__body__email__form" x-data="{email: ''}"> <input class="s-wishlist__default__body__email__form__input u-border-solid-1 u-border-color-muted" type="email" required placeholder="john@email.com" x-model="email" /> <div class="s-wishlist__default__body__email__form__button"> <div class="w-button-group w-button-group--style-1 w-button-group--style-1--direction-horizontal w-button-group--style-1--direction-horizontal--width-fill"> <div class="w-button w-button--style-1"> <button class="w-button__button" x-on:click="handleOnEmailSubmitClick($store.wishlist.wishlistUrl + '/emailpdf', $store.wishlist.items, email, $event)">Email this List</button> </div> </div> </div> </form> <div class="s-wishlist__default__body__email__back"> <button class="s-wishlist__default__body__email__back__link" x-on:click="setView('wishlist')"><i class="fal fa-arrow-left"></i></button> </div> </div> </template> <template x-if="view == 'generating'"> <div class="s-wishlist__default__body__download u-text-align-center"> Generating... </div> </template> </div> </div> <script src="https://themes.asp.events/_base/1-3-0/includes/javascripts/dist/widgets/wishlist/download.min.js"></script> <script> function composerStructureWishlist(params) { return { view: "wishlist", init() { $.magnificPopup.open({ items: { src: ".s-wishlist__default", type: "inline" }, closeMarkup: "<button class=\"s-wishlist__default__close mfp-close\" title=\"%title%\" type=\"button\"><i class=\"s-wishlist__default__close__icon fal fa-times\"></i></button>", callbacks: { open: () => { $(".s-wishlist__default__close").prependTo(".s-wishlist__default"); $(document).trigger("modal-open"); gsap.fromTo(".s-wishlist__default", {opacity: 0, scale: 0.8}, {opacity: 1, scale: 1, duration: 0.6}); }, afterClose: () => { Alpine.store("wishlist").hideWishlist(); } } }); }, setView(view) { this.view = view; }, handleOnDownloadClick(url, items) { this.setView('generating'); $.ajax({ url: url, method: 'POST', data: { contentID: items }, xhrFields: { responseType: 'blob' }, beforeSend: function (xhr) { xhr.overrideMimeType('application/pdf'); }, success: (data, status, xhr) => { if (xhr.getResponseHeader('Content-Type') !== 'application/pdf') { console.error("[showoff_composer]: Unexpected content type:", xhr.getResponseHeader('Content-Type')); return; } var blob = data; var filename = 'wishlist.pdf'; download(blob, filename, 'application/pdf'); this.setView('wishlist'); }, error: (xhr, status, error) => { this.setView('wishlist'); console.error("[showoff_composer]: error on handleOnDownloadClick()", error); } }); }, handleOnEmailClick() { this.setView('email'); }, handleOnEmailSubmitClick(url, items, email, event) { event.preventDefault(); this.setView('generating'); $.ajax({ type:'POST', url: url, data: {'contentID': items, 'email': email}, success: (response) => { this.setView('wishlist'); _paq.push(['trackEvent', 'Engage', 'Wishlist', 'Email_PDF']); }, error: (xhr, status, error) => { console.error("[showoff_composer]: error on handleOnEmailSubmitClick()", error); this.setView('wishlist'); } }); } } } </script> </div> </div> </template> <div class="s-ezone"> <div class='w-zone-loginwrapper' data-lostpassword='false'><div> <div class="w-zone-login js-zone-login"> <div class="w-zone-login__no-access js-zone-login__no-access"> </div> <div class="w-zone-login__form-wrapper"> <form action="__zone/dologin" class="w-zone-login__form zoneloginform" method="post"> <input type="hidden" name="formID" value="LOGIN" id="formID"/> <div class='p-form__group form__group'><div class='p-form__group__title form__group__title'><label class="p-form__group__title__label form__group__title__label" required="required" showrequiredicon="true" for="username">Username *</label></div><div class='p-form__group__controls form__group__controls'><input type="text" name="username" class="w-zone-login__form__input" required="required" placeholder="Username" autocomplete="off" id="username"/></div></div> <div class='p-form__group form__group'><div class='p-form__group__title form__group__title'><label class="p-form__group__title__label form__group__title__label" required="required" showrequiredicon="true" for="password">Password *</label></div><div class='p-form__group__controls form__group__controls'><input type="password" name="password" class="w-zone-login__form__input" required="required" placeholder="Password" autocomplete="off" id="password"/></div></div> <div class='p-form__group form__group'><div class='p-form__group__controls form__group__controls'><button name="loginSubmitButton" type="submit" class="button w-zone-login__form__submit" id="loginSubmitButton">Login</button></div></div> </form> </div> </div> </div></div><script type='text/javascript'> $script('https://cdn.asp.events/includes/js/jquery/magnificPopup/1.2.0/jquery.magnific-popup.min.js', function(){ $script('/includes/javascript/ASPModal.old.min.js', function(){ $script('/includes/javascript/modules/zone/zone.js?v=rc/4.4.24', function(){ js_zone.login_init(); }); }); }); </script> </div> <script defer> document.addEventListener('alpine:init', () => { Alpine.store('common', { siteUuid: '02D647F3-F637-C132-AA103C086ABDD73C' }); Alpine.store('search', { isVisible: false, showSearch() { this.isVisible = true; }, hideSearch() { this.isVisible = false; } }); Alpine.store('share', { isVisible: false, subject: "Check out this link!", text: "", title: document.title, url: location.href, showShare() { if (navigator.share) { navigator.share({ title: this.title, text: this.text, url: this.url, }) .then() .catch((error) => console.log('[showoff_composer]: error on composerWidgetShare()', error)); } else { this.isVisible = true; } }, hideShare() { this.isVisible = false; }, setData(url = this.url, title = this.title, text = this.text, subject = this.subject) { if (url.indexOf(window.location.origin) !== -1) { this.url = url; } else { this.url = window.location.origin + '/' + url; } this.title = title; this.text = text; this.subject = subject; }, setSubject(value) { this.subject = value; }, setText(value) { this.text = value; }, setTitle(value) { this.title = value; }, setUrl(value) { this.url = value; }, copyToClipboard() { navigator.clipboard?.writeText(this.url); } }); Alpine.store('wishlist', { items: Alpine.$persist("").as('showoff_wishlist_items_' + Alpine.store('common').siteUuid), isLoadingWishlist: true, isVisible: false, wishlistItems: [], wishlistUrl: 'https://zone.showoff.asp.events/02D647F3-F637-C132-AA103C086ABDD73C/wishlist', siteUuid: '02D647F3-F637-C132-AA103C086ABDD73C', showWishlist() { this.isVisible = true; this.getFavourites(); }, hideWishlist() { this.isVisible = false; }, addFavourite(id) { var items = this.items.split(','); if (!items.includes(id)){ items.push(id); this.items = items.join(','); } _paq.push(['trackEvent', 'Engage', 'Wishlist', 'Add', null, { dimension7: id }]); }, removeFavourite(id) { var items = this.items.split(','); if (items.indexOf(id.toString()) !== -1) { items.splice(items.indexOf(id.toString()), 1); this.items = items.join(','); } _paq.push(['trackEvent', 'Engage', 'Wishlist', 'Remove', null, { dimension7: id }]); }, toggleFavourite(id) { if (this.items.includes(id)){ this.removeFavourite(id); } else { this.addFavourite(id); } }, getFavourites() { this.isLoadingWishlist = true; $.ajax( { type:'POST' , url: this.wishlistUrl + '/contentbyid' , data: {'contentID': this.items} , success: (response) => { this.isLoadingWishlist = false; const mergedItems = []; response.data.forEach(item => { const libraryName = item.libraryName; let group = mergedItems.find(obj => obj.name === libraryName); if (!group) { group = { name: libraryName, items: [] }; mergedItems.push(group); } group.items.push(item); }); this.wishlistItems = mergedItems; } }); } }); }) </script> </div> <script src="https://cdn.asp.events/includes/js/jquery/jquery-ui.min.js"></script> <!-- Piwik --> <script type="text/javascript"> var _paq = _paq || []; var piwikPageTracked = piwikPageTracked || false; // tracker methods like 'setCustomDimension' should be called before 'trackPageView' if (!piwikPageTracked) { //loop through page tags and set custom dimensions for contentID and Tags var tagArray = []; for(i=0; i < tagArray.length ; i++){ _paq.push(['trackEvent','General','Tags','View',null,{dimension7:'124880',dimension13:'Entry', dimension15:'exhibitor-videos/zipline-helzberg-diamonds-case-study',dimension14:'template-library-video', dimension9:tagArray[i]}]); } //loop through page tags and set custom dimensions for contentID and prod cats var catArray = []; for(i=0; i < catArray.length ; i++){ _paq.push(['trackEvent','General','Product Categories','View',null,{dimension7:'124880',dimension13:'Entry', dimension15:'exhibitor-videos/zipline-helzberg-diamonds-case-study',dimension14:'template-library-video', dimension10:catArray[i]}]); } //track page as well as contentId _paq.push(['trackPageView',null,{dimension7:'124880',dimension13:'Entry', dimension15:'exhibitor-videos/zipline-helzberg-diamonds-case-study',dimension14:'template-library-video'}]); } _paq.push(['enableLinkTracking']); (function() { var u='//analytics.showoff.asp.events/'; _paq.push(['setTrackerUrl', u+'piwik.php']); _paq.push(['setSiteId', '720']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s); })(); </script> <!-- End Piwik Code --> <script src="/includes/javascript/showoff.global.min.js" ></script> </body> </html>
)