All Products
Create a catalog template by selecting SYNNEX and private products, add pricing in the catalog template.
<!--Catalog Management All Products-->
<div class="storefront-rightbar catalog-management allproducts">
<div class="row mainTab">
<div class="col-md-12">
<h3>All Products</h3>
<p>Create a catalog template by selecting SYNNEX and private products, add pricing in the catalog template.</p>
<div class="config-tabs mx-auto">
<div class="custom-tab-col">
<div class="overview-tabs m-0 mx-auto action-tabs">
<a href="javascript:void(0);" class="active" data-active="synnx">Synnex Products</a>
<a href="javascript:void(0);" data-active="private" class="prod ml-2">Private Products</a>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="products-search">
<div class="search-input-col">
<i class="icon-cross" style="display: none;"></i>
<i class="icon-search"></i>
<input type="text" class="form-control form-control-padding search-category" placeholder="Search by template or customer name" autocomplete="off">
</div>
</div>
</div>
<div class="col-auto ml-auto">
<div class="right-col-links float-right allProd">
<button type="button" class="btn btn-outline price " data-flyout="custPriceAdj">Price Adjustment </button>
<div class="vendor-dropdown ml-3 selectedTab synnx dropdown">
<a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="vendor-selection">
<span class="text"><span>Select Vendor:</span><span class="link-text"><strong> All</strong> <i class="icon-arrow-bottom ml-2"></i></span></span> </a>
<div class="dropdown-menu">
<ul class="sub-dropdown-menu pl-0 m-0">
<li><a href="#" class="dropdown-item"><span>All</span></a></li>
<li><a href="#" class="dropdown-item"><span>Black Pearl Mail, INC</span></a></li>
<li><a href="#" class="dropdown-item"><span>Dropbox Inc</span></a></li>
<li><a href="#" class="dropdown-item"><span>Google</span></a></li>
<li><a href="#" class="dropdown-item"><span>Microsoft Corp/CSC</span></a></li>
</ul>
</div>
</div>
<button type="button" class="btn btn-outline openRtFly private selectedTab ml-3" data-flyout="addProd" style="display: none;">Add Product </button>
</div>
</div>
<div class="col-md-12">
<div class="list-view-tile summary-tab-table">
<table class="table custom-table selectedTab synnx">
<thead class="thead-light">
<tr>
<th scope="col" width="20%">Product Name </th>
<th scope="col" width="15%">SNX SKU/Part#</th>
<th scope="col" width="15%">Added to Templates</th>
<th scope="col" width="15%" class="text-right">Price <span class="price-denom">(USD)</span></th>
<th scope="col" width="15%" class="text-right">MSRP <span class="price-denom">(USD)</span></th>
<th scope="col" width="20%" class="text-right">Global Customer Price <span class="price-denom">(USD)</span> </th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="javascript:void(0);">Exchange Online Plan 2</a></td>
<td>4006177</td>
<td>3</td>
<td class="text-right">0.00</td>
<td class="text-right">0.00</td>
<td class="text-right">0.00</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Office 365 Enterprise E3</a></td>
<td>4006185</td>
<td>3</td>
<td class="text-right">0.00</td>
<td class="text-right">0.00</td>
<td class="text-right">0.00</td>
</tr>
<tr>
<td><a href="javascript:void(0);">PROD Post Check-012501</a></td>
<td>0125012</td>
<td>3</td>
<td class="text-right">0.00</td>
<td class="text-right">0.00</td>
<td class="text-right">0.00</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Exchange Online Plan 1</a></td>
<td>4006177</td>
<td>3</td>
<td class="text-right">0.00</td>
<td class="text-right">0.00</td>
<td class="text-right">0.00</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Office 365 Enterprise E3</a></td>
<td>3452345</td>
<td>3</td>
<td class="text-right">0.00</td>
<td class="text-right">0.00</td>
<td class="text-right">0.00</td>
</tr>
<tr>
<td><a href="javascript:void(0);">PROD Post Check-012501</a></td>
<td>4006185</td>
<td>3</td>
<td class="text-right">0.00</td>
<td class="text-right">0.00</td>
<td class="text-right">0.00</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Exchange Online Plan 1</a></td>
<td>4006177</td>
<td>3</td>
<td class="text-right">0.00</td>
<td class="text-right">0.00</td>
<td class="text-right">0.00</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Office 365 Enterprise E3</a></td>
<td>4006185</td>
<td>3</td>
<td class="text-right">0.00</td>
<td class="text-right">0.00</td>
<td class="text-right">0.00</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Exchange Online Plan 2</a></td>
<td>4006177</td>
<td>3</td>
<td class="text-right">0.00</td>
<td class="text-right">0.00</td>
<td class="text-right">0.00</td>
</tr>
<tr>
<td><a href="javascript:void(0);">PROD Post Check-0125012</a></td>
<td>0125012</td>
<td>3</td>
<td class="text-right">0.00</td>
<td class="text-right">0.00</td>
<td class="text-right">0.00</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Exchange Online Plan 1</a></td>
<td>4006177</td>
<td>3</td>
<td class="text-right">0.00</td>
<td class="text-right">0.00</td>
<td class="text-right">0.00</td>
</tr>
</tbody>
</table>
</div>
<nav aria-label="navigation" class="pagination-col pt-2 selectedTab synnx">
<span class="item-dropdown-col">
View
<div class="items-dropdown">
<i class="icon-arrow-bottom"></i>
<select>
<option>10</option>
<option>15</option>
<option>20</option>
</select>
</div>
<span class="view-text">Items Per Page</span>
</span>
<ul class="table-count-list m-auto">
<li class="left-arrow"><a href="javascript:void(0);"><i class="icon-arrow-right"></i></a></li>
<li class="active"><a href="javascript:void(0);"><span>1</span></a></li>
<li><a href="#page-2" class=""> <span>2</span></a></li>
<li class="right-arrow"><a href="javascript:void(0);"><i class="icon-arrow-right"></i></a></li>
</ul>
<ul class="next-prev-page">
<li><a href="javascript:void(0);"><i class="icon-left-arrow-double mr-1"></i>First</a></li>
<li><a href="javascript:void(0);"><i class="icon-left-arrow mr-1"></i>Previous</a></li>
<li><span class="page-count">1 of 12</span></li>
<li><a href="javascript:void(0);">Next<i class="icon-right-arrow-b ml-1"></i></a></li>
<li class="last-page"><a href="javascript:void(0);">Last <i class="icon-left-arrow-double pr-1"></i></a></li>
</ul>
</nav>
<div class="list-view-tile summary-tab-table private-prod-table private selectedTab" style="display: none;">
<table class="table custom-table">
<thead class="thead-light">
<tr>
<th scope="col" width="18%">Product Name </th>
<th scope="col" width="8%">Part#</th>
<th scope="col" width="12%">Provision Template </th>
<th scope="col" width="12%">Added to Templates</th>
<th scope="col" width="8%">Billing Type</th>
<th scope="col" width="8%" class="text-right">Price <span class="price-denom">(USD)</span></th>
<th scope="col" width="10%" class="text-right">MSRP <span class="price-denom">(USD)</span></th>
<th scope="col" width="15%" class="text-right">Global Customer Price <span class="price-denom">(USD)</span> </th>
<th scope="col" width="9%">Action</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="javascript:void(0);">Exchange Online Plan 2</a></td>
<td>4006177</td>
<td>No</td>
<td>No</td>
<td>Monthly</td>
<td class="text-right">0.00</td>
<td class="text-right">0.00</td>
<td class="text-right">0.00</td>
<td>
<div class="table-action-link">
<a href="javascript:void();" class="ml-0">
<div class="circle-link" data-flyout="editProd"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="Edit Product"></i></div>
</a>
<a href="javascript:void();" data-toggle="modal" data-target="#alertModal" class="delete" data-delete="delProd"><i class="icon-circle-del" data-toggle="tooltip" data-placement="top" title="Delete Product"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Exchange Online Plan 2</a></td>
<td>4006177</td>
<td>No</td>
<td>No</td>
<td>Monthly</td>
<td class="text-right">0.00</td>
<td class="text-right">0.00</td>
<td class="text-right">0.00</td>
<td>
<div class="table-action-link">
<a href="javascript:void();" class="ml-0">
<div class="circle-link"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="Edit Product"></i></div>
</a>
<a href="javascript:void();" data-toggle="modal" data-target="#alertModal" class="delete" data-delete="delProd"><i class="icon-circle-del" data-toggle="tooltip" data-placement="top" title="Delete Product"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Exchange Online Plan 2</a></td>
<td>4006177</td>
<td><a href="javascript:void();">Download</a></td>
<td><div class="view-text-more moreMainDiv"><a href="javascript:void();" class="openMoreFly">View</a>
<div class="text-more-flyout view-pop" style="display: none;">
<i class="icon-dropdown-arrow"></i>
<ul class="pl-0 mb-0">
<li>Default Template</li>
<li>Brandon S3521</li>
<li>OPCO LLC</li>
<li>Plate Associates</li>
<li>Properties</li>
</ul>
</div>
</div></td>
<td>Monthly</td>
<td class="text-right">0.00</td>
<td class="text-right">0.00</td>
<td class="text-right">0.00</td>
<td>
<div class="table-action-link">
<a href="javascript:void();" class="ml-0">
<div class="circle-link"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="Edit Product"></i></div>
</a>
<a href="javascript:void();" data-toggle="modal" data-target="#alertModal" class="delete" data-delete="delProd"><i class="icon-circle-del" data-toggle="tooltip" data-placement="top" title="Delete Product"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Exchange Online Plan 2</a></td>
<td>4006177</td>
<td>No</td>
<td>No</td>
<td>Monthly</td>
<td class="text-right">0.00</td>
<td class="text-right">0.00</td>
<td class="text-right">0.00</td>
<td>
<div class="table-action-link">
<a href="javascript:void();" class="ml-0">
<div class="circle-link"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="Edit Product"></i></div>
</a>
<a href="javascript:void();" data-toggle="modal" data-target="#alertModal" class="delete" data-delete="delProd"><i class="icon-circle-del" data-toggle="tooltip" data-placement="top" title="Delete Product"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Exchange Online Plan 2</a></td>
<td>4006177</td>
<td>No</td>
<td>No</td>
<td>Monthly</td>
<td class="text-right">0.00</td>
<td class="text-right">0.00</td>
<td class="text-right">0.00</td>
<td>
<div class="table-action-link">
<a href="javascript:void();" class="ml-0">
<div class="circle-link"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="Edit Product"></i></div>
</a>
<a href="javascript:void();" data-toggle="modal" data-target="#alertModal" class="delete" data-delete="delProd"><i class="icon-circle-del" data-toggle="tooltip" data-placement="top" title="Delete Product"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Exchange Online Plan 2</a></td>
<td>4006177</td>
<td><a href="javascript:void();">View</a></td>
<td><a href="javascript:void();">View</a></td>
<td>One Time</td>
<td class="text-right">0.00</td>
<td class="text-right">0.00</td>
<td class="text-right">0.00</td>
<td>
<div class="table-action-link">
<a href="javascript:void();" class="ml-0">
<div class="circle-link"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="Edit Product"></i></div>
</a>
<a href="javascript:void();" data-toggle="modal" data-target="#alertModal" class="delete" data-delete="delProd"><i class="icon-circle-del" data-toggle="tooltip" data-placement="top" title="Delete Product"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Exchange Online Plan 2</a></td>
<td>4006177</td>
<td><a href="javascript:void();">View</a></td>
<td><a href="javascript:void();">View</a></td>
<td>One Time</td>
<td class="text-right">0.00</td>
<td class="text-right">0.00</td>
<td class="text-right">0.00</td>
<td>
<div class="table-action-link">
<a href="javascript:void();" class="ml-0">
<div class="circle-link"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="Edit Product"></i></div>
</a>
<a href="javascript:void();" data-toggle="modal" data-target="#alertModal" class="delete" data-delete="delProd"><i class="icon-circle-del" data-toggle="tooltip" data-placement="top" title="Delete Product"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Exchange Online Plan 2</a></td>
<td>4006177</td>
<td>No</td>
<td>No</td>
<td>Yearly</td>
<td class="text-right">0.00</td>
<td class="text-right">0.00</td>
<td class="text-right">0.00</td>
<td>
<div class="table-action-link">
<a href="javascript:void();" class="ml-0">
<div class="circle-link"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="Edit Product"></i></div>
</a>
<a href="javascript:void();" data-toggle="modal" data-target="#alertModal" class="delete" data-delete="delProd"><i class="icon-circle-del" data-toggle="tooltip" data-placement="top" title="Delete Product"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Exchange Online Plan 2</a></td>
<td>4006177</td>
<td>No</td>
<td>No</td>
<td>Monthly</td>
<td class="text-right">0.00</td>
<td class="text-right">0.00</td>
<td class="text-right">0.00</td>
<td>
<div class="table-action-link">
<a href="javascript:void();" class="ml-0">
<div class="circle-link"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="Edit Product"></i></div>
</a>
<a href="javascript:void();" data-toggle="modal" data-target="#alertModal" class="delete" data-delete="delProd"><i class="icon-circle-del" data-toggle="tooltip" data-placement="top" title="Delete Product"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
<tr>
<td><a href="javascript:void(0);">Exchange Online Plan 2</a></td>
<td>4006177</td>
<td><a href="javascript:void();">Download</a></td>
<td><a href="javascript:void();">View</a></td>
<td>Monthly</td>
<td class="text-right">0.00</td>
<td class="text-right">0.00</td>
<td class="text-right">0.00</td>
<td>
<div class="table-action-link">
<a href="javascript:void();" class="ml-0">
<div class="circle-link"><i class="icon-line-edit" data-toggle="tooltip" data-placement="top" title="Edit Product"></i></div>
</a>
<a href="javascript:void();" data-toggle="modal" data-target="#alertModal" class="delete" data-delete="delProd"><i class="icon-circle-del" data-toggle="tooltip" data-placement="top" title="Delete Product"><span class="path1"></span><span class="path2"></span></i></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<nav aria-label="navigation" class="pagination-col pt-2 private selectedTab" style="display: none;">
<span class="item-dropdown-col">
View
<div class="items-dropdown">
<i class="icon-arrow-bottom"></i>
<select>
<option>10</option>
<option>15</option>
<option>20</option>
</select>
</div>
<span class="view-text">Items Per Page</span>
</span>
<ul class="table-count-list m-auto">
<li class="left-arrow"><a href="javascript:void(0);"><i class="icon-arrow-right"></i></a></li>
<li class="active"><a href="javascript:void(0);"><span>1</span></a></li>
<li><a href="#page-2" class=""> <span>2</span></a></li>
<li class="right-arrow"><a href="javascript:void(0);"><i class="icon-arrow-right"></i></a></li>
</ul>
<ul class="next-prev-page">
<li><a href="javascript:void(0);"><i class="icon-left-arrow-double mr-1"></i>First</a></li>
<li><a href="javascript:void(0);"><i class="icon-left-arrow mr-1"></i>Previous</a></li>
<li><span class="page-count">1 of 12</span></li>
<li><a href="javascript:void(0);">Next<i class="icon-right-arrow-b ml-1"></i></a></li>
<li class="last-page"><a href="javascript:void(0);">Last <i class="icon-left-arrow-double pr-1"></i></a></li>
</ul>
</nav>
</div>
</div>
</div>
<!--Catalog Management All Products-->