Skip To Main Content
22- 23 April 2026 | Excel London
Register interest
(opens in a new tab)
Book a Stand
(opens in a new tab)
Home
Visit
Show submenu for: Visit
Exhibitor List
Why Visit
Access Members Club
Venue & Travel
Event News
2025 Highlights
FAQ's
Exhibit
Show submenu for: Exhibit
Why Exhibit
Who Attends
Request 2026 Floorplan
Are You a Start-up
Exhibit in 2026
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
Innovation Trail & Awards
Networking Opportunities
Show submenu for: Networking Opportunities
The BIG Retail Party
Retailers Lounge
Recharge Cafe Bar
Special Events
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
Insight
Show submenu for: Insight
Retail Radar News
Advisory Board
Partners & Associations
5 Minutes With
Contact Us
Show submenu for: Contact Us
Contact Us
Our Story
More
Show more menu items
Home
Visit
Show submenu for: Visit
Exhibitor List
Why Visit
Access Members Club
Venue & Travel
Event News
2025 Highlights
FAQ's
Exhibit
Show submenu for: Exhibit
Why Exhibit
Who Attends
Request 2026 Floorplan
Are You a Start-up
Exhibit in 2026
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
Innovation Trail & Awards
Networking Opportunities
Show submenu for: Networking Opportunities
The BIG Retail Party
Retailers Lounge
Recharge Cafe Bar
Special Events
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
Insight
Show submenu for: Insight
Retail Radar News
Advisory Board
Partners & Associations
5 Minutes With
Contact Us
Show submenu for: Contact Us
Contact Us
Our Story
More
Show more menu items
Home
Visit
Show submenu for: Visit
Exhibitor List
Why Visit
Access Members Club
Venue & Travel
Event News
2025 Highlights
FAQ's
Exhibit
Show submenu for: Exhibit
Why Exhibit
Who Attends
Request 2026 Floorplan
Are You a Start-up
Exhibit in 2026
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
Innovation Trail & Awards
Networking Opportunities
Show submenu for: Networking Opportunities
The BIG Retail Party
Retailers Lounge
Recharge Cafe Bar
Special Events
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
Insight
Show submenu for: Insight
Retail Radar News
Advisory Board
Partners & Associations
5 Minutes With
Contact Us
Show submenu for: Contact Us
Contact Us
Our Story
More
Show more menu items
Register your interest
(opens in a new tab)
Book A Stand
(opens in a new tab)
Home
Exhibitor Videos
Zipline: Helzberg Diamonds Case Study
Exhibitor Videos
Zipline: Helzberg Diamonds Case Study
Retail Zipline
Stand:
X48
<div class="m-libraries-videos-entry__item__body__description u-color-text u-font-one u-font-one-size-normal"> <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__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/streamlining-lottery-sales-increasing-revenue" data-entryid="127215" data-page="60" 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">Streamlining Lottery Sales and Increasing Revenue</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="62" 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('https://cdn.asp.events/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":"https://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" role="contentinfo"> <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> </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 22nd April 2026</strong><br /> 09:00 - 17:00</p> <p><strong>Thursday 23rd April 2026</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 /> 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 " role="button" aria-label="EXHIBITOR ZONE LOGIN" href="exhibitor-zone-login"><i class="w-button__button__icon fa-regular fa-caret-right" aria-hidden="true"></i><span class="w-button__button__text">EXHIBITOR ZONE LOGIN</span><span class="u-screen-reader-only"> (opens in a new tab)</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-ACF02 has-separators" x-data="composerPatternMenuQuickLinks({color: 'seven', colorCustom: '', colorType: 'class', id: 'ACF02', onHover: true, onHoverColor: 'one', onHoverColorCustom: '', onHoverColorType: 'class'})" id="ACF02"> <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" role="button" aria-label="Share widget Copy URL button" 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\" role=\"button\" aria-label=\"Share modal close 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" role="search" aria-label="Search"> <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" role="button" aria-label="Search 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\" role=\"button\" aria-label=\"Search modal close button\"></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"> <template x-if="item.image"> <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> </template> <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" role="button" aria-label="Download wishlist as PDF" 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" role="button" aria-label="Email wishlist as PDF" 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" role="button" aria-label="Email wishlist as PDF" 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" role="button" aria-label="Back to wishlist" 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\" role=\"button\" aria-label=\"%title% close popup 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.31', 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><script src="/includes/javascript/showoff.global.min.js" ></script> <script type=""text/javascript""> var _paq = _paq || []; //prc_visitorSession// </script> </body> </html>
)
)