Tile Settings

Customer Template

Edit
Google Workspace Business Standard Annual

Enhanced communication & productivity capabilities, max of 300 seats.

$6.00Per User/month

Min Seats(1) - Max Seats(100)

Edit
Office 365 Enterprise E3

Business email, file storage and sharing, Office applications, meetings and IM; Including security and compliance tools.

$18.00Per User/month

Min Seats(5) - Max Seats(25)

Edit
Exchange Online Protection

Protect against spam and malware, while maintaining access to email during and after emergencies.

$18.00Per User/month

Min Seats(5) - Max Seats(25)

Edit
Microsoft 365 Apps for business

Office apps, cloud file-storage & sharing.

$8.25Per User/month

Min Seats(1) - Max Seats(50)

Edit
Dropbox Business Advanced True Monthly

A true month-to-month commitment of Dropbox Business Advanced plan.

$25.00Per User/month

Min Seats(3) - Max Seats(10000)

Edit
Black Pearl Mail Standalone O365

Black Pearl Mail activates the intelligence of email to help businesses & end-users use it more strategically

$3.00Per User/month

Min Seats(1) - Max Seats(11)

Edit
Smart Insights + Signatures G Suite

Smart Insights + Signatures G Suite for Synnex

$2.00Per User/month

Min Seats(1) - Max Seats(11)

        
<!--Catalog Management tile settings-->
<div class="storefront-rightbar catalog-management tilesettings" style="display:none;">
   <div class="row">
      <div class="col-md-12">
         <div class="tile-setting-header">
            <h3>Customer Template </h3>
            <div class="default-temp-dropdown ml-3">
               <a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class=""> <span class="link-text">Default Template</span> <i class="icon-arrow-bottom"></i> </a>
               <div class="dropdown-menu" style="">
                  <ul class="sub-dropdown-menu pl-0 m-0">
                     <li class="sortby-dropdown"><a href="#" class="dropdown-item"><span>Default Template</span></a></li>
                     <li class="sortby-dropdown"><a href="#" class="dropdown-item"><span>Azure</span></a></li>
                     <li class="sortby-dropdown"><a href="#" class="dropdown-item"><span>Brandon 3421</span></a></li>
                     <li class="sortby-dropdown"><a href="#" class="dropdown-item"><span>Brandon S3521</span></a></li>
                     <li class="sortby-dropdown"><a href="#" class="dropdown-item"><span>Staffing</span></a></li>
                     <li class="sortby-dropdown"><a href="#" class="dropdown-item"><span>Restaurant</span></a></li>
                     <li class="sortby-dropdown"><a href="#" class="dropdown-item"><span>Corporation</span></a></li>
                     <li class="sortby-dropdown"><a href="#" class="dropdown-item"><span>OPCO LLC</span></a></li>
                  </ul>
               </div>
            </div>
            <a href="javascript:void()" class="ml-4"> <i class="icon-info-blue" data-toggle="tooltip" data-placement="right" title="<p class='text-left mb-0'>Select a template from this list to maintain its tiles. <br>
               You can choose two or more tiles and merge them into one tile.</p> " data-html="true"></i></a>
         </div>
      </div>
   </div>
   <div class="row mt-3 tileSett">
      <div class="col-sm-12 col-md-12 col-lg-6 col-xl-3 bundleTile">
         <div class="custom-control custom-checkbox">
            <input type="checkbox" class="custom-control-input" id="cust1" name="cust1-check">
            <label class="custom-control-label" for="cust1"><span>Add to Bundle</span></label>
         </div>
         <div class="product-tile preview-tile">
            <div class="tiles-logos">
               <img src="images/google.png">
            </div>
            <a href="javascript:void(0);" class="btn edit-btn openRtFly" data-flyout="edit-tile"><i class="icon-line-edit"></i>Edit </a>
            <h5 class="featured-heading">Google Workspace Business Standard Annual</h5>
            <p>Enhanced communication &amp; productivity capabilities, max of 300 seats.</p>
            <div class="price-value">$6.00<span>Per User/month</span></div>
            <div class="tile-footer group-footer">
               <div class="input-group snippet-group">
                  <span class="input-group-btn">
                  <button type="button" class="btn btn-default btn-number" data-type="minus" data-field="quant[1]" data-toggle="tooltip" data-placement="top" title="" data-original-title="Delete Quantity">
                  <img src="images/minus-icon.png">
                  </button>
                  </span>
                  <input type="text" name="quant[1]" class="form-control input-number" value="1">
                  <span class="input-group-btn">
                  <button type="button" class="btn btn-default btn-number" data-type="plus" data-field="quant[1]" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add Quantity">
                  <i class="icon-plus"></i>
                  </button>
                  </span>
               </div>
               <p>Min Seats(1) - Max Seats(100)</p>
               <button type="button" class="btn btn-primary"> <span class="txt">Activate Service</span> </button>
            </div>
         </div>
      </div>
      <div class="col-sm-12 col-md-12 col-lg-6 col-xl-3 bundleTile">
         <div class="custom-control custom-checkbox">
            <input type="checkbox" class="custom-control-input" id="cust2" name="cust1-check">
            <label class="custom-control-label" for="cust2"><span>Add to Bundle</span></label>
         </div>
         <div class="product-tile preview-tile">
            <div class="tiles-logos">
               <img src="images/microsoft.png">
            </div>
             <a href="javascript:void(0);" class="btn edit-btn openRtFly" data-flyout="edit-tile"><i class="icon-line-edit"></i>Edit </a>
            <h5 class="featured-heading">Office 365 Enterprise E3</h5>
            <p>Business email, file storage and sharing, Office applications, meetings and IM; Including security and compliance tools.</p>
            <div class="price-value">$18.00<span>Per User/month</span></div>
            <div class="tile-footer group-footer">
               <div class="input-group snippet-group">
                  <span class="input-group-btn">
                  <button type="button" class="btn btn-default btn-number" data-type="minus" data-field="quant[1]" data-toggle="tooltip" data-placement="top" title="" data-original-title="Delete Quantity">
                  <img src="images/minus-icon.png">
                  </button>
                  </span>
                  <input type="text" name="quant[1]" class="form-control input-number" value="1">
                  <span class="input-group-btn">
                  <button type="button" class="btn btn-default btn-number" data-type="plus" data-field="quant[1]" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add Quantity">
                  <i class="icon-plus"></i>
                  </button>
                  </span>
               </div>
               <p>Min Seats(5) - Max Seats(25)</p>
               <button type="button" class="btn btn-primary"> <span class="txt">Activate Service</span> </button>
            </div>
         </div>
      </div>
      <div class="col-sm-12 col-md-12 col-lg-6 col-xl-3 bundleTile" >
         <div class="custom-control custom-checkbox">
            <input type="checkbox" class="custom-control-input" id="cust3" name="cust1-check">
            <label class="custom-control-label" for="cust3"><span>Add to Bundle</span></label>
         </div>
         <div class="product-tile preview-tile">
            <div class="tiles-logos">
               <img src="images/microsoft.png">
            </div>
             <a href="javascript:void(0);" class="btn edit-btn openRtFly" data-flyout="edit-tile"><i class="icon-line-edit"></i>Edit </a>
            <h5 class="featured-heading">Exchange Online Protection</h5>
            <p>Protect against spam and malware, while maintaining access to email during and after emergencies.</p>
            <div class="price-value">$18.00<span>Per User/month</span></div>
            <div class="tile-footer group-footer">
               <div class="input-group snippet-group">
                  <span class="input-group-btn">
                  <button type="button" class="btn btn-default btn-number" data-type="minus" data-field="quant[1]" data-toggle="tooltip" data-placement="top" title="" data-original-title="Delete Quantity">
                  <img src="images/minus-icon.png">
                  </button>
                  </span>
                  <input type="text" name="quant[1]" class="form-control input-number" value="1">
                  <span class="input-group-btn">
                  <button type="button" class="btn btn-default btn-number" data-type="plus" data-field="quant[1]" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add Quantity">
                  <i class="icon-plus"></i>
                  </button>
                  </span>
               </div>
               <p>Min Seats(5) - Max Seats(25)</p>
               <button type="button" class="btn btn-primary"> <span class="txt">Activate Service</span> </button>
            </div>
         </div>
      </div>
      <div class="col-sm-12 col-md-12 col-lg-6 col-xl-3 bundleTile">
         <div class="custom-control custom-checkbox">
            <input type="checkbox" class="custom-control-input" id="cust4" name="cust1-check">
            <label class="custom-control-label" for="cust4"><span>Add to Bundle</span></label>
         </div>
         <div class="product-tile preview-tile">
            <div class="tiles-logos">
               <img src="images/microsoft.png">
            </div>
             <a href="javascript:void(0);" class="btn edit-btn openRtFly" data-flyout="edit-tile"><i class="icon-line-edit"></i>Edit </a>
            <h5 class="featured-heading">Microsoft 365 Apps for business</h5>
            <p>Office apps, cloud file-storage &amp; sharing.</p>
            <div class="price-value">$8.25<span>Per User/month</span></div>
            <div class="tile-footer group-footer">
               <div class="input-group snippet-group">
                  <span class="input-group-btn">
                  <button type="button" class="btn btn-default btn-number" data-type="minus" data-field="quant[1]" data-toggle="tooltip" data-placement="top" title="" data-original-title="Delete Quantity">
                  <img src="images/minus-icon.png">
                  </button>
                  </span>
                  <input type="text" name="quant[1]" class="form-control input-number" value="1">
                  <span class="input-group-btn">
                  <button type="button" class="btn btn-default btn-number" data-type="plus" data-field="quant[1]" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add Quantity">
                  <i class="icon-plus"></i>
                  </button>
                  </span>
               </div>
               <p>Min Seats(1) - Max Seats(50)</p>
               <button type="button" class="btn btn-primary"> <span class="txt">Activate Service</span> </button>
            </div>
         </div>
      </div>
      <div class="col-sm-12 col-md-12 col-lg-6 col-xl-3 mt-3 bundleTile" >
         <div class="custom-control custom-checkbox mt-5">
            <input type="checkbox" class="custom-control-input" id="cust5" name="cust1-check">
            <label class="custom-control-label" for="cust5"><span>Add to Bundle</span></label>
         </div>
         <div class="product-tile preview-tile">
            <div class="tiles-logos">
               <img src="images/dropbox-l.png">
            </div>
             <a href="javascript:void(0);" class="btn edit-btn openRtFly" data-flyout="edit-tile"><i class="icon-line-edit"></i>Edit </a>
            <h5 class="featured-heading">Dropbox Business Advanced True Monthly</h5>
            <p>A true month-to-month commitment of Dropbox Business Advanced plan.</p>
            <div class="price-value">$25.00<span>Per User/month</span></div>
            <div class="tile-footer group-footer">
               <div class="input-group snippet-group">
                  <span class="input-group-btn">
                  <button type="button" class="btn btn-default btn-number" data-type="minus" data-field="quant[1]" data-toggle="tooltip" data-placement="top" title="" data-original-title="Delete Quantity">
                  <img src="images/minus-icon.png">
                  </button>
                  </span>
                  <input type="text" name="quant[1]" class="form-control input-number" value="3">
                  <span class="input-group-btn">
                  <button type="button" class="btn btn-default btn-number" data-type="plus" data-field="quant[1]" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add Quantity">
                  <i class="icon-plus"></i>
                  </button>
                  </span>
               </div>
               <p>Min Seats(3) - Max Seats(10000)</p>
               <button type="button" class="btn btn-primary"> <span class="txt">Activate Service</span> </button>
            </div>
         </div>
      </div>
      <div class="col-sm-12 col-md-12 col-lg-6 col-xl-3 mt-3 bundleTile">
         <div class="custom-control custom-checkbox mt-5">
            <input type="checkbox" class="custom-control-input" id="cust6" name="cust1-check">
            <label class="custom-control-label" for="cust6"><span>Add to Bundle</span></label>
         </div>
         <div class="product-tile preview-tile">
            <div class="tiles-logos">
               <img src="images/black-pearl-l.png" style="height:32px">
            </div>
             <a href="javascript:void(0);" class="btn edit-btn openRtFly" data-flyout="edit-tile"><i class="icon-line-edit"></i>Edit </a>
            <h5 class="featured-heading">Black Pearl Mail Standalone O365</h5>
            <p>Black Pearl Mail activates the intelligence of email to help businesses &amp; end-users use it more strategically</p>
            <div class="price-value">$3.00<span>Per User/month</span></div>
            <div class="tile-footer group-footer">
               <div class="input-group snippet-group">
                  <span class="input-group-btn">
                  <button type="button" class="btn btn-default btn-number" data-type="minus" data-field="quant[1]" data-toggle="tooltip" data-placement="top" title="" data-original-title="Delete Quantity">
                  <img src="images/minus-icon.png">
                  </button>
                  </span>
                  <input type="text" name="quant[1]" class="form-control input-number" value="1">
                  <span class="input-group-btn">
                  <button type="button" class="btn btn-default btn-number" data-type="plus" data-field="quant[1]" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add Quantity">
                  <i class="icon-plus"></i>
                  </button>
                  </span>
               </div>
               <p>Min Seats(1) - Max Seats(11)</p>
               <button type="button" class="btn btn-primary"> <span class="txt">Activate Service</span> </button>
            </div>
         </div>
      </div>
      <div class="col-sm-12 col-md-12 col-lg-6 col-xl-3 mt-3 bundleTile">
         <div class="custom-control custom-checkbox mt-5">
            <input type="checkbox" class="custom-control-input" id="cust7" name="cust1-check">
            <label class="custom-control-label" for="cust7"><span>Add to Bundle</span></label>
         </div>
         <div class="product-tile preview-tile">
            <div class="tiles-logos">
               <img src="images/black-pearl-l.png" style="height:32px">
            </div>
             <a href="javascript:void(0);" class="btn edit-btn openRtFly" data-flyout="edit-tile"><i class="icon-line-edit"></i>Edit </a>
            <h5 class="featured-heading">Smart Insights + Signatures
               G Suite
            </h5>
            <p>Smart Insights + Signatures G Suite for Synnex</p>
            <div class="price-value">$2.00<span>Per User/month</span></div>
            <div class="tile-footer group-footer">
               <div class="input-group snippet-group">
                  <span class="input-group-btn">
                  <button type="button" class="btn btn-default btn-number" data-type="minus" data-field="quant[1]" data-toggle="tooltip" data-placement="top" title="" data-original-title="Delete Quantity">
                  <img src="images/minus-icon.png">
                  </button>
                  </span>
                  <input type="text" name="quant[1]" class="form-control input-number" value="1">
                  <span class="input-group-btn">
                  <button type="button" class="btn btn-default btn-number" data-type="plus" data-field="quant[1]" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add Quantity">
                  <i class="icon-plus"></i>
                  </button>
                  </span>
               </div>
               <p>Min Seats(1) - Max Seats(11)</p>
               <button type="button" class="btn btn-primary"> <span class="txt">Activate Service</span> </button>
            </div>
         </div>
      </div>
      <div class="col-md-12 selBundles" style="display: none;">
         <div class="tile-filter-section">
            <div class="filterResDiv">
               <span class="filter-head">Bundle Tile (4) </span>
               <div class="filter-value vendor-detail mr-auto ml-0 mt-2">
                  <a href="javascript:void(0)"><span class="vendor-name">Workspace Business Standard Annual</span> <i class="icon-cross clearFilter"></i></a>
               </div>
               <div class="filter-value vendor-detail mr-auto">
                  <a href="javascript:void(0)"><span class="vendor-name">Office 365 Enterprise E3</span> <i class="icon-cross clearFilter"></i></a>
               </div>
               <div class="filter-value vendor-detail mr-auto">
                  <a href="javascript:void(0)"><span class="vendor-name">Exchange Online Protection</span> <i class="icon-cross clearFilter"></i></a>
               </div>
               <div class="filter-value vendor-detail mr-auto">
                  <a href="javascript:void(0)"><span class="vendor-name">Microsoft 365 Apps for business</span> <i class="icon-cross clearFilter"></i></a>
               </div>
            </div>
            <div class="applied-filter-right"><a class="clearAllFilter float-right" href="javascript:void(0);"><span>Clear All</span></a><br>
               <button type="button" class="btn btn-primary openRtFly" data-flyout="create-bunlde-tile"> <span class="txt">Create Bundle Tile</span> </button> </div>
         </div>
      </div>
   </div>
</div>
<!--Catalog Management tile settings-->