www.tiptop.ca
Open in
urlscan Pro
23.227.38.74
Public Scan
Submitted URL: http://tiptop.ca/
Effective URL: https://www.tiptop.ca/
Submission: On May 22 via api from US — Scanned from CA
Effective URL: https://www.tiptop.ca/
Submission: On May 22 via api from US — Scanned from CA
Form analysis 12 forms found in the DOM
GET /search
<form action="/search" method="get" class="search-bar form-inline text-center site-header__search" role="search">
<div class="search-bar__holder">
<input type="hidden" name="type" value="product">
<button type="submit" aria-label="Submit">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M9.49049 14.71V15.5L4.49049 20.49L3.00049 19L7.99049 14H8.78049L9.06049 13.73C8.08049 12.59 7.49049 11.11 7.49049 9.5C7.49049 5.91 10.4005 3 13.9905 3C17.5805 3 20.4905 5.91 20.4905 9.5C20.4905 13.09 17.5805 16 13.9905 16C12.3805 16 10.9005 15.41 9.76049 14.43L9.49049 14.71ZM13.9905 5C11.5005 5 9.49049 7.01 9.49049 9.5C9.49049 11.99 11.5005 14 13.9905 14C16.4805 14 18.4905 11.99 18.4905 9.5C18.4905 7.01 16.4805 5 13.9905 5Z"
fill="#121D33"></path>
<path d="M9.00026 13L8.00026 14L9.50026 15.5L10.5003 14.5L9.00026 13Z" fill="#121D33"></path>
</svg>
</button>
<input type="search" name="q" value="" placeholder="Search" data-placeholder="Search" data-header-search="" class="boost-pfs-search-box ui-autocomplete-input" id="boost-pfs-search-box-0" data-search-box="boost-pfs-search-box-0"
aria-live="assertive" aria-label="Search" role="search" autocomplete="off">
</div>
<button class="site-nav__search-close-button large--hide" type="button" aria-label="Toggle Menu" data-nav-search-toggle="">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z" fill="#121D33"></path>
</svg>
</button>
</form>GET /search
<form action="/search" method="get" class="search-bar form-inline text-center site-nav__search" role="search">
<div class="search-bar__holder">
<input type="hidden" name="type" value="product">
<button type="submit" aria-label="Submit">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M9.49049 14.71V15.5L4.49049 20.49L3.00049 19L7.99049 14H8.78049L9.06049 13.73C8.08049 12.59 7.49049 11.11 7.49049 9.5C7.49049 5.91 10.4005 3 13.9905 3C17.5805 3 20.4905 5.91 20.4905 9.5C20.4905 13.09 17.5805 16 13.9905 16C12.3805 16 10.9005 15.41 9.76049 14.43L9.49049 14.71ZM13.9905 5C11.5005 5 9.49049 7.01 9.49049 9.5C9.49049 11.99 11.5005 14 13.9905 14C16.4805 14 18.4905 11.99 18.4905 9.5C18.4905 7.01 16.4805 5 13.9905 5Z"
fill="#121D33"></path>
<path d="M9.00026 13L8.00026 14L9.50026 15.5L10.5003 14.5L9.00026 13Z" fill="#121D33"></path>
</svg>
</button>
<input type="search" name="q" value="" placeholder="Search" data-placeholder="Search" data-search-bar="" class="boost-pfs-search-box ui-autocomplete-input" id="boost-pfs-search-box-1" data-search-box="boost-pfs-search-box-1" aria-live="assertive"
aria-label="Search" role="search" autocomplete="off">
</div>
<button class="site-nav__search-close-button large--hide" type="button" aria-label="Toggle Menu" data-nav-search-toggle="">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z" fill="#121D33"></path>
</svg>
</button>
</form><form>
<div class="text-left">
<label class="label label--xs">
<span data-event-planner-drawer-person-1-role=""></span> Name </label>
<label class="visually-hidden" for="person1FirstName"> Person 1 First Name </label>
<div class="event-planner-drawer__tooltip-wrapper"><input id="person1FirstName" class="input--border" type="text" name="person1FirstName" placeholder="First Name" required="" data-event-planner-drawer-input=""><span
class="event-planner-drawer__tooltip hide">Required.</span></div>
<label class="visually-hidden" for="person1LastName"> Person 1 Last Name </label>
<div class="event-planner-drawer__tooltip-wrapper"><input id="person1LastName" class="input--border" type="text" name="person1LastName" placeholder="Last Name" required="" data-event-planner-drawer-input=""><span
class="event-planner-drawer__tooltip hide">Required.</span></div>
</div>
<div class="text-left">
<label class="label label--xs" for="personName2">
<span data-event-planner-drawer-person-2-role=""></span> Name </label>
<label class="visually-hidden" for="person2FirstName"> Person 2 First Name </label>
<div class="event-planner-drawer__tooltip-wrapper"><input id="person2FirstName" class="input--border" type="text" name="person2FirstName" placeholder="First Name" required="" data-event-planner-drawer-input=""><span
class="event-planner-drawer__tooltip hide">Required.</span></div>
<label class="visually-hidden" for="person1LastName"> Person 2 Last Name </label>
<div class="event-planner-drawer__tooltip-wrapper"><input id="person2LastName" class="input--border" type="text" name="person2LastName" placeholder="Last Name" required="" data-event-planner-drawer-input=""><span
class="event-planner-drawer__tooltip hide">Required.</span></div>
</div>
<div class="text-left">
<small class="label label--xs"> What’s your role in the wedding? </small>
<div class="radio-blocks">
<div>
<input type="radio" id="bride-edit-event" name="weddingRole" value="Bride" checked="">
<label for="bride-edit-event">Bride</label>
</div>
<div>
<input type="radio" id="groom-edit-event" name="weddingRole" value="Groom">
<label for="groom-edit-event">Groom</label>
</div>
<div data-event-planner-roles-celebrant="">
<input type="radio" id="celebrant-edit-event" name="weddingRole" value="Celebrant">
<label for="celebrant-edit-event">Celebrant</label>
</div>
<div>
<input type="radio" id="guest-edit-event" name="weddingRole" value="Party Member">
<label for="guest-edit-event">Party Member</label>
</div>
<div data-event-planner-roles-wedding-planner="">
<input type="radio" id="event_planner-edit-event" name="weddingRole" value="Wedding Planner">
<label for="event_planner-edit-event">Wedding Planner</label>
</div>
</div>
</div>
<div class="text-left">
<small class="label label--xs"> Where's the wedding? </small>
<label class="visually-hidden" for="city-edit-event"> City Name </label>
<div class="event-planner-locations event-planner-drawer__tooltip-wrapper">
<input id="city-edit-event" class="input--border" type="text" name="city" placeholder="City Name" data-event-planner-popup-input="" required="">
<select class="label label--xs" aria-label="Province" name="province">
<option value="AB">AB</option>
<option value="BC">BC</option>
<option value="MB">MB</option>
<option value="NB">NB</option>
<option value="NL">NL</option>
<option value="NT">NT</option>
<option value="NS">NS</option>
<option value="NU">NU</option>
<option value="ON">ON</option>
<option value="PE">PE</option>
<option value="QC">QC</option>
<option value="SK">SK</option>
<option value="YT">YT</option>
<option value="USA">USA</option>
<option value="OTHER">OTHER</option>
</select>
<span class="event-planner-drawer__tooltip hide">Required.</span>
</div>
</div>
<div tabindex="0" data-event-planner-drawer-popup-datepicker="">
<div class="datepicker datepicker-inline active">
<div class="datepicker-picker">
<div class="datepicker-header">
<div class="datepicker-title" style="display: none;"></div>
<div class="datepicker-controls"><button type="button" class="button prev-button prev-btn" tabindex="-1" disabled="">«</button><button type="button" class="button view-switch" tabindex="-1">May 2024</button><button type="button"
class="button next-button next-btn" tabindex="-1">»</button></div>
</div>
<div class="datepicker-main">
<div class="datepicker-view">
<div class="days">
<div class="days-of-week"><span class="dow">Su</span><span class="dow">Mo</span><span class="dow">Tu</span><span class="dow">We</span><span class="dow">Th</span><span class="dow">Fr</span><span class="dow">Sa</span></div>
<div class="datepicker-grid"><span data-date="1714287600000" class="datepicker-cell day prev disabled">28</span><span data-date="1714374000000" class="datepicker-cell day prev disabled">29</span><span data-date="1714460400000"
class="datepicker-cell day prev disabled">30</span><span data-date="1714546800000" class="datepicker-cell day disabled">1</span><span data-date="1714633200000" class="datepicker-cell day disabled">2</span><span
data-date="1714719600000" class="datepicker-cell day disabled">3</span><span data-date="1714806000000" class="datepicker-cell day disabled">4</span><span data-date="1714892400000" class="datepicker-cell day disabled">5</span><span
data-date="1714978800000" class="datepicker-cell day disabled">6</span><span data-date="1715065200000" class="datepicker-cell day disabled">7</span><span data-date="1715151600000" class="datepicker-cell day disabled">8</span><span
data-date="1715238000000" class="datepicker-cell day disabled">9</span><span data-date="1715324400000" class="datepicker-cell day disabled">10</span><span data-date="1715410800000" class="datepicker-cell day disabled">11</span><span
data-date="1715497200000" class="datepicker-cell day disabled">12</span><span data-date="1715583600000" class="datepicker-cell day disabled">13</span><span data-date="1715670000000"
class="datepicker-cell day disabled">14</span><span data-date="1715756400000" class="datepicker-cell day disabled">15</span><span data-date="1715842800000" class="datepicker-cell day disabled">16</span><span
data-date="1715929200000" class="datepicker-cell day disabled">17</span><span data-date="1716015600000" class="datepicker-cell day disabled">18</span><span data-date="1716102000000"
class="datepicker-cell day disabled">19</span><span data-date="1716188400000" class="datepicker-cell day disabled">20</span><span data-date="1716274800000" class="datepicker-cell day disabled">21</span><span
data-date="1716361200000" class="datepicker-cell day focused">22</span><span data-date="1716447600000" class="datepicker-cell day">23</span><span data-date="1716534000000" class="datepicker-cell day">24</span><span
data-date="1716620400000" class="datepicker-cell day">25</span><span data-date="1716706800000" class="datepicker-cell day">26</span><span data-date="1716793200000" class="datepicker-cell day">27</span><span data-date="1716879600000"
class="datepicker-cell day">28</span><span data-date="1716966000000" class="datepicker-cell day">29</span><span data-date="1717052400000" class="datepicker-cell day">30</span><span data-date="1717138800000"
class="datepicker-cell day">31</span><span data-date="1717225200000" class="datepicker-cell day next">1</span><span data-date="1717311600000" class="datepicker-cell day next">2</span><span data-date="1717398000000"
class="datepicker-cell day next">3</span><span data-date="1717484400000" class="datepicker-cell day next">4</span><span data-date="1717570800000" class="datepicker-cell day next">5</span><span data-date="1717657200000"
class="datepicker-cell day next">6</span><span data-date="1717743600000" class="datepicker-cell day next">7</span><span data-date="1717830000000" class="datepicker-cell day next">8</span></div>
</div>
</div>
</div>
<div class="datepicker-footer">
<div class="datepicker-controls"><button type="button" class="button today-button today-btn" tabindex="-1" style="display: none;">Today</button><button type="button" class="button clear-button clear-btn" tabindex="-1"
style="display: none;">Clear</button></div>
</div>
</div>
</div>
</div>
<input class="hide" type="hidden" name="eventDate" data-event-planner-drawer-popup-input="">
<div class="text-center">
<button class="btn" type="button" data-event-planner-drawer-popup-save=""> Save changes </button>
</div>
</form><form>
<div class="text-left">
<label class="label label--xs"> Guest’s Name </label>
<label class="visually-hidden" for="firstName"> First Name </label>
<div class="event-planner-drawer__tooltip-wrapper"><input id="firstName" class="input--border" type="text" name="firstName" placeholder="First Name" required="" data-event-planner-drawer-input=""><span
class="event-planner-drawer__tooltip hide">Required.</span></div>
<label class="visually-hidden" for="lastName"> Last Name </label>
<div class="event-planner-drawer__tooltip-wrapper"><input id="lastName" class="input--border" type="text" name="lastName" placeholder="Last Name" required="" data-event-planner-drawer-input=""><span
class="event-planner-drawer__tooltip hide">Required.</span></div>
</div>
<div class="text-left">
<div class="event-planner-drawer-popup__tooltip-container">
<label class="label label--xs" for="guest-email"> Guest’s Email Address </label>
<div class="event-planner-drawer-popup__tooltip-button" event-planner-drawer-popup-tooltip-button=""><svg class="icon-question-mark" aria-hidden="true" width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M10.5 0.5C4.98583 0.5 0.5 4.98583 0.5 10.5C0.5 16.0142 4.98583 20.5 10.5 20.5C16.0142 20.5 20.5 16.0142 20.5 10.5C20.5 4.98583 16.0142 0.5 10.5 0.5ZM10.5 16.75C9.925 16.75 9.45833 16.2833 9.45833 15.7083C9.45833 15.1333 9.925 14.6667 10.5 14.6667C11.075 14.6667 11.5417 15.1333 11.5417 15.7083C11.5417 16.2833 11.075 16.75 10.5 16.75ZM12.74 10.7517C11.5367 11.7717 11.3333 12.1408 11.3333 12.5833C11.3333 13.0442 10.9608 13.4167 10.5 13.4167C10.0392 13.4167 9.66667 13.0442 9.66667 12.5833C9.66667 11.3883 10.3392 10.6008 11.6625 9.48C12.035 9.16333 13.1992 8.04667 12.5158 6.94167C12.0725 6.22417 10.4183 6.12167 9.0475 6.72833C8.625 6.91417 8.13417 6.72333 7.94833 6.3025C7.7625 5.88167 7.95333 5.38917 8.37417 5.20333C10.3158 4.345 12.9267 4.43333 13.9342 6.06583C14.8533 7.5525 14.3958 9.3475 12.74 10.7508V10.7517Z"
fill="#121D33"></path>
</svg>
</div>
<div class="event-planner-drawer-popup__tooltip-content" event-planner-drawer-popup-tooltip-content="">
<span>This is the event organizer's email address. To edit this field, please contact Customer Support.</span><br>
<button class="btn" type="button" data-event-planner-drawer-popup-tooltip-contact="">Contact Support</button>
</div>
</div>
<div class="event-planner-drawer__tooltip-wrapper"><input id="guest-email" class="input--border" type="email" name="email" placeholder="Email Address" required="" data-event-planner-drawer-input=""><span
class="event-planner-drawer__tooltip hide">Required.</span></div>
</div>
<div class="text-left">
<label class="label label--xs" for="guest-phone"> Guest’s phone number (optional) </label>
<input id="guest-phone" class="input--border" type="tel" name="phone" placeholder="Phone number">
</div>
<div class="text-left">
<small class="label label--xs"> What’s their role in the wedding? </small>
<div class="radio-blocks">
<div>
<input type="radio" id="bride-add-guest" name="weddingRole" value="Bride" checked="">
<label for="bride-add-guest">Bride</label>
</div>
<div>
<input type="radio" id="groom-add-guest" name="weddingRole" value="Groom">
<label for="groom-add-guest">Groom</label>
</div>
<div data-event-planner-roles-celebrant="">
<input type="radio" id="celebrant-add-guest" name="weddingRole" value="Celebrant">
<label for="celebrant-add-guest">Celebrant</label>
</div>
<div>
<input type="radio" id="guest-add-guest" name="weddingRole" value="Party Member">
<label for="guest-add-guest">Party Member</label>
</div>
<div data-event-planner-roles-wedding-planner="">
<input type="radio" id="event_planner-add-guest" name="weddingRole" value="Wedding Planner">
<label for="event_planner-add-guest">Wedding Planner</label>
</div>
</div>
</div>
<small class="label label--xs"> Send this guest emails in: </small>
<div>
<label class="radio-circle" for="guest-email-english"> English <input id="guest-email-english" type="radio" name="language" value="english" checked="">
<span class="radio-dot"></span>
</label>
</div>
<div>
<label class="radio-circle" for="guest-email-french"> French <input id="guest-email-french" type="radio" name="language" value="french">
<span class="radio-dot"></span>
</label>
</div>
<small class="label label--xs"> Who is buying their outfit </small>
<div>
<label class="radio-circle" for="guest-outfit-purchase"> They’re buying this outfit themself <input id="guest-outfit-purchase" type="radio" name="adminPurchasingLook" value="false" checked="">
<span class="radio-dot"></span>
</label>
</div>
<div>
<label class="radio-circle" for="admin-outfit-purchase"> I’m buying this outfit for the guest <input id="admin-outfit-purchase" type="radio" name="adminPurchasingLook" value="true">
<span class="radio-dot"></span>
</label>
</div>
<div class="event-planner-drawer-popup__warning event-planner-drawer-popup__warning--red hide" data-event-planner-drawer-warning-container="">
<svg class="icon-warning" width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 20.5C16.4183 20.5 20 16.9183 20 12.5C20 8.08172 16.4183 4.5 12 4.5C7.58172 4.5 4 8.08172 4 12.5C4 16.9183 7.58172 20.5 12 20.5Z" fill="#00ABE8"></path>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12.0003 17.2999C12.663 17.2999 13.2003 16.7626 13.2003 16.0999C13.2003 15.4372 12.663 14.8999 12.0003 14.8999C11.3376 14.8999 10.8003 15.4372 10.8003 16.0999C10.8003 16.7626 11.3376 17.2999 12.0003 17.2999Z" fill="white"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.2002 14.1V7.69995H12.8002V14.1H11.2002Z" fill="white"></path>
</svg> Another guest is already using this email address. Please provide a unique email address.
</div>
<div class="event-planner-drawer-popup__warning">
<svg class="icon-warning" width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 20.5C16.4183 20.5 20 16.9183 20 12.5C20 8.08172 16.4183 4.5 12 4.5C7.58172 4.5 4 8.08172 4 12.5C4 16.9183 7.58172 20.5 12 20.5Z" fill="#00ABE8"></path>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12.0003 17.2999C12.663 17.2999 13.2003 16.7626 13.2003 16.0999C13.2003 15.4372 12.663 14.8999 12.0003 14.8999C11.3376 14.8999 10.8003 15.4372 10.8003 16.0999C10.8003 16.7626 11.3376 17.2999 12.0003 17.2999Z" fill="white"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.2002 14.1V7.69995H12.8002V14.1H11.2002Z" fill="white"></path>
</svg> If you’re buying an outfit for one of your guests, we’ll send them an email requesting their sizes before you make the purchase.
</div>
<div class="event-planner-drawer-popup__add-guest-buttons text-center">
<button class="btn" type="button" data-event-planner-drawer-popup-add-guest=""> Add guest </button>
</div>
<div class="event-planner-drawer-popup__edit-guest-buttons text-center" data-event-planner-drawer-popup-edit-guest-buttons="">
<button class="btn btn--grey" type="button" data-event-planner-drawer-popup-delete-guest=""> Delete guest </button>
<button class="btn" type="button" data-event-planner-drawer-popup-update-guest=""> Save changes </button>
</div>
</form><form>
<div class="text-center">
<div class="text-left">
<label class="label label--xs" for="name"> Name this look </label>
<input id="name" class="input--border" type="text" name="name" data-event-planner-drawer-popup-look-name="" required="">
<div class="event-planner-drawer-popup__warning event-planner-drawer-popup__warning--red hide" data-event-planner-drawer-warning-container="">
<svg class="icon-warning" width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 20.5C16.4183 20.5 20 16.9183 20 12.5C20 8.08172 16.4183 4.5 12 4.5C7.58172 4.5 4 8.08172 4 12.5C4 16.9183 7.58172 20.5 12 20.5Z" fill="#00ABE8"></path>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12.0003 17.2999C12.663 17.2999 13.2003 16.7626 13.2003 16.0999C13.2003 15.4372 12.663 14.8999 12.0003 14.8999C11.3376 14.8999 10.8003 15.4372 10.8003 16.0999C10.8003 16.7626 11.3376 17.2999 12.0003 17.2999Z" fill="white"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.2002 14.1V7.69995H12.8002V14.1H11.2002Z" fill="white"></path>
</svg>
</div>
</div>
<div class="event-planner-drawer-popup__add-look-buttons text-center">
<button class="btn" type="button" data-event-planner-drawer-popup-add-look=""> Add look </button>
</div>
<div class="event-planner-drawer-popup__edit-look-buttons text-center" data-event-planner-drawer-popup-edit-guest-buttons="">
<button class="btn" type="button" data-event-planner-drawer-popup-update-look=""> Save changes </button>
<br>
<button class="event-planner-drawer-popup__remove-look-link" type="button" data-event-planner-drawer-popup-delete-look=""> Remove this look </button>
</div>
</div>
</form><form>
<div class="text-center">
<p> You can edit your event after you finalize, but finalizing will send emails to all of your guests with info about your event and their looks (and links to purchase them). </p>
<div class="event-planner-drawer-popup__guest-summary">
</div>
<div class="event-planner-drawer-popup__warning event-planner-drawer-popup__warning--red">
<svg class="icon-warning" width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 20.5C16.4183 20.5 20 16.9183 20 12.5C20 8.08172 16.4183 4.5 12 4.5C7.58172 4.5 4 8.08172 4 12.5C4 16.9183 7.58172 20.5 12 20.5Z" fill="#00ABE8"></path>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12.0003 17.2999C12.663 17.2999 13.2003 16.7626 13.2003 16.0999C13.2003 15.4372 12.663 14.8999 12.0003 14.8999C11.3376 14.8999 10.8003 15.4372 10.8003 16.0999C10.8003 16.7626 11.3376 17.2999 12.0003 17.2999Z" fill="white"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.2002 14.1V7.69995H12.8002V14.1H11.2002Z" fill="white"></path>
</svg> Are you sure you’re ready to finalize?
</div>
<div class="text-center">
<button class="btn" type="button" data-event-planner-drawer-popup-finalize-submit=""> Finalize Event </button>
<br>
<button class="event-planner-drawer-popup__finalize-back-link" type="button" data-event-planner-drawer-popup-close=""> Return to Looks </button>
</div>
</div>
</form><form>
<div class="text-center">
<p> You can edit any of the details & looks within your event, but if you have any guests that have already purchased, make sure they return anything no longer included in their looks. </p>
<div class="event-planner-drawer-popup__warning event-planner-drawer-popup__warning--red">
<svg class="icon-warning" width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 20.5C16.4183 20.5 20 16.9183 20 12.5C20 8.08172 16.4183 4.5 12 4.5C7.58172 4.5 4 8.08172 4 12.5C4 16.9183 7.58172 20.5 12 20.5Z" fill="#00ABE8"></path>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12.0003 17.2999C12.663 17.2999 13.2003 16.7626 13.2003 16.0999C13.2003 15.4372 12.663 14.8999 12.0003 14.8999C11.3376 14.8999 10.8003 15.4372 10.8003 16.0999C10.8003 16.7626 11.3376 17.2999 12.0003 17.2999Z" fill="white"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.2002 14.1V7.69995H12.8002V14.1H11.2002Z" fill="white"></path>
</svg> Are you sure you’d like to make changes?
</div>
<div class="event-planner-drawer-popup__unfinalize-buttons text-center">
<button class="btn btn--grey" type="button" data-event-planner-drawer-popup-close=""> Cancel </button>
<button class="btn" type="button" data-event-planner-drawer-popup-unfinalize-submit=""> Edit the event </button>
</div>
</div>
</form>GET //manage.kmail-lists.com/subscriptions/subscribe
<form action="//manage.kmail-lists.com/subscriptions/subscribe" data-ajax-submit="//manage.kmail-lists.com/ajax/subscriptions/subscribe" method="GET" target="_blank" aria-label="Newsletter Signup with Email Address" data-newsletter-form="">
<input type="hidden" name="g" value="NzVT8m">
<input type="hidden" name="$fields" value="source,customer_language">
<input type="hidden" name="source" value="tip_top_homepage">
<input type="hidden" name="customer_language" value="en">
<div class="klaviyo_messages hide" data-newsletter-message="">
<div class="success_message" style="display:none;"></div>
<div class="error_message" style="display:none;"></div>
</div>
<div class="klaviyo_controls" data-newsletter-controls="">
<div class="newsletter-form__controls">
<input type="email" name="email" autocorrect="off" autocapitalize="off" aria-label="Email" placeholder="Your Email Address" data-newsletter-input-email="" data-newsletter-input-placeholder="Your Email Address"
data-newsletter-input-mobile-placeholder="Your Email Address" required="">
<div>
<button type="submit" aria-label="Submit"><svg class="icon-chevron-right" width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.589966 10.59L5.16997 6L0.589965 1.41L1.99997 -6.16331e-08L7.99997 6L1.99997 12L0.589966 10.59Z" fill="#222222"></path>
</svg></button>
</div>
</div>
</div>
</form><form aria-label="Newsletter Signup with Phone Number" data-newsletter-form-sms="109902" data-newsletter-form-sms-fr="7721681" data-newsletter-form-sms-source="tip_top_homepage">
<div data-newsletter-controls="">
<div class="newsletter-form__controls" data-required-field-wrapper="">
<input type="tel" name="$phone_number" autocorrect="off" autocapitalize="off" pattern="[0-9\-]*" aria-label="Phone Number" placeholder="Phone Number" data-newsletter-phone-number="" data-required-field="Please enter a valid phone number"
data-required-field-pattern="^(\+\d{1,2}\s)?\(?\d{3}\)?[\s.-]\d{3}[\s.-]\d{4}$" required="">
<div>
<button type="submit" aria-label="Submit"><svg class="icon-chevron-right" width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.589966 10.59L5.16997 6L0.589965 1.41L1.99997 -6.16331e-08L7.99997 6L1.99997 12L0.589966 10.59Z" fill="#222222"></path>
</svg></button>
</div>
</div>
</div>
<div class="hide" data-newsletter-message-success="">
<p>Success! Thanks for subscribing!</p>
</div>
<div class="hide" data-newsletter-message-error="">
<p>Error: Please enter a valid phone number.</p>
</div>
<div class="hide" data-newsletter-message-error-custom=""></div>
</form>GET //manage.kmail-lists.com/subscriptions/subscribe
<form action="//manage.kmail-lists.com/subscriptions/subscribe" data-ajax-submit="//manage.kmail-lists.com/ajax/subscriptions/subscribe" method="GET" target="_blank" aria-label="Newsletter Signup with Email Address" data-newsletter-form="">
<input type="hidden" name="g" value="NzVT8m">
<input type="hidden" name="$fields" value="source,customer_language">
<input type="hidden" name="source" value="tip_top_footer">
<input type="hidden" name="customer_language" value="en">
<div class="klaviyo_messages hide" data-newsletter-message="">
<div class="success_message" style="display:none;"></div>
<div class="error_message" style="display:none;"></div>
</div>
<div class="klaviyo_controls" data-newsletter-controls="">
<div class="newsletter-form__controls">
<input type="email" name="email" autocorrect="off" autocapitalize="off" aria-label="Email" placeholder="Email Address" data-newsletter-input-email="" required="">
<div>
<button type="submit" aria-label="Submit"><svg class="icon-chevron-right" width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.589966 10.59L5.16997 6L0.589965 1.41L1.99997 -6.16331e-08L7.99997 6L1.99997 12L0.589966 10.59Z" fill="#222222"></path>
</svg></button>
</div>
</div>
</div>
</form><form aria-label="Newsletter Signup with Phone Number" data-newsletter-form-sms="109902" data-newsletter-form-sms-fr="292111" data-newsletter-form-sms-source="tip_top_footer">
<div data-newsletter-controls="">
<div class="newsletter-form__controls" data-required-field-wrapper="">
<input type="tel" name="$phone_number" autocorrect="off" autocapitalize="off" pattern="[0-9\-]*" aria-label="Phone Number" placeholder="Phone Number" data-newsletter-phone-number="" data-required-field="Please enter a valid phone number"
data-required-field-pattern="^(\+\d{1,2}\s)?\(?\d{3}\)?[\s.-]\d{3}[\s.-]\d{4}$" required="">
<div>
<button type="submit" aria-label="Submit"><svg class="icon-chevron-right" width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.589966 10.59L5.16997 6L0.589965 1.41L1.99997 -6.16331e-08L7.99997 6L1.99997 12L0.589966 10.59Z" fill="#222222"></path>
</svg></button>
</div>
</div>
</div>
<div class="hide" data-newsletter-message-success="">
<p>Success! Thanks for subscribing!</p>
</div>
<div class="hide" data-newsletter-message-error="">
<p>Error: Please enter a valid phone number.</p>
</div>
<div class="hide" data-newsletter-message-error-custom=""></div>
<p class="newsletter-form__terms">By clicking sign up or hitting enter, you agree to receive marketing text messages from Tip Top at the number provided, including messages sent by autodialer. Consent is not a condition of any purchase. Message and
data rates may apply. Message frequency varies. Reply HELP for help or STOP to cancel. View our <a href="/pages/privacy-and-security">Privacy Policy</a> and <a href="/pages/sms-terms-of-service">Terms of Service.</a></p>
</form><form>
<div class="event-planner-popup__step event-planner-popup__step--0 " data-event-planner-popup-step="0">
<div class="event-planner-popup__image ">
<div class="event-planner-popup__steps">
<h3 class="event-planner-popup__steps-heading h5"> Three easy steps: </h3>
<h3 class="event-planner-popup__steps-heading--mobile h5">
</h3>
<ul class="event-planner-popup__steps-list">
<li class="label label--small">
<span class="event-planner-popup__step-number"> 1 </span> Add you & your guests
</li>
<li class="label label--small">
<span class="event-planner-popup__step-number"> 2 </span> Create your looks
</li>
<li class="label label--small">
<span class="event-planner-popup__step-number"> 3 </span> Finalize & purchase looks
</li>
</ul>
</div>
<style>
#image-21778332254304-- {
max-width: 1000.0px;
max-height: 1000px;
}
#imageWrapper-21778332254304-- {
max-width: 1000.0px;
}
#imageWrapper-21778332254304--::before {
padding-top: 100.0%;
}
</style>
<div id="imageWrapper-21778332254304--" data-image-id="21778332254304" class="responsive-image__wrapper ">
<img id="image-21778332254304--" class="responsive-image__image lazyload " src="//www.tiptop.ca/cdn/shop/files/step-1-image_300x.jpg?v=1691601013" data-src="//www.tiptop.ca/cdn/shop/files/step-1-image_{width}x.jpg?v=1691601013"
data-widths="[ 180, 360, 540, 720, 900, 1080, 1200]"
data-aspectratio="1.0" data-sizes="auto" tabindex="-1" alt="">
</div>
<noscript>
<img class="" src="//www.tiptop.ca/cdn/shop/files/step-1-image_2048x2048.jpg?v=1691601013" alt="">
</noscript>
</div>
<div class="event-planner-popup__content-wrapper">
<div class="event-planner-popup__content">
<h2 class="event-planner-popup__heading h3"> It's a Piece of Cake! </h2>
<p class="event-planner-popup__text"> If you've been put in charge of figuring out the suit situation at a wedding, we just made your life a WHOLE lot easier. Add your party members, create bespoke looks, and send your squad ready-to-go
shopping lists right to their inbox. </p>
<button class="btn event-planner-popup__button" type="button" data-event-planner-popup-get-started=""> Get Started </button>
<div class="event-planner-popup__warning" data-event-planner-popup-warning="">
<svg class="icon-warning" width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 20.5C16.4183 20.5 20 16.9183 20 12.5C20 8.08172 16.4183 4.5 12 4.5C7.58172 4.5 4 8.08172 4 12.5C4 16.9183 7.58172 20.5 12 20.5Z" fill="#00ABE8"></path>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12.0003 17.2999C12.663 17.2999 13.2003 16.7626 13.2003 16.0999C13.2003 15.4372 12.663 14.8999 12.0003 14.8999C11.3376 14.8999 10.8003 15.4372 10.8003 16.0999C10.8003 16.7626 11.3376 17.2999 12.0003 17.2999Z" fill="white"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.2002 14.1V7.69995H12.8002V14.1H11.2002Z" fill="white"></path>
</svg> You can change this later!
</div>
<div class="event-planner-popup__controls">
<button class="btn btn--grey" type="button" data-target-step="-1" data-event-planner-popup-step-navigation-control=""> Go back </button>
<span class="event-planner-popup__step-count--1"> 1 of 2 </span>
<span class="event-planner-popup__step-count--2"> 2 of 2 </span>
<button class="event-planner-popup__next btn" type="button" data-target-step="1" data-event-planner-popup-step-navigation-control="" data-event-planner-popup-next=""> Next </button>
</div>
</div>
</div>
</div>
<div class="event-planner-popup__step event-planner-popup__step--1 hide" data-event-planner-popup-step="1">
<div class="event-planner-popup__image small--hide">
<div class="event-planner-popup__steps">
<h3 class="event-planner-popup__steps-heading h5"> Three easy steps: </h3>
<h3 class="event-planner-popup__steps-heading--mobile h5">
</h3>
<ul class="event-planner-popup__steps-list">
<li class="label label--small">
<span class="event-planner-popup__step-number"> 1 </span> Add you & your guests
</li>
<li class="label label--small">
<span class="event-planner-popup__step-number"> 2 </span> Create your looks
</li>
<li class="label label--small">
<span class="event-planner-popup__step-number"> 3 </span> Finalize & purchase looks
</li>
</ul>
</div>
<style>
#image-21778359681120-- {
max-width: 1000.0px;
max-height: 1000px;
}
#imageWrapper-21778359681120-- {
max-width: 1000.0px;
}
#imageWrapper-21778359681120--::before {
padding-top: 100.0%;
}
</style>
<div id="imageWrapper-21778359681120--" data-image-id="21778359681120" class="responsive-image__wrapper ">
<img id="image-21778359681120--" class="responsive-image__image lazyload " src="//www.tiptop.ca/cdn/shop/files/step-2-image_300x.jpg?v=1691606740" data-src="//www.tiptop.ca/cdn/shop/files/step-2-image_{width}x.jpg?v=1691606740"
data-widths="[ 180, 360, 540, 720, 900, 1080, 1200]"
data-aspectratio="1.0" data-sizes="auto" tabindex="-1" alt="">
</div>
<noscript>
<img class="" src="//www.tiptop.ca/cdn/shop/files/step-2-image_2048x2048.jpg?v=1691606740" alt="">
</noscript>
</div>
<div class="event-planner-popup__content-wrapper">
<div class="event-planner-popup__content">
<h2 class="event-planner-popup__heading h4"> Who's Getting Married? </h2>
<div class="text-left">
<select class="event-planner-popup__role-select label label--xs" aria-label="Person 1 Role Title" name="personTitle1">
<option value="bride" selected=""> Bride’s Name </option>
<option value="groom"> Groom’s Name </option>
<option value="celebrant"> Celebrant’s Name </option>
</select>
<label class="visually-hidden" for="person1FirstName"> Person 1 First Name </label>
<div class="event-planner-popup__tooltip-wrapper"><input id="person1FirstName" class="input--border" type="text" name="person1FirstName" placeholder="First Name" data-event-planner-popup-input="" required=""><span
class="event-planner-popup__tooltip hide">Required.</span></div>
<label class="visually-hidden" for="person1LastName"> Person 1 Last Name </label>
<div class="event-planner-popup__tooltip-wrapper"><input id="person1LastName" class="input--border" type="text" name="person1LastName" placeholder="Last Name" data-event-planner-popup-input="" required=""><span
class="event-planner-popup__tooltip hide">Required.</span></div>
</div>
<div class="text-left">
<select class="event-planner-popup__role-select label label--xs" aria-label="Person 2 Role Title" name="personTitle2">
<option value="bride"> Bride’s Name </option>
<option value="groom" selected=""> Groom’s Name </option>
<option value="celebrant"> Celebrant’s Name </option>
</select>
<label class="visually-hidden" for="person2FirstName"> Person 2 First Name </label>
<div class="event-planner-popup__tooltip-wrapper"><input id="person2FirstName" class="input--border" type="text" name="person2FirstName" placeholder="First Name" data-event-planner-popup-input="" required=""><span
class="event-planner-popup__tooltip hide">Required.</span></div>
<label class="visually-hidden" for="person2LastName"> Person 2 Last Name </label>
<div class="event-planner-popup__tooltip-wrapper"><input id="person2LastName" class="input--border" type="text" name="person2LastName" placeholder="Last Name" data-event-planner-popup-input="" required=""><span
class="event-planner-popup__tooltip hide">Required.</span></div>
</div>
<div class="text-left">
<small class="label label--xs"> What’s your role in the wedding? </small>
<div class="radio-blocks">
<div>
<input type="radio" id="bride-" name="weddingRole" value="Bride" checked="">
<label for="bride-">Bride</label>
</div>
<div>
<input type="radio" id="groom-" name="weddingRole" value="Groom">
<label for="groom-">Groom</label>
</div>
<div data-event-planner-roles-celebrant="">
<input type="radio" id="celebrant-" name="weddingRole" value="Celebrant">
<label for="celebrant-">Celebrant</label>
</div>
<div>
<input type="radio" id="guest-" name="weddingRole" value="Party Member">
<label for="guest-">Party Member</label>
</div>
<div data-event-planner-roles-wedding-planner="">
<input type="radio" id="event_planner-" name="weddingRole" value="Wedding Planner">
<label for="event_planner-">Wedding Planner</label>
</div>
</div>
</div>
<div class="text-left">
<small class="label label--xs"> Where's the wedding? </small>
<label class="visually-hidden" for="city-"> City Name </label>
<div class="event-planner-locations event-planner-popup__tooltip-wrapper">
<input id="city-" class="input--border" type="text" name="city" placeholder="City Name" data-event-planner-popup-input="" required="">
<select class="label label--xs" aria-label="Province" name="province">
<option value="AB">AB</option>
<option value="BC">BC</option>
<option value="MB">MB</option>
<option value="NB">NB</option>
<option value="NL">NL</option>
<option value="NT">NT</option>
<option value="NS">NS</option>
<option value="NU">NU</option>
<option value="ON">ON</option>
<option value="PE">PE</option>
<option value="QC">QC</option>
<option value="SK">SK</option>
<option value="YT">YT</option>
<option value="USA">USA</option>
<option value="OTHER">OTHER</option>
</select>
<span class="event-planner-popup__tooltip hide">Required.</span>
</div>
</div>
<div class="event-planner-popup__warning" data-event-planner-popup-warning="">
<svg class="icon-warning" width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 20.5C16.4183 20.5 20 16.9183 20 12.5C20 8.08172 16.4183 4.5 12 4.5C7.58172 4.5 4 8.08172 4 12.5C4 16.9183 7.58172 20.5 12 20.5Z" fill="#00ABE8"></path>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12.0003 17.2999C12.663 17.2999 13.2003 16.7626 13.2003 16.0999C13.2003 15.4372 12.663 14.8999 12.0003 14.8999C11.3376 14.8999 10.8003 15.4372 10.8003 16.0999C10.8003 16.7626 11.3376 17.2999 12.0003 17.2999Z" fill="white"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.2002 14.1V7.69995H12.8002V14.1H11.2002Z" fill="white"></path>
</svg> You can change this later!
</div>
<div class="event-planner-popup__controls">
<button class="btn btn--grey" type="button" data-target-step="0" data-event-planner-popup-step-navigation-control=""> Go back </button>
<span class="event-planner-popup__step-count--1"> 1 of 2 </span>
<span class="event-planner-popup__step-count--2"> 2 of 2 </span>
<button class="event-planner-popup__next btn" type="button" data-target-step="2" data-event-planner-popup-step-navigation-control="" data-event-planner-popup-next=""> Next </button>
</div>
</div>
</div>
</div>
<div class="event-planner-popup__step event-planner-popup__step--2 hide" data-event-planner-popup-step="2">
<div class="event-planner-popup__image small--hide">
<div class="event-planner-popup__steps">
<h3 class="event-planner-popup__steps-heading h5"> Three easy steps: </h3>
<h3 class="event-planner-popup__steps-heading--mobile h5">
</h3>
<ul class="event-planner-popup__steps-list">
<li class="label label--small">
<span class="event-planner-popup__step-number"> 1 </span> Add you & your guests
</li>
<li class="label label--small">
<span class="event-planner-popup__step-number"> 2 </span> Create your looks
</li>
<li class="label label--small">
<span class="event-planner-popup__step-number"> 3 </span> Finalize & purchase looks
</li>
</ul>
</div>
<style>
#image-21778359844960-- {
max-width: 1000.0px;
max-height: 1000px;
}
#imageWrapper-21778359844960-- {
max-width: 1000.0px;
}
#imageWrapper-21778359844960--::before {
padding-top: 100.0%;
}
</style>
<div id="imageWrapper-21778359844960--" data-image-id="21778359844960" class="responsive-image__wrapper ">
<img id="image-21778359844960--" class="responsive-image__image lazyload " src="//www.tiptop.ca/cdn/shop/files/step-3-image_300x.jpg?v=1691606920" data-src="//www.tiptop.ca/cdn/shop/files/step-3-image_{width}x.jpg?v=1691606920"
data-widths="[ 180, 360, 540, 720, 900, 1080, 1200]"
data-aspectratio="1.0" data-sizes="auto" tabindex="-1" alt="">
</div>
<noscript>
<img class="" src="//www.tiptop.ca/cdn/shop/files/step-3-image_2048x2048.jpg?v=1691606920" alt="">
</noscript>
</div>
<div class="event-planner-popup__content-wrapper">
<div class="event-planner-popup__content">
<h2 class="event-planner-popup__heading h4"> Save the Date </h2>
<div tabindex="0" data-event-planner-popup-datepicker="">
<div class="datepicker datepicker-inline active">
<div class="datepicker-picker">
<div class="datepicker-header">
<div class="datepicker-title" style="display: none;"></div>
<div class="datepicker-controls"><button type="button" class="button prev-button prev-btn" tabindex="-1" disabled="">«</button><button type="button" class="button view-switch" tabindex="-1">May 2024</button><button type="button"
class="button next-button next-btn" tabindex="-1">»</button></div>
</div>
<div class="datepicker-main">
<div class="datepicker-view">
<div class="days">
<div class="days-of-week"><span class="dow">Su</span><span class="dow">Mo</span><span class="dow">Tu</span><span class="dow">We</span><span class="dow">Th</span><span class="dow">Fr</span><span class="dow">Sa</span></div>
<div class="datepicker-grid"><span data-date="1714287600000" class="datepicker-cell day prev disabled">28</span><span data-date="1714374000000" class="datepicker-cell day prev disabled">29</span><span data-date="1714460400000"
class="datepicker-cell day prev disabled">30</span><span data-date="1714546800000" class="datepicker-cell day disabled">1</span><span data-date="1714633200000" class="datepicker-cell day disabled">2</span><span
data-date="1714719600000" class="datepicker-cell day disabled">3</span><span data-date="1714806000000" class="datepicker-cell day disabled">4</span><span data-date="1714892400000"
class="datepicker-cell day disabled">5</span><span data-date="1714978800000" class="datepicker-cell day disabled">6</span><span data-date="1715065200000" class="datepicker-cell day disabled">7</span><span
data-date="1715151600000" class="datepicker-cell day disabled">8</span><span data-date="1715238000000" class="datepicker-cell day disabled">9</span><span data-date="1715324400000"
class="datepicker-cell day disabled">10</span><span data-date="1715410800000" class="datepicker-cell day disabled">11</span><span data-date="1715497200000" class="datepicker-cell day disabled">12</span><span
data-date="1715583600000" class="datepicker-cell day disabled">13</span><span data-date="1715670000000" class="datepicker-cell day disabled">14</span><span data-date="1715756400000"
class="datepicker-cell day disabled">15</span><span data-date="1715842800000" class="datepicker-cell day disabled">16</span><span data-date="1715929200000" class="datepicker-cell day disabled">17</span><span
data-date="1716015600000" class="datepicker-cell day disabled">18</span><span data-date="1716102000000" class="datepicker-cell day disabled">19</span><span data-date="1716188400000"
class="datepicker-cell day disabled">20</span><span data-date="1716274800000" class="datepicker-cell day disabled">21</span><span data-date="1716361200000" class="datepicker-cell day focused">22</span><span
data-date="1716447600000" class="datepicker-cell day">23</span><span data-date="1716534000000" class="datepicker-cell day">24</span><span data-date="1716620400000" class="datepicker-cell day">25</span><span
data-date="1716706800000" class="datepicker-cell day">26</span><span data-date="1716793200000" class="datepicker-cell day">27</span><span data-date="1716879600000" class="datepicker-cell day">28</span><span
data-date="1716966000000" class="datepicker-cell day">29</span><span data-date="1717052400000" class="datepicker-cell day">30</span><span data-date="1717138800000" class="datepicker-cell day">31</span><span
data-date="1717225200000" class="datepicker-cell day next">1</span><span data-date="1717311600000" class="datepicker-cell day next">2</span><span data-date="1717398000000" class="datepicker-cell day next">3</span><span
data-date="1717484400000" class="datepicker-cell day next">4</span><span data-date="1717570800000" class="datepicker-cell day next">5</span><span data-date="1717657200000" class="datepicker-cell day next">6</span><span
data-date="1717743600000" class="datepicker-cell day next">7</span><span data-date="1717830000000" class="datepicker-cell day next">8</span></div>
</div>
</div>
</div>
<div class="datepicker-footer">
<div class="datepicker-controls"><button type="button" class="button today-button today-btn" tabindex="-1" style="display: none;">Today</button><button type="button" class="button clear-button clear-btn" tabindex="-1"
style="display: none;">Clear</button></div>
</div>
</div>
</div>
</div>
<input class="hide" type="hidden" name="eventDate" data-event-planner-popup-input="">
<div class="event-planner-popup__warning" data-event-planner-popup-warning="">
<svg class="icon-warning" width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 20.5C16.4183 20.5 20 16.9183 20 12.5C20 8.08172 16.4183 4.5 12 4.5C7.58172 4.5 4 8.08172 4 12.5C4 16.9183 7.58172 20.5 12 20.5Z" fill="#00ABE8"></path>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12.0003 17.2999C12.663 17.2999 13.2003 16.7626 13.2003 16.0999C13.2003 15.4372 12.663 14.8999 12.0003 14.8999C11.3376 14.8999 10.8003 15.4372 10.8003 16.0999C10.8003 16.7626 11.3376 17.2999 12.0003 17.2999Z" fill="white"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.2002 14.1V7.69995H12.8002V14.1H11.2002Z" fill="white"></path>
</svg> You can change this later!
</div>
<div class="event-planner-popup__controls">
<button class="btn btn--grey" type="button" data-target-step="1" data-event-planner-popup-step-navigation-control=""> Go back </button>
<span class="event-planner-popup__step-count--1"> 1 of 2 </span>
<span class="event-planner-popup__step-count--2"> 2 of 2 </span>
<button class="event-planner-popup__next btn" type="button" data-event-planner-popup-create=""> Create </button>
</div>
</div>
</div>
</div>
<div class="event-planner-popup__step event-planner-popup__step--3 hide" data-event-planner-popup-step="3">
<div class="event-planner-popup__image ">
<div class="event-planner-popup__steps">
<h3 class="event-planner-popup__steps-heading h5"> Three easy steps: </h3>
<h3 class="event-planner-popup__steps-heading--mobile h5">
</h3>
<ul class="event-planner-popup__steps-list">
<li class="label label--small">
<span class="event-planner-popup__step-number"> 1 </span> Add you & your guests
</li>
<li class="label label--small">
<span class="event-planner-popup__step-number"> 2 </span> Create your looks
</li>
<li class="label label--small">
<span class="event-planner-popup__step-number"> 3 </span> Finalize & purchase looks
</li>
</ul>
</div>
<style>
#image-21778359877728-- {
max-width: 1000.0px;
max-height: 1000px;
}
#imageWrapper-21778359877728-- {
max-width: 1000.0px;
}
#imageWrapper-21778359877728--::before {
padding-top: 100.0%;
}
</style>
<div id="imageWrapper-21778359877728--" data-image-id="21778359877728" class="responsive-image__wrapper ">
<img id="image-21778359877728--" class="responsive-image__image lazyload " src="//www.tiptop.ca/cdn/shop/files/step-4-image_300x.jpg?v=1691606934" data-src="//www.tiptop.ca/cdn/shop/files/step-4-image_{width}x.jpg?v=1691606934"
data-widths="[ 180, 360, 540, 720, 900, 1080, 1200]"
data-aspectratio="1.0" data-sizes="auto" tabindex="-1" alt="">
</div>
<noscript>
<img class="" src="//www.tiptop.ca/cdn/shop/files/step-4-image_2048x2048.jpg?v=1691606934" alt="">
</noscript>
</div>
<div class="event-planner-popup__content-wrapper">
<div class="event-planner-popup__content">
<h2 class="event-planner-popup__heading h4"> Sign Into Your Account </h2>
<p class="event-planner-popup__text"> Please create an account or sign in to continue. </p>
<a class="btn" href="/account/register">
Create an account
</a>
<br>
<a class="event-planner-popup__link" href="/account">
Sign in
</a>
<div class="event-planner-popup__warning" data-event-planner-popup-warning="">
<svg class="icon-warning" width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 20.5C16.4183 20.5 20 16.9183 20 12.5C20 8.08172 16.4183 4.5 12 4.5C7.58172 4.5 4 8.08172 4 12.5C4 16.9183 7.58172 20.5 12 20.5Z" fill="#00ABE8"></path>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12.0003 17.2999C12.663 17.2999 13.2003 16.7626 13.2003 16.0999C13.2003 15.4372 12.663 14.8999 12.0003 14.8999C11.3376 14.8999 10.8003 15.4372 10.8003 16.0999C10.8003 16.7626 11.3376 17.2999 12.0003 17.2999Z" fill="white"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.2002 14.1V7.69995H12.8002V14.1H11.2002Z" fill="white"></path>
</svg> You can change this later!
</div>
<div class="event-planner-popup__controls">
<button class="btn btn--grey" type="button" data-target-step="2" data-event-planner-popup-step-navigation-control=""> Go back </button>
<span class="event-planner-popup__step-count--1"> 1 of 2 </span>
<span class="event-planner-popup__step-count--2"> 2 of 2 </span>
<button class="event-planner-popup__next btn" type="button" data-target-step="4" data-event-planner-popup-step-navigation-control="" data-event-planner-popup-next=""> Next </button>
</div>
</div>
</div>
</div>
</form>Text Content
Skip to content
Sign up to our newsletter for 10% off Receive 10% off your first online
purchase* when you sign up to our newsletter
Enter Now to Win an Apple Package! Enter Now to Win an On-The-Go Apple Package!
Find a Location
enfr
0
* New Arrivals
* Suiting
Go back
Shop All Suiting
* New Arrivals
* Suit Separates
* Tuxedos
* Dress Shirts
* Dress Pants
* Sport Jackets
* Vests
* Boys' Suits
Wedding
Free Pants When You Buy The Jacket
* Tops
Go back
Shop All Tops
* New Arrivals
* Dress Shirts
* Sport Shirts
* Short Sleeve Shirts
* Polos
* T-Shirts
* Boys' Shirts
* Coats, Jackets & Vests
* Sale
Shop Long Sleeve Shirts
Dress Shirts $49 Each When You Buy 2+
* Bottoms
Go back
Shop All Bottoms
* New Arrivals
* Dress Pants
* Casual Pants
* Jeans
* Shorts
* Sale
Free Pants When You Buy The Jacket
Complete your look with socks
* Accessories
Go back
Shop All Accessories
* Ties & Pocket Squares
* Belts & Suspenders
* Jewellery & Cuff Links
Shop All Essentials
* T-Shirts
* Socks
* Underwear
Shop Ties & Pocket Squares
Shop Dress Shirts
* Sale
Go back
Sale
* All Sale
* Sport Jackets
* Shirts
* Bottoms
* Outerwear
* Clearance
Spring Styles Up To 50% Off
Dress Shirts Up To 50% Off
* Wedding
* Prom
* Fit Finder
Suit Separates
Vests
Ties
Dress Shirts
enfr
Company
* Find a Store
* About Us
* The Blog
* Careers
Help Desk
* COVID-19
* Orders & Shipments
* Returns & Exchanges
* Accounts & Emails
* Payments & Checkout
* Pricing & Promotions
Customer Support
* Log In
* Find Your Size
* Track Your Order
* Contest Winners
Popular Collections
Suit Separates
Vests
Ties
Dress Shirts
Added to bag Your Bag
$99 away from free shipping
You qualify for free shipping!
Continue to checkout
Don’t forget to sign up to get 10% off your first purchase - GIft Card Purchases
Exempt
Your bag is empty
Continue Shopping
Edit Event Edit Event
THE WEDDING OF
Success!
We’ve sent emails to all your guests letting them know their next steps. You can
come back here at any time to follow along with their progress. You can find
this information in Your Account dashboard.
Added [product] to your look!
GUESTS
GUESTS
Add another guest
Add at least two guests to your wedding party to take advantage of our event
group discount. Keep an eye on your guests.
Add at least two guests to your wedding party to take advantage of our event
group discount. Keep an eye on your guests.
LOOKS
LOOKS
Add a new look
Create the perfect looks for your wedding party and then assign them to your
guests above. All the Looks you’ve put together for your wedding.
Create the perfect looks for your wedding party and then assign them to your
guests above. All the Looks you’ve put together for your wedding.
WEDDING BUNDLE PROMOTIONS
WEDDING BUNDLE PROMOTIONS
Start adding products to your Look and we'll automatically apply the best bundle
price that applies!
Start adding products to your Look and we’ll automatically apply the best bundle
price that applies!
Some products have an additional upgrade charge.
Some products have an additional upgrade charge.
Most popular
From $329
Save $150
* Suit Separate Jacket
* Suit Separate Pants
* Vest
* Dress Shirt
* Tie
* Pocket Square
Shop now
From $279
Save $100
* Suit Separate Jacket
* Suit Separate Pants
* Dress Shirt
* Tie
* Pocket Square
Shop now
From $199
Save $75
* Suit Separate Pants
* Vest
* Dress Shirt
* Tie
Shop now
Finalize your event
EDIT EVENT
Name Person 1 First Name
Required.
Person 1 Last Name
Required.
Name Person 2 First Name
Required.
Person 2 Last Name
Required.
What’s your role in the wedding?
Bride
Groom
Celebrant
Party Member
Wedding Planner
Where's the wedding? City Name
AB BC MB NB NL NT NS NU ON PE QC SK YT USA OTHER Required.
«May 2024»
SuMoTuWeThFrSa
2829301234567891011121314151617181920212223242526272829303112345678
TodayClear
Save changes
ADD A NEW GUEST
Guest’s Name First Name
Required.
Last Name
Required.
Guest’s Email Address
This is the event organizer's email address. To edit this field, please contact
Customer Support.
Contact Support
Required.
Guest’s phone number (optional)
What’s their role in the wedding?
Bride
Groom
Celebrant
Party Member
Wedding Planner
Send this guest emails in:
English
French
Who is buying their outfit
They’re buying this outfit themself
I’m buying this outfit for the guest
Another guest is already using this email address. Please provide a unique email
address.
If you’re buying an outfit for one of your guests, we’ll send them an email
requesting their sizes before you make the purchase.
Add guest
Delete guest Save changes
ADD A NEW LOOK
Name this look
Add look
Save changes
Remove this look
FINALIZE EVENT
You can edit your event after you finalize, but finalizing will send emails to
all of your guests with info about your event and their looks (and links to
purchase them).
Are you sure you’re ready to finalize?
Finalize Event
Return to Looks
ARE YOU SURE?
You can edit any of the details & looks within your event, but if you have any
guests that have already purchased, make sure they return anything no longer
included in their looks.
Are you sure you’d like to make changes?
Cancel Edit the event
THE #1 DESTINATION
FOR ALL THINGS PROM THE #1 DESTINATION
FOR ALL THINGS PROM
Formal, fun, casual...whatever your style, we've got you covered!
Find Your Prom Look
PLANNING A WEDDING?
Need to make sure your whole party is coordinated and looking good? We know it
can be a bit of a hassle to keep track of everyone & everything.
With 'Piece of Cake', our wedding party suit coordinator, we take care of it all
for you! You'll have your party members, outfits & event set up in a matter of
minutes. Try it out!
Get Started
Already created an event? Login!
NEW ARRIVALS: SPORT SHIRTS
New
$69 each when you buy 2 or more
JERMYN & BOND
MODERN FIT LONG SLEEVE DOUBLE COLLAR TEXTURED SPORT SHIRT
$95.00
New
$69 each when you buy 2 or more
JERMYN & BOND
MODERN FIT LONG SLEEVE DOUBLE COLLAR TEXTURED SPORT SHIRT
$95.00
New
$69 each when you buy 2 or more
JERMYN & BOND
MODERN FIT LONG SLEEVE DOUBLE COLLAR TEXTURED SPORT SHIRT
$95.00
New
$69 each when you buy 2 or more
JERMYN & BOND
MODERN FIT LONG SLEEVE DOUBLE COLLAR TEXTURED SPORT SHIRT
$95.00
New
$69 each when you buy 2 or more
JERMYN & BOND
MODERN FIT LONG SLEEVE SINGLE COLLAR PRINTED SPORT SHIRT
$95.00
New
$69 each when you buy 2 or more
JERMYN & BOND
MODERN FIT LONG SLEEVE SINGLE COLLAR PRINTED SPORT SHIRT
$95.00
New
$69 each when you buy 2 or more
JERMYN & BOND
MODERN FIT LONG SLEEVE SINGLE COLLAR PRINTED SPORT SHIRT
$95.00
New
$69 each when you buy 2 or more
JERMYN & BOND
MODERN FIT LONG SLEEVE SINGLE COLLAR PRINTED SPORT SHIRT
$95.00
New
$69 each when you buy 2 or more
JERMYN & BOND
MODERN FIT LONG SLEEVE SINGLE COLLAR PRINTED SPORT SHIRT
$95.00
DESIGNED FOR STYLE,
TAILORED FOR COMFORT.
DESIGNED FOR STYLE,
TAILORED FOR COMFORT.
Whether dressed up or down, we have dress shirts that fit any occasion.
Whether dressed up or down, we have dress shirts that fit any occasion.
Shop Dress Shirts
PERFECT MOMENTS.
PERFECTLY DRESSED.
PERFECT MOMENTS.
PERFECTLY DRESSED.
Your event + Tip Top
= the OTHER perfect match.
Your event + Tip Top = the OTHER perfect match.
We've got you covered for all of your event dressing needs.
Shop Suits
LET'S CONNECT.
Get exclusive perks, offers and access to our newest styles straight to your
inbox.
New email subscribers get 10% OFF their first online purchase.
Text subscribers get entered to win a $100 gift card.
Success! Thanks for subscribing!
Error: Please enter a valid phone number.
THE PERFECT FIT STARTS HERE
BODY.
We fit your
BUDGET.
We fit your
STYLE.
We fit your
Need Help?
* Help Desk
* Returns Centre
* Track Your Order
* Log In
* Find Your Fit
* About Us
* Find a Store
* The Blog
* Contest Winners
* Terms & Conditions
* Privacy Statement
* Careers
* Klarna
* Contact Us
* Gift Card Balance Check
* Reviews
Get on the list.
Get exclusive perks, offers and access to our newest styles straight to your
inbox. New email subscribers get 10% OFF their first online purchase. *Gift Card
Purchase Exempt. Text subscribers get entered to win a $100 gift card.
Success! Thanks for subscribing!
Error: Please enter a valid phone number.
By clicking sign up or hitting enter, you agree to receive marketing text
messages from Tip Top at the number provided, including messages sent by
autodialer. Consent is not a condition of any purchase. Message and data rates
may apply. Message frequency varies. Reply HELP for help or STOP to cancel. View
our Privacy Policy and Terms of Service.
*
*
*
© 2024 Tip Top.
THREE EASY STEPS:
* 1 Add you & your guests
* 2 Create your looks
* 3 Finalize & purchase looks
IT'S A PIECE OF CAKE!
If you've been put in charge of figuring out the suit situation at a wedding, we
just made your life a WHOLE lot easier. Add your party members, create bespoke
looks, and send your squad ready-to-go shopping lists right to their inbox.
Get Started
You can change this later!
Go back 1 of 2 2 of 2 Next
THREE EASY STEPS:
* 1 Add you & your guests
* 2 Create your looks
* 3 Finalize & purchase looks
WHO'S GETTING MARRIED?
Bride’s Name Groom’s Name Celebrant’s Name Person 1 First Name
Required.
Person 1 Last Name
Required.
Bride’s Name Groom’s Name Celebrant’s Name Person 2 First Name
Required.
Person 2 Last Name
Required.
What’s your role in the wedding?
Bride
Groom
Celebrant
Party Member
Wedding Planner
Where's the wedding? City Name
AB BC MB NB NL NT NS NU ON PE QC SK YT USA OTHER Required.
You can change this later!
Go back 1 of 2 2 of 2 Next
THREE EASY STEPS:
* 1 Add you & your guests
* 2 Create your looks
* 3 Finalize & purchase looks
SAVE THE DATE
«May 2024»
SuMoTuWeThFrSa
2829301234567891011121314151617181920212223242526272829303112345678
TodayClear
You can change this later!
Go back 1 of 2 2 of 2 Create
THREE EASY STEPS:
* 1 Add you & your guests
* 2 Create your looks
* 3 Finalize & purchase looks
SIGN INTO YOUR ACCOUNT
Please create an account or sign in to continue.
Create an account
Sign in
You can change this later!
Go back 1 of 2 2 of 2 Next
Wedding Bundle Promotions
Most popular
From $329
Save $150
* Suit Separate Jacket
* Suit Separate Pants
* Vest
* Dress Shirt
* Tie
* Pocket Square
From $279
Save $100
* Suit Separate Jacket
* Suit Separate Pants
* Dress Shirt
* Tie
* Pocket Square
From $199
Save $75
* Suit Separate Pants
* Vest
* Dress Shirt
* Tie
Continue Shopping
Start adding products to your Look and we'll automatically apply the best bundle
price that applies!
Hello! How can I help you?
This website uses cookies to ensure you get the best experience on our
website.Privacy Policy
PreferencesAccept
x
Choose Type of Cookies You Accept Using
Strictly Required CookiesAnalytics and StatisticsMarketing and
RetargetingFunctional Cookies
Strictly Required Cookies
These cookies are required for the website to run and cannot be switched off.
Such cookies are only set in response to actions made by you such as language,
currency, login session, privacy preferences. You can set your browser to block
these cookies but this might affect the way our site is working.
Save my choice
Reject AllAccept All
*By clicking on the above buttons, I give my consent on collecting my IP and
email (if registered). For more check PIPEDA Compliance