norm/Gainsight
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Walmart Supplier asked for some small updates.

Browse Source
This commit is contained in:
Norm Rasmussen
2025-08-06 16:07:34 -04:00
parent 481b403aae
commit 72edc01fd4
10 changed files with 1343 additions and 901 deletions
Download Patch File Download Diff File Expand all files Collapse all files

293
Custom_Templates/customer_templates/Walmart Supplier Prod/_header.html.liquid
View File

@ -2,12 +2,19 @@
{% assign us_user_supplier = false %} {% assign us_user_supplier = false %}
{% assign india_user = false %} {% assign india_user = false %}
{% assign mexico_user = false %} {% assign mexico_user = false %}
{% assign category_advisors = false %}
{% assign samsclub = false %}
{% assign import = false %}
{% assign opencall = false %}
{% for group in current_person.groups %} {% for group in current_person.groups %}
{% if group.name == 'Grow With Walmart' %} {% if group.name == 'Grow With Walmart' %}
{% assign us_user_grow = true %} {% assign us_user_grow = true %}
{% endif %} {% endif %}
{% if group.name == 'Supplier Academy' %} {% if group.name == 'Active Suppliers' %}
{% assign us_user_supplier = true %} {% assign us_user_supplier = true %}
{% endif %} {% endif %}
{% if group.name == 'Walmart Vriddhi' %} {% if group.name == 'Walmart Vriddhi' %}
@ -16,16 +23,21 @@
{% if group.name == 'Crece con Walmart' %} {% if group.name == 'Crece con Walmart' %}
{% assign mexico_user = true %} {% assign mexico_user = true %}
{% endif %} {% endif %}
{% endfor %}
{% assign category_advisors = false %}
{% for group in current_person.groups %}
{% if group.name == 'Category Advisors' %} {% if group.name == 'Category Advisors' %}
{% assign category_advisors = true %} {% assign category_advisors = true %}
{% endif %} {% endif %}
{% if group.name == "Sam's Club" %}
{% assign samsclub = true %}
{% endif %}
{% if group.name == 'Import' %}
{% assign import = true %}
{% endif %}
{% if group.name == 'Open Call 2025' %}
{% assign opencall = true %}
{% endif %}
{% endfor %} {% endfor %}
<header class="np-header np-header-color"> <header class="np-header np-header-color">
<div class="np-header-content"> <div class="np-header-content">
{% if current_school.logo_url %} {% if current_school.logo_url %}
@ -57,73 +69,162 @@
</a> </a>
</li> </li>
{% endfor %} {% endfor %}
<div class= "np-header-desktop-nav-link dropdown-nav">
Programs <div class= "np-header-desktop-nav-link dropdown-nav start-here">
<div class="header-dropdown-container"> Start Here
<div class="header-dropdown-option"> <div class="header-dropdown-container">
<a <div class="header-dropdown-option">
class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" <a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" href="/app/grow-with-walmart-catalog">
href="/app/grow-with-walmart-catalog" Grow with US
> </a>
Grow with US </div>
</a>
</div> {% if us_user_supplier %}
<div class="header-dropdown-option"> <div class="header-dropdown-option">
<a <a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" href="/app/welcome-to-walmart">
class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" Walmart US
href="/app/welcome-to-walmart" </a>
> </div>
Welcome to Walmart {% endif %}
</a>
</div> </div>
<div class="header-dropdown-option">
<a
class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn"
href="/app/walmart-start"
>
Walmart Start
</a>
</div>
{% if category_advisors %}
<div class="header-dropdown-option">
<a
class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn"
href="/app/advisors"
>
Category Advisors
</a>
</div>
{% endif %}
</div>
</div> </div>
<div class= "np-header-desktop-nav-link dropdown-nav"> <div class="np-header-desktop-nav-link dropdown-nav">
Walmart Links Learn
<div class="header-dropdown-container"> <div class="header-dropdown-container-row">
<div class="header-dropdown-option"> <div class="header-dropdown-container-col">
<a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" <div class="header-dropdown-option">
href="https://supplierone.wal-mart.com/" target="_blank"> Supplier One <a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn title" > Explore All</a>
</a> </div>
<div class="header-dropdown-option">
<a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" href="/app/catalog?search=Getting+Paid%2CTransportation%2CEthics+and+Compliance%2CSam%27s+Club%2COnboarding%2CMerchandising%2CRetail+Basics%2CReplenishment%2CItem+Creation%2CPackaging+and+Labeling">
Modules
</a>
</div>
<div class="header-dropdown-option">
<a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" href="/app/learning_paths">
Learning Paths
</a>
</div>
<div class="header-dropdown-option">
<a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" href="/courses/a891fcb0-ed3a-4851-8e64-0f4f0b602c2d/activities">
Help Docs
</a>
</div>
<div class="header-dropdown-option">
<a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" href="/app/training_events">
Training Events
</a>
</div>
</div>
<div class="header-dropdown-container-col">
<div class="header-dropdown-option">
<a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn title">Modules by Category</a>
</div>
<div class="header-dropdown-option">
<a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" href="/app/catalog?search=Ethics%20and%20Compliance">
Ethics and Compliance
</a>
</div>
<div class="header-dropdown-option">
<a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" href="/app/catalog?search=Getting%20Paid">
Getting Paid
</a>
</div>
<div class="header-dropdown-option">
<a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" href="/app/catalog?search=Item%20Creation">
Item Creation
</a>
</div>
<div class="header-dropdown-option">
<a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" href="/app/catalog?search=Merchandising">
Merchandising
</a>
</div>
<div class="header-dropdown-option">
<a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" href="/app/catalog?search=Onboarding">
Onboarding
</a>
</div>
</div>
<div class="header-dropdown-container-col">
<div class="header-dropdown-option">
<a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn title"> &nbsp;</a>
</div>
<div class="header-dropdown-option">
<a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" href="/app/catalog?search=Packaging%20and%20Labeling">
Packaging and Labeling
</a>
</div>
<div class="header-dropdown-option">
<a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" href="/app/catalog?search=Replenishment">
Replenishment
</a>
</div>
<div class="header-dropdown-option">
<a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" href="/app/catalog?search=Retail%20Basics">
Retail Basics
</a>
</div>
<div class="header-dropdown-option">
<a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" href="/app/catalog?search=Transportation">
Transportation
</a>
</div>
</div>
</div> </div>
<div class="header-dropdown-option"> </div>
<a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" href="https://retaillink.login.wal-mart.com/" target="_blank"> Retail Link
</a>
</div>
</div>
</div>
<li class= "np-header-desktop-nav-item"> <div class= "np-header-desktop-nav-link dropdown-nav">
<a Programs
href="/app/contact" <div class="header-dropdown-container">
class="np-header-desktop-nav-link np-header-font-color" {% if category_advisors %}
> <div class="header-dropdown-option">
Contact <a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" href="/app/advisors">
</a> Category Advisors
</li> </a>
</div>
{% endif %}
<div class="header-dropdown-option">
<a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" href="/app/walmart-start">
Walmart Start
</a>
</div>
</div>
</div>
<div class= "np-header-desktop-nav-link dropdown-nav">
Walmart Links
<div class="header-dropdown-container">
<div class="header-dropdown-option">
<a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" href="https://supplierone.wal-mart.com/" target="_blank">
Supplier One
</a>
</div>
<div class="header-dropdown-option">
<a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" href="https://retaillink.login.wal-mart.com/" target="_blank">
Retail Link
</a>
</div>
</div>
</div>
<li class= "np-header-desktop-nav-item">
<a href="/app/contact" class="np-header-desktop-nav-link np-header-font-color">
Contact
</a>
</li>
</ul> </ul>
</div> </div>
{% if current_person.signed_in? %} {% if current_person.signed_in? %}
<div class="np-hidden-mobile np-header-search np-header-search-expanded"> <div class="np-hidden-mobile np-header-search np-header-search-expanded">
<form action="{% route search %}" method="get" data-test="desktop-search"> <form action="{% route search %}" method="get" data-test="desktop-search">
@ -201,8 +302,7 @@
<a <a
class="np-header-sign-in np-header-desktop-nav-link np-header-font-color" class="np-header-sign-in np-header-desktop-nav-link np-header-font-color"
aria-label="{% t shared.sign_in %}" aria-label="{% t shared.sign_in %}"
href="{% route login %}" href="{% route login %}">
>
{% t shared.sign_in %} {% t shared.sign_in %}
</a> </a>
{% endif %} {% endif %}
@ -269,12 +369,12 @@
> >
Courses Courses
</a> </a>
<a <!-- <a
href="/app/blog" href="/app/blog"
class="np-header-mobile-menu-content-button" class="np-header-mobile-menu-content-button"
> >
Blog Blog
</a> </a> -->
<a <a
href="/courses/a891fcb0-ed3a-4851-8e64-0f4f0b602c2d/activities" href="/courses/a891fcb0-ed3a-4851-8e64-0f4f0b602c2d/activities"
class="np-header-mobile-menu-content-button" class="np-header-mobile-menu-content-button"
@ -310,33 +410,78 @@
<style> <style>
.start-here-btn { .start-here-btn {
color: #000; color: #001e60;
font-weight: bold;
} }
.start-here-btn:hover {
color:#0053E2;
font-weight: bold;
}
.np-header-desktop-nav-link { .np-header-desktop-nav-link {
font-size: 20px; font-size: 20px;
font-weight: 500; font-weight: 500;
} }
.header-dropdown-container { .title {
font-size: 18px;
font-weight:700;
text-decoration: none;
color: #0053e2;
}
.header-dropdown-container {
display: none; display: none;
position: absolute; position: absolute;
background-color: white; background-color: white;
border: 1px solid #ccc; border: 1px solid #ccc;
z-index: 10; z-index: 100;
width: fit-content; width: fit-content;
top: 40px; top: 55px;
}
.header-dropdown-container-row {
display: none;
position: absolute;
background-color: white;
border: 1px solid #ccc;
z-index: 100;
width: 640px;
top: 55px;
left:-300px;
}
.header-dropdown-container-col {
float:left;
width: 33.33%;
height: 325px;
}
.start-here {
display:block;
font-weight: bold;
}
.np-header-desktop-nav-link:hover .header-dropdown-container-row {
display: block;
} }
.np-header-desktop-nav-link:hover .header-dropdown-container { .np-header-desktop-nav-link:hover .header-dropdown-container {
display: block; display: block;
} }
.header-dropdown-option a {
text-align: left;
font-size:18px;
}
.header-dropdown-option { .header-dropdown-option {
display: block; display: block;
padding: 15px; padding: 15px;
color: black; color: black;
text-decoration: none; text-decoration: none;
white-space: nowrap; white-space: nowrap;
font-size:18px;
} }
.dropdown-nav { .dropdown-nav {
position: relative; position: relative;
@ -347,7 +492,7 @@
} }
.header-dropdown-option:hover { .header-dropdown-option:hover {
background-color: #f0f0f0; background-color: #fff;
} }
.hidden-mobile { .hidden-mobile {
display: none; display: none;

106
Custom_Templates/customer_templates/Walmart Supplier Prod/_headerstart.html.liquid
View File

@ -5,6 +5,8 @@
{% assign category_advisors = false %} {% assign category_advisors = false %}
{% assign samsclub = false %} {% assign samsclub = false %}
{% assign import = false %} {% assign import = false %}
{% assign opencall = false %}
@ -30,6 +32,9 @@
{% if group.name == 'Import' %} {% if group.name == 'Import' %}
{% assign import = true %} {% assign import = true %}
{% endif %} {% endif %}
{% if group.name == 'Open Call 2025' %}
{% assign opencall = true %}
{% endif %}
{% endfor %} {% endfor %}
@ -82,21 +87,6 @@
</div> </div>
{% endif %} {% endif %}
{% if samsclub %}
<div class="header-dropdown-option">
<a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" href="/app/samsclub-onboarding">
Sam's Club US
</a>
</div>
{% endif %}
{% if import %}
<div class="header-dropdown-option">
<a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" href="/app/advisors">
Direct Import
</a>
</div>
{% endif %}
</div> </div>
</div> </div>
@ -105,10 +95,10 @@
<div class="header-dropdown-container-row"> <div class="header-dropdown-container-row">
<div class="header-dropdown-container-col"> <div class="header-dropdown-container-col">
<div class="header-dropdown-option"> <div class="header-dropdown-option">
<a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" > Explore All</a> <a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn title" > Explore All</a>
</div> </div>
<div class="header-dropdown-option"> <div class="header-dropdown-option">
<a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" href="/app/catalog"> <a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" href="/app/catalog?search=Getting+Paid%2CTransportation%2CEthics+and+Compliance%2CSam%27s+Club%2COnboarding%2CMerchandising%2CRetail+Basics%2CReplenishment%2CItem+Creation%2CPackaging+and+Labeling">
Modules Modules
</a> </a>
</div> </div>
@ -122,21 +112,64 @@
Help Docs Help Docs
</a> </a>
</div> </div>
</div>
<div class="header-dropdown-container-col">
<div class="header-dropdown-option"> <div class="header-dropdown-option">
<a class="megatitle">Module by Category</a> <a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" href="/app/training_events">
</div> Training Events
<div class="header-dropdown-option">
<a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" href="/app/learning_paths">
Ethics and Compliance
</a> </a>
</div> </div>
</div> </div>
<div class="header-dropdown-container-col"> <div class="header-dropdown-container-col">
<div class="header-dropdown-option"> <div class="header-dropdown-option">
<a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" href="/app/learning_paths"> <a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn title">Modules by Category</a>
packaging and Labeling </div>
<div class="header-dropdown-option">
<a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" href="/app/catalog?search=Ethics%20and%20Compliance">
Ethics and Compliance
</a>
</div>
<div class="header-dropdown-option">
<a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" href="/app/catalog?search=Getting%20Paid">
Getting Paid
</a>
</div>
<div class="header-dropdown-option">
<a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" href="/app/catalog?search=Item%20Creation">
Item Creation
</a>
</div>
<div class="header-dropdown-option">
<a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" href="/app/catalog?search=Merchandising">
Merchandising
</a>
</div>
<div class="header-dropdown-option">
<a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" href="/app/catalog?search=Onboarding">
Onboarding
</a>
</div>
</div>
<div class="header-dropdown-container-col">
<div class="header-dropdown-option">
<a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn title"> &nbsp;</a>
</div>
<div class="header-dropdown-option">
<a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" href="/app/catalog?search=Packaging%20and%20Labeling">
Packaging and Labeling
</a>
</div>
<div class="header-dropdown-option">
<a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" href="/app/catalog?search=Replenishment">
Replenishment
</a>
</div>
<div class="header-dropdown-option">
<a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" href="/app/catalog?search=Retail%20Basics">
Retail Basics
</a>
</div>
<div class="header-dropdown-option">
<a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" href="/app/catalog?search=Transportation">
Transportation
</a> </a>
</div> </div>
</div> </div>
@ -336,12 +369,12 @@
> >
Courses Courses
</a> </a>
<a <!-- <a
href="/app/blog" href="/app/blog"
class="np-header-mobile-menu-content-button" class="np-header-mobile-menu-content-button"
> >
Blog Blog
</a> </a> -->
<a <a
href="/courses/a891fcb0-ed3a-4851-8e64-0f4f0b602c2d/activities" href="/courses/a891fcb0-ed3a-4851-8e64-0f4f0b602c2d/activities"
class="np-header-mobile-menu-content-button" class="np-header-mobile-menu-content-button"
@ -391,17 +424,11 @@
font-weight: 500; font-weight: 500;
} }
.megatitle { .title {
align-content: left;
left:0;
}
a.megatitle {
font-size: 18px; font-size: 18px;
font-weight:700; font-weight:700;
text-decoration: none; text-decoration: none;
color: #001e60; color: #0053e2;
background-color:#435;
} }
.header-dropdown-container { .header-dropdown-container {
@ -412,7 +439,6 @@
z-index: 10; z-index: 10;
width: fit-content; width: fit-content;
top: 55px; top: 55px;
left:-5px;
} }
.header-dropdown-container-row { .header-dropdown-container-row {
@ -423,7 +449,7 @@
z-index: 10; z-index: 10;
width: 640px; width: 640px;
top: 55px; top: 55px;
right:0; left:-300px;
} }
.header-dropdown-container-col { .header-dropdown-container-col {
@ -434,9 +460,7 @@
.start-here { .start-here {
display:block; display:block;
padding:0px 10px; font-weight: bold;
border-radius: 5px;
background-color: #0053e2;
} }
.np-header-desktop-nav-link:hover .header-dropdown-container-row { .np-header-desktop-nav-link:hover .header-dropdown-container-row {
display: block; display: block;

4
Custom_Templates/customer_templates/Walmart Supplier Prod/_modal.html.liquid
View File

@ -2,7 +2,7 @@
<div class="modal-wrapper"> <div class="modal-wrapper">
<div class="modal-container"> <div class="modal-container">
<div class="modal-logo"> <div class="modal-logo">
<img class="modal-logo-img" src="https://cdn.filestackcontent.com/security=policy:eyJleHBpcnkiOjQ4ODEyOTI3OTAsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:1ced31330ca94f7126cb6541f569f7c3caa2d116af79ee6644ee173fafdba070/glXgXFmuT2KPDDWoWnHg" alt=""> <img class="modal-logo-img" src="https://cdn.filepicker.io/security=policy:eyJleHBpcnkiOjQ5MDE3MzM4NTQsImNhbGwiOlsicmVhZCIsImNvbnZlcnQiLCJzdG9yZSIsInBpY2siLCJyZW1vdmUiXX0=,signature:45632331d229e721a9670c0f940a2845467523a6398aa7ee0de80e7e59d8aa7a/glXgXFmuT2KPDDWoWnHg" alt="">
</div> </div>
<div class="modal-content-container"> <div class="modal-content-container">
<div class="modal-descirption"> <div class="modal-descirption">
@ -268,7 +268,7 @@
<script> <script>
document.addEventListener("DOMContentLoaded", () => { document.addEventListener("DOMContentLoaded", () => {
if (localStorage.getItem("modalFilled") === "true") { if (localStorage.getItem("modalFilled") == "true") {
document.getElementsByClassName('overlay-modal')[0].style.display = 'none'; document.getElementsByClassName('overlay-modal')[0].style.display = 'none';
} }

74
Custom_Templates/customer_templates/Walmart Supplier Prod/_welcome_section_di.html.liquid Normal file
View File

@ -0,0 +1,74 @@
<div class="welcome-section-container">
<div class="banner-wrapper">
<div class="banner-container">
<div class="banner-image-wrapper">
<img src="https://i5.walmartimages.com/dfwrs/76316474-db51/k2-_601f906b-f154-4d2f-bd26-124fcb50dd19.v1.png" width="100%" height="100%">
<!-- <div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/1079908425?h=e98c3e5ac7&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media" style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Welcome to Walmart Intro Video"></iframe>
</div><script src="https://player.vimeo.com/api/player.js"></script>-->
</div>
<div class="banner-content-container">
<div class="banner-descirption">
<b>Direct Import</b><br><br>
Our learning paths are built to guide you through the processes, expectations, and opportunites &mdash; so you can grow your business with confidence. Whether you're just getting started or looking to expand your partnership, we are here to support every step of your journey.
</div>
</div>
</div>
</div>
</div>
<style>
.banner-wrapper {
padding: 10px;
border-radius: 10px;
}
.banner-img {
width: 100%;
}
.banner-container {
display: flex;
align-items: center;
gap: 40px;
padding: 20px;
border-radius: 10px;
}
.text-center {
text-align: center;
}
.banner-descirption {
font-size: 25px;
}
.bold-text {
font-weight: 700;
}
.deatils-container {
display: flex;
flex-direction: column;
align-items: center;
}
.banner-image-wrapper {
width: 50%;
display: flex;
flex-direction: column;
gap: 30px;
}
.banner-content-container {
width: 50%;
display: flex;
flex-direction: column;
gap: 30px;
}
@media only screen and (max-width: 900px) {
.banner-container {
flex-direction: column;
}
}
@media only screen and (max-width: 500px) {
.banner-descirption{
font-size: 17px;
}
}
</style>

73
Custom_Templates/customer_templates/Walmart Supplier Prod/_welcome_section_opencall.html.liquid Normal file
View File

@ -0,0 +1,73 @@
<div class="welcome-section-container">
<div class="banner-wrapper">
<div class="banner-container">
<div class="banner-image-wrapper">
<img src="https://i5.walmartimages.com/dfwrs/76316474-3068/k2-_4148d92b-6b29-43bd-a6b9-2a1ec9e446a9.v1.png" width="100%" height="100%">
<!-- <div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/1079908425?h=e98c3e5ac7&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media" style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Welcome to Walmart Intro Video"></iframe>
</div><script src="https://player.vimeo.com/api/player.js"></script>-->
</div>
<div class="banner-content-container">
<div class="banner-descirption">
<b>Open Call</b><br><br>
Through Open Call, We are proud to cerate pathways for small and mid-size businesses to grpw while hekping them deliver value and choice from millions of customers.]
</div>
</div>
</div>
</div>
</div>
<style>
.banner-wrapper {
padding: 10px;
border-radius: 10px;
}
.banner-img {
width: 100%;
}
.banner-container {
display: flex;
align-items: center;
gap: 40px;
padding: 20px;
border-radius: 10px;
}
.text-center {
text-align: center;
}
.banner-descirption {
font-size: 25px;
}
.bold-text {
font-weight: 700;
}
.deatils-container {
display: flex;
flex-direction: column;
align-items: center;
}
.banner-image-wrapper {
width: 50%;
display: flex;
flex-direction: column;
gap: 30px;
}
.banner-content-container {
width: 50%;
display: flex;
flex-direction: column;
gap: 30px;
}
@media only screen and (max-width: 900px) {
.banner-container {
flex-direction: column;
}
}
@media only screen and (max-width: 500px) {
.banner-descirption{
font-size: 17px;
}
}
</style>

41
Custom_Templates/customer_templates/Walmart Supplier Prod/directimport-onboarding.html.liquid Normal file
View File

@ -0,0 +1,41 @@
{% if current_person.properties.first_login == true %}
<script>
window.location.replace('/app');
</script>
{% endif %}
{% assign in_progress_courses = 0 %}
{% for course in courses.enrolled %}
{% if course.progress > 0 and course.progress < 100 %}
{% assign in_progress_courses = in_progress_courses | plus: 1 %}
{% endif %}
{% endfor %}
{% include "headerstart" %}
{% include "course_version_outdated_alert", courses: courses.featured %}
<main class="np-main np-catalog np-subpage-container np-max-width">
{% include 'welcome_section_di' %}
<div class="lps-wrapper grid">
{% for learning_path in learning_paths.enrolled %}
{% for category in learning_path.categories %}
{% if category.name == "Direct Import Onboarding" %}
{% include "cards_learning_paths_squares" %}
{% endif %}
{% endfor %}
{% endfor %}
</div>
</main>
{% include "footer" %}
<style>
.grid {
Display: Flex;
flex-direction: row;
}
@media (max-width: 800px) {
.grid {
flex-direction: column;
}
</style>

41
Custom_Templates/customer_templates/Walmart Supplier Prod/opencall.html.liquid Normal file
View File

@ -0,0 +1,41 @@
{% if current_person.properties.first_login == true %}
<script>
window.location.replace('/app');
</script>
{% endif %}
{% assign in_progress_courses = 0 %}
{% for course in courses.enrolled %}
{% if course.progress > 0 and course.progress < 100 %}
{% assign in_progress_courses = in_progress_courses | plus: 1 %}
{% endif %}
{% endfor %}
{% include "headerstart" %}
{% include "course_version_outdated_alert", courses: courses.featured %}
<main class="np-main np-catalog np-subpage-container np-max-width">
{% include 'welcome_section_opencall' %}
<div class="lps-wrapper grid">
{% for learning_path in learning_paths.enrolled %}
{% for category in learning_path.categories %}
{% if category.name == "Sam's Club" %}
{% include "cards_learning_paths_squares" %}
{% endif %}
{% endfor %}
{% endfor %}
</div>
</main>
{% include "footer" %}
<style>
.grid {
Display: Flex;
flex-direction: row;
}
@media (max-width: 800px) {
.grid {
flex-direction: column;
}
</style>

0
Custom_Templates/customer_templates/Walmart Supplier Prod/samsclub-onboarding.html.liquid → Custom_Templates/customer_templates/Walmart Supplier Prod/samsclubus-onboarding.html.liquid
View File

3
Custom_Templates/customer_templates/Walmart Supplier Prod/styles.css.liquid
View File

@ -249,6 +249,9 @@ section {
.slick-slide { .slick-slide {
height: auto !important; height: auto !important;
} }
.np-search-result-snippet {
color: #1B3E4F;
}
.carousel-filter-wrapper { .carousel-filter-wrapper {
position: relative; position: relative;
width: 100%; width: 100%;

41
Custom_Templates/customer_templates/Walmart Supplier Prod/walmartus-onboarding.html.liquid Normal file
View File

@ -0,0 +1,41 @@
{% if current_person.properties.first_login == true %}
<script>
window.location.replace('/app');
</script>
{% endif %}
{% assign in_progress_courses = 0 %}
{% for course in courses.enrolled %}
{% if course.progress > 0 and course.progress < 100 %}
{% assign in_progress_courses = in_progress_courses | plus: 1 %}
{% endif %}
{% endfor %}
{% include "headerstart" %}
{% include "course_version_outdated_alert", courses: courses.featured %}
<main class="np-main np-catalog np-subpage-container np-max-width">
{% include 'welcome_section_walmart' %}
<div class="lps-wrapper grid">
{% for learning_path in learning_paths.enrolled %}
{% for category in learning_path.categories %}
{% if category.name == "Sam's Club" %}
{% include "cards_learning_paths_squares" %}
{% endif %}
{% endfor %}
{% endfor %}
</div>
</main>
{% include "footer" %}
<style>
.grid {
Display: Flex;
flex-direction: row;
}
@media (max-width: 800px) {
.grid {
flex-direction: column;
}
</style>