www.tiptop.ca
Open in
urlscan Pro
2620:127:f00f:e::
Public Scan
URL:
https://www.tiptop.ca/collections/sale-shirts
Submission: On December 31 via api from US — Scanned from CA
Submission: On December 31 via api from US — Scanned from CA
Form analysis 10 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">December 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="1733040000000" class="datepicker-cell day disabled">1</span><span data-date="1733126400000" class="datepicker-cell day disabled">2</span><span data-date="1733212800000"
class="datepicker-cell day disabled">3</span><span data-date="1733299200000" class="datepicker-cell day disabled">4</span><span data-date="1733385600000" class="datepicker-cell day disabled">5</span><span data-date="1733472000000"
class="datepicker-cell day disabled">6</span><span data-date="1733558400000" class="datepicker-cell day disabled">7</span><span data-date="1733644800000" class="datepicker-cell day disabled">8</span><span data-date="1733731200000"
class="datepicker-cell day disabled">9</span><span data-date="1733817600000" class="datepicker-cell day disabled">10</span><span data-date="1733904000000" class="datepicker-cell day disabled">11</span><span data-date="1733990400000"
class="datepicker-cell day disabled">12</span><span data-date="1734076800000" class="datepicker-cell day disabled">13</span><span data-date="1734163200000" class="datepicker-cell day disabled">14</span><span
data-date="1734249600000" class="datepicker-cell day disabled">15</span><span data-date="1734336000000" class="datepicker-cell day disabled">16</span><span data-date="1734422400000"
class="datepicker-cell day disabled">17</span><span data-date="1734508800000" class="datepicker-cell day disabled">18</span><span data-date="1734595200000" class="datepicker-cell day disabled">19</span><span
data-date="1734681600000" class="datepicker-cell day disabled">20</span><span data-date="1734768000000" class="datepicker-cell day disabled">21</span><span data-date="1734854400000"
class="datepicker-cell day disabled">22</span><span data-date="1734940800000" class="datepicker-cell day disabled">23</span><span data-date="1735027200000" class="datepicker-cell day disabled">24</span><span
data-date="1735113600000" class="datepicker-cell day disabled">25</span><span data-date="1735200000000" class="datepicker-cell day disabled">26</span><span data-date="1735286400000"
class="datepicker-cell day disabled">27</span><span data-date="1735372800000" class="datepicker-cell day disabled">28</span><span data-date="1735459200000" class="datepicker-cell day disabled">29</span><span
data-date="1735545600000" class="datepicker-cell day disabled">30</span><span data-date="1735632000000" class="datepicker-cell day focused">31</span><span data-date="1735718400000" class="datepicker-cell day next">1</span><span
data-date="1735804800000" class="datepicker-cell day next">2</span><span data-date="1735891200000" class="datepicker-cell day next">3</span><span data-date="1735977600000" class="datepicker-cell day next">4</span><span
data-date="1736064000000" class="datepicker-cell day next">5</span><span data-date="1736150400000" class="datepicker-cell day next">6</span><span data-date="1736236800000" class="datepicker-cell day next">7</span><span
data-date="1736323200000" class="datepicker-cell day next">8</span><span data-date="1736409600000" class="datepicker-cell day next">9</span><span data-date="1736496000000" class="datepicker-cell day next">10</span><span
data-date="1736582400000" class="datepicker-cell day next">11</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 themselves <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 event-planner-drawer-popup__warning--red hide" data-event-planner-drawer-warning-regex-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> Please provide a valid 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_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">*Gift Card purchases exempt. Offer cannot be combined with wedding bundle packages.<br><br>By signing up, 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">December 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="1733040000000" class="datepicker-cell day disabled">1</span><span data-date="1733126400000" class="datepicker-cell day disabled">2</span><span data-date="1733212800000"
class="datepicker-cell day disabled">3</span><span data-date="1733299200000" class="datepicker-cell day disabled">4</span><span data-date="1733385600000" class="datepicker-cell day disabled">5</span><span
data-date="1733472000000" class="datepicker-cell day disabled">6</span><span data-date="1733558400000" class="datepicker-cell day disabled">7</span><span data-date="1733644800000"
class="datepicker-cell day disabled">8</span><span data-date="1733731200000" class="datepicker-cell day disabled">9</span><span data-date="1733817600000" class="datepicker-cell day disabled">10</span><span
data-date="1733904000000" class="datepicker-cell day disabled">11</span><span data-date="1733990400000" class="datepicker-cell day disabled">12</span><span data-date="1734076800000"
class="datepicker-cell day disabled">13</span><span data-date="1734163200000" class="datepicker-cell day disabled">14</span><span data-date="1734249600000" class="datepicker-cell day disabled">15</span><span
data-date="1734336000000" class="datepicker-cell day disabled">16</span><span data-date="1734422400000" class="datepicker-cell day disabled">17</span><span data-date="1734508800000"
class="datepicker-cell day disabled">18</span><span data-date="1734595200000" class="datepicker-cell day disabled">19</span><span data-date="1734681600000" class="datepicker-cell day disabled">20</span><span
data-date="1734768000000" class="datepicker-cell day disabled">21</span><span data-date="1734854400000" class="datepicker-cell day disabled">22</span><span data-date="1734940800000"
class="datepicker-cell day disabled">23</span><span data-date="1735027200000" class="datepicker-cell day disabled">24</span><span data-date="1735113600000" class="datepicker-cell day disabled">25</span><span
data-date="1735200000000" class="datepicker-cell day disabled">26</span><span data-date="1735286400000" class="datepicker-cell day disabled">27</span><span data-date="1735372800000"
class="datepicker-cell day disabled">28</span><span data-date="1735459200000" class="datepicker-cell day disabled">29</span><span data-date="1735545600000" class="datepicker-cell day disabled">30</span><span
data-date="1735632000000" class="datepicker-cell day focused">31</span><span data-date="1735718400000" class="datepicker-cell day next">1</span><span data-date="1735804800000" class="datepicker-cell day next">2</span><span
data-date="1735891200000" class="datepicker-cell day next">3</span><span data-date="1735977600000" class="datepicker-cell day next">4</span><span data-date="1736064000000" class="datepicker-cell day next">5</span><span
data-date="1736150400000" class="datepicker-cell day next">6</span><span data-date="1736236800000" class="datepicker-cell day next">7</span><span data-date="1736323200000" class="datepicker-cell day next">8</span><span
data-date="1736409600000" class="datepicker-cell day next">9</span><span data-date="1736496000000" class="datepicker-cell day next">10</span><span data-date="1736582400000" class="datepicker-cell day next">11</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
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 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.
Analytics and Statistics
These cookies allow us to measure visitors traffic and see traffic sources by
collecting information in data sets. They also help us understand which products
and actions are more popular than others.
Marketing and Retargeting
These cookies are usually set by our marketing and advertising partners. They
may be used by them to build a profile of your interest and later show you
relevant ads. If you do not allow these cookies you will not experience targeted
ads for your interests.
Functional Cookies
These cookies enable our website to offer additional functions and personal
settings. They can be set by us or by third-party service providers that we have
placed on our pages. If you do not allow these cookies, these or some of these
services may not work properly.
Save my choiceAccept All
*By clicking on the above buttons, I give my consent on collecting my IP and
email (if registered). For more check PIPEDA Compliance
Skip to content
Sign up for our newsletter for 10% off Receive 10% off your first online
purchase* when you sign up for our newsletter
Enter Now to Win Your Bills This Holiday Season! Enter Now to Win Your Bills
This Holiday Season!
Find a Location
enfr
0
* BOXING WEEK
Go back
Boxing Week Sale
* Suit Blowout
* Sport Jackets
* Shirts
* Outerwear
* Bottoms
* All Sale
50-70% Off Boxing Week Sale
Suit Blowout Sale
* New Arrivals
* Suiting
Go back
Shop All Suiting
* New Arrivals
* Suit Separates
* Tuxedos
* Dress Shirts
* Dress Pants
* Sport Jackets
* Vests
* Boys' Suits
* Sale Suits
Wedding
Free Pants When You Buy the Jacket
* Tops
Go back
Shop All Tops
* New Arrivals
* Dress Shirts
* Sport Shirts
* Polos
* T-Shirts
* Short Sleeve Shirts
* Boys' Shirts
Sweaters, Hoodies & Outerwear
* Sweaters & Hoodies
* Coats, Jackets & Vests
Shop Sweaters
50-70% Off Dress Shirts
* Bottoms
Go back
Shop All Bottoms
* New Arrivals
* Dress Pants
* Casual Pants
* Shorts
* Sale
Free Pants When You Buy The Jacket
Complete your look with socks
* Accessories
Go back
Shop All Accessories
* Ties
* Bow Ties
* Pocket Squares
* Lapel Pins
* Cuff Links & Tie Bars
* Gloves, Hats & Scarves
Shop All Essentials
* Socks
* Belts & Suspenders
Shop Ties & Pocket Squares
Shop Dress Shirts
* Outerwear
Go back
Shop All Outerwear
* Coats, Jackets & Vests
* Gloves, Hats & Scarves
* Sale
50-70% Off Outerwear
50% Off Sweaters
* Wedding
* Gift Cards
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
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 $349
Save $130
* Suit Separate Jacket
* Suit Separate Pants
* Vest
* Dress Shirt
* Tie
* Pocket Square
Shop now
From $299
Save $80
* 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.
«December 2024»
SuMoTuWeThFrSa
123456789101112131415161718192021222324252627282930311234567891011
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 themselves
I’m buying this outfit for the guest
Another guest is already using this email address. Please provide a unique email
address.
Please provide a valid 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
BOXING WEEK SALE: 50-70% OFF
Discover this season's best offers for men's apparel only at Tip Top.
From suit separates and dress shirts, to sweaters and outerwear - our
bestsellers are now on sale for only a limited time!
Shop Sale
Boxing Week Sale Sale Shirts
Sale Shirts
134 Items
Shirts
Shirts
Suit Blowout
Sport Jackets
Shirts
Outerwear
Bottoms
All Sale
... Boxing Week Sale Suit Blowout Sport Jackets Shirts Outerwear Bottoms All
Sale
Show All Filters
Filters
Sort
Sort
Sort
Newest
Price: low-high
Price: high-low
Filters
134 Items
Translation missing: en.collections.sorting.title ,
* Best selling
* Created ascending
* Price ascending
* Manual
* Title ascending
* Price descending
* Created descending
* Title descending
* Newest
Clear All
Close Filter Menu
Clear All
Close
Filters 134 Items
Clear All
Product type
Clear
* Dress Shirts (60)
* Sport Shirts (74)
Apply
Colour
Clear
* Beige (6)
* Black (19)
* Blue (38)
* Brown (1)
* Gold (1)
* Green (12)
* Grey (10)
* Multi (12)
* Orange (8)
* Pink (3)
* Purple (11)
* Red (13)
* White (18)
* Yellow (1)
Apply
Brand
Clear
* Bellissimo (24)
* G Grafton (9)
* Grafton 1853 (8)
* Hechter Paris (62)
* Jermyn & Bond (27)
* Projek Raw (4)
Apply
Size
Clear
* S (74)
* M (74)
* L (74)
* XL (74)
* 2X (74)
* 14/14.5 32/33 (41)
* 14/14.5 34/35 (4)
* 15/15.5 32/33 (60)
* 15/15.5 34/35 (60)
* 16/16.5 32/33 (60)
* 16/16.5 34/35 (60)
* 17/17.5 32/33 (20)
* 17/17.5 34/35 (60)
* 17/17.5 36/37 (19)
* 18/18.5 32/33 (3)
* 18/18.5 34/35 (19)
* 18/18.5 36/37 (19)
* 19/19.5 34/35 (11)
* 19/19.5 36/37 (11)
Apply
Fit
Clear
* Modern Fit (93)
* Slim Fit (41)
Apply
Price
Clear
-
22
27
32
37
42
48
Apply
Show Results (134) Apply All
50% Off
JERMYN & BOND
MODERN FIT LONG SLEEVE PRINTED FLOCKING SPORT SHIRT
$47.50$95.00
50% Off
JERMYN & BOND
MODERN FIT LONG SLEEVE PRINTED FLOCKING SPORT SHIRT
$47.50$95.00
50% Off
JERMYN & BOND
MODERN FIT LONG SLEEVE FLOCKING SPORT SHIRT
$47.50$95.00
50% Off
JERMYN & BOND
MODERN FIT LONG SLEEVE FLOCKING SPORT SHIRT
$47.50$95.00
50% Off
JERMYN & BOND
MODERN FIT LONG SLEEVE WATER COLOUR PRINT SPORT SHIRT
$47.50$95.00
50% Off
JERMYN & BOND
MODERN FIT LONG SLEEVE WATER COLOUR PRINT SPORT SHIRT
$47.50$95.00
50% Off
JERMYN & BOND
MODERN FIT LONG SLEEVE WATER COLOUR PRINT SPORT SHIRT
$47.50$95.00
50% Off
JERMYN & BOND
MODERN FIT LONG SLEEVE WATER COLOUR PRINT SPORT SHIRT
$47.50$95.00
50% Off
JERMYN & BOND
MODERN FIT LONG SLEEVE WATER COLOUR PRINT SPORT SHIRT
$47.50$95.00
50% Off
JERMYN & BOND
MODERN FIT LONG SLEEVE DOUBLE COLLAR TEXTURED SPORT SHIRT
$47.50$95.00
50% Off
JERMYN & BOND
MODERN FIT LONG SLEEVE DOUBLE COLLAR TEXTURED SPORT SHIRT
$47.50$95.00
50% Off
JERMYN & BOND
MODERN FIT LONG SLEEVE DOUBLE COLLAR TEXTURED SPORT SHIRT
$47.50$95.00
50% Off
JERMYN & BOND
MODERN FIT LONG SLEEVE DOUBLE COLLAR TEXTURED SPORT SHIRT
$47.50$95.00
70% Off
JERMYN & BOND
MODERN FIT LONG SLEEVE SINGLE COLLAR PRINTED SPORT SHIRT
$28.50$95.00
70% Off
JERMYN & BOND
MODERN FIT LONG SLEEVE SINGLE COLLAR PRINTED SPORT SHIRT
$28.50$95.00
70% Off
JERMYN & BOND
MODERN FIT LONG SLEEVE SINGLE COLLAR PRINTED SPORT SHIRT
$28.50$95.00
70% Off
JERMYN & BOND
MODERN FIT LONG SLEEVE SINGLE COLLAR PRINTED SPORT SHIRT
$28.50$95.00
70% Off
JERMYN & BOND
MODERN FIT LONG SLEEVE SINGLE COLLAR PRINTED SPORT SHIRT
$28.50$95.00
50% Off
HECHTER PARIS
MODERN FIT LONG SLEEVE FLANNEL SOFT TOUCH SPORT SHIRT
$47.50$95.00
50% Off
HECHTER PARIS
MODERN FIT 360 STRETCH LONG SLEEVE PLAID PRINTED SPORT SHIRT
$47.50$95.00
50% Off
HECHTER PARIS
MODERN FIT LONG SLEEVE FLANNEL SOFT TOUCH SPORT SHIRT
$47.50$95.00
50% Off
HECHTER PARIS
MODERN FIT 360 STRETCH LONG SLEEVE PLAID PRINTED SPORT SHIRT
$47.50$95.00
50% Off
HECHTER PARIS
MODERN FIT LONG SLEEVE FLANNEL SOFT TOUCH SPORT SHIRT
$47.50$95.00
50% Off
HECHTER PARIS
MODERN FIT 360 STRETCH LONG SLEEVE PLAID PRINTED SPORT SHIRT
$47.50$95.00
50% Off
HECHTER PARIS
MODERN FIT 360 STRETCH LONG SLEEVE PLAID PRINTED SPORT SHIRT
$47.50$95.00
50% Off
HECHTER PARIS
MODERN FIT 360 STRETCH LONG SLEEVE PLAID PRINTED SPORT SHIRT
$47.50$95.00
50% Off
HECHTER PARIS
MODERN FIT 360 STRETCH LONG SLEEVE PLAID PRINTED SPORT SHIRT
$47.50$95.00
50% Off
HECHTER PARIS
MODERN FIT 360 STRETCH LONG SLEEVE PLAID PRINTED SPORT SHIRT
$47.50$95.00
50% Off
HECHTER PARIS
MODERN FIT 360 STRETCH LONG SLEEVE GEO PRINTED SPORT SHIRT
$47.50$95.00
50% Off
HECHTER PARIS
MODERN FIT 360 STRETCH LONG SLEEVE GEO PRINTED SPORT SHIRT
$47.50$95.00
50% Off
HECHTER PARIS
MODERN FIT 360 STRETCH LONG SLEEVE GEO PRINTED SPORT SHIRT
$47.50$95.00
50% Off
HECHTER PARIS
MODERN FIT 360 STRETCH LONG SLEEVE GEO PRINTED SPORT SHIRT
$47.50$95.00
50% Off
HECHTER PARIS
MODERN FIT 360 STRETCH LONG SLEEVE GEO PRINTED SPORT SHIRT
$47.50$95.00
50% Off
HECHTER PARIS
MODERN FIT 360 STRETCH LONG SLEEVE FLORAL PRINTED SPORT SHIRT
$47.50$95.00
50% Off
HECHTER PARIS
MODERN FIT 360 STRETCH LONG SLEEVE GEO PRINTED SPORT SHIRT
$47.50$95.00
50% Off
HECHTER PARIS
MODERN FIT 360 STRETCH LONG SLEEVE FLORAL PRINTED SPORT SHIRT
$47.50$95.00
1 2 3 4 Next
SEASONAL PRODUCT
Seasonal products are available for a limited time only. Encourage your guests
to complete their purchases quickly to guarantee their outfit.
Okay
ALWAYS IN STOCK!
This item is always in stock, regardless of season. You can order it with
confidence that it will be available regardless of when you’re event will be
taking place.
Okay
Need Help?
* Help Desk
* Returns Centre
* Track Your Order
* Log In
* Find Your Fit
* About Us
* Bill S-211 Reporting
* Find a Store
* The Blog
* Contests: Enter to Win!
* Contest Winners
* Terms & Conditions
* Privacy Statement
* Careers
* Klarna
* Contact Us
* Gift Card FAQs
* Gift Card Balance Checker
* Reviews
Get on the list.
Exclusive perks & offers, plus access to our newest styles straight to your
inbox! New email subscribers get 10% OFF their first online purchase.*
Success! Thanks for subscribing!
Error: Please enter a valid phone number.
*Gift Card purchases exempt. Offer cannot be combined with wedding bundle
packages.
By signing up, 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
«December 2024»
SuMoTuWeThFrSa
123456789101112131415161718192021222324252627282930311234567891011
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 $349
Save $130
* Suit Separate Jacket
* Suit Separate Pants
* Vest
* Dress Shirt
* Tie
* Pocket Square
From $299
Save $80
* 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! Have any Questions?