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

Walmart Supplier Sandbox templates. Updated prod templates too.

Browse Source
This commit is contained in:
Norm Rasmussen
2025-04-21 17:17:41 -04:00
parent 26fd2a9615
commit 17f7d10b04
185 changed files with 7784 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
Custom_Templates/customer_templates/Walmart Supplier Prod/_advisors_banners.html.liquid
View File

@ -1,7 +1,7 @@
<div class="banner-wrapper">
<div class="banner-container">
<div class="banner-image-wrapper">
<img src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/Category+Advisor+Resources+1.png" alt="" class="banner-img">
<img src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/nav+images/Category+Advisor+Resources.png" alt="" class="banner-img">
</div>
<div class="banner-content-container">
<div class="banner-heading">
@ -19,8 +19,7 @@
<style>
.banner-wrapper {
background: #13244c;
padding: 20px;
padding: 10px;
border-radius: 10px;
}
.banner-img {
@ -30,7 +29,7 @@
display: flex;
align-items: center;
gap: 40px;
background: #041e42;
background: #001E60;
padding: 20px;
border-radius: 10px;
}

62
Custom_Templates/customer_templates/Walmart Supplier Prod/_announcements.html.liquid Normal file
View File

@ -0,0 +1,62 @@
{% assign blog_counter = 0 %}
<div class="heading-container">
<a href='/app/blog' class="carousel-heading events-link">
Announcements
</a>
</div>
<div class="carousel-wrapper">
<div class="announcement-carousel">
{% for course in courses.in_catalog %}
{% for category in course.categories %}
{% if category.name == 'Blog' %}
<div class="event-cart-carousel-item">
{% include "cards_course" with course %}
{% assign blog_counter = blog_counter | plus: 1 %}
</div>
{% endif %}
{% endfor %}
{% endfor %}
</div>
{% if blog_counter == 0 %}
{% include "training_events_zero_state" %}
{% endif %}
</div>
<style>
.events-grid-container {
width: 33%;
}
.announcements-carousel {
width: 100%;
margin: 0;
}
</style>
<script>
$(document).ready(function() {
$(".announcement-carousel").slick({
slidesToShow: 1,
cssEase: 'linear',
prevArrow: '<i class="fal fa-chevron-left arrow-left"></i>',
nextArrow: '<i class="fal fa-chevron-right arrow-right"></i>',
infinite: false,
responsive: [
{
breakpoint: 1170,
settings: {
slidesToShow: 1,
}
},
{
breakpoint: 768,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
dots: false,
arrows: true,
}
}
]
});
});
</script>

14
Custom_Templates/customer_templates/Walmart Supplier Prod/_cards_training_event.html.liquid
View File

@ -33,12 +33,14 @@
<span class="np-card-training-sessions-label">
{% t .sessions, count: training_event.sessions.size %}
</span>
<a
class="np-button np-button-wide"
href="{% route training_session, id: training_event.sessions.first.id %}"
>
{% t shared.view %}
</a>
<div class="button-container">
<a
class="button-course"
href="{% route training_session, id: training_event.sessions.first.id %}"
>
{% t shared.view %}
</a>
</div>
</div>
</div>
</div>

23
Custom_Templates/customer_templates/Walmart Supplier Prod/_catalog_categories.html.liquid
View File

@ -1,5 +1,5 @@
{% assign available_categories = "Ethics and Compliance,Item Creation,Getting Paid,Merchandising,Onboarding,Packaging and Labeling,Replenishment,Retail Basics,Transportation" %}
<div class="catalog-categories-container">
<div id="categories" class="catalog-categories-container">
<div class="text-container">
<div class="text-heading text-center">
Explore the course catalog below!
@ -39,7 +39,8 @@
border-radius: 10px;
overflow: hidden;
transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
background: #13244c;
/*background: #13244c;*/
background: transparent;
padding: 20px;
}
.category-card:hover {
@ -59,15 +60,15 @@
<script>
const categoryCards = document.querySelectorAll('.category-card');
const images = [
{name: 'Ethics and Compliance', url: "https://s3.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/Ethics_and_Compliance.png"},
{name: 'Onboarding', url: "https://s3.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/Onboarding.png"},
{name: 'Retail Basics', url: "https://s3.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/Retail_Basics.png"},
{name: 'Item Creation', url: "https://s3.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/Item_Creation.png"},
{name: 'Merchandising', url: "https://s3.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/Merchandising.png"},
{name: 'Transportation', url: "https://s3.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/Transportation.png"},
{name: 'Packaging and Labeling', url: "https://s3.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/Packaging_and_Labeling.png"},
{name: 'Getting Paid', url: "https://s3.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/Getting_Paid.png"},
{name: 'Replenishment', url: "https://s3.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/Replinishment.png"},
{name: 'Ethics and Compliance', url: "https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/ethics_and_compliance.png"},
{name: 'Onboarding', url: "https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/onboarding.png"},
{name: 'Retail Basics', url: "https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/retail_basics.png"},
{name: 'Item Creation', url: "https://s3.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/item_creation.png"},
{name: 'Merchandising', url: "https://s3.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/merchandising.png"},
{name: 'Transportation', url: "https://s3.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/transportation.png"},
{name: 'Packaging and Labeling', url: "https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/packaging_labeling.png"},
{name: 'Getting Paid', url: "https://s3.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/getting_paid.png"},
{name: 'Replenishment', url: "https://s3.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/replenish.png"},
];
function addCategoryCardImage() {

14
Custom_Templates/customer_templates/Walmart Supplier Prod/_continue_learning.html.liquid
View File

@ -1,3 +1,4 @@
{% assign uniqe_enrolled = '' %}
<div class="heading-container">
<div class="carousel-heading">
Continue Learning
@ -7,9 +8,16 @@
<div class="continue_learning_carousel">
{% for course in courses.enrolled %}
{% if course.progress > 0 and course.progress < 100 %}
<div class="carousel-card-wrapper">
{% include 'cards_course' %}
</div>
{% for category in course.categories %}
{% unless category.name == "HelpDoc" %}
{% unless uniqe_enrolled contains course.name %}
<div class="carousel-card-wrapper">
{% include 'cards_course' %}
</div>
{% assign uniqe_enrolled = uniqe_enrolled | append: course.name | append: ',' %}
{% endunless %}
{% endunless %}
{% endfor %}
{% endif %}
{% endfor %}
</div>

5
Custom_Templates/customer_templates/Walmart Supplier Prod/_faq_section.html.liquid
View File

@ -116,7 +116,6 @@
}
.faq-card {
background: #13244c;
padding: 20px;
border-radius: 12px;
height: fit-content;
@ -137,15 +136,15 @@
.faq-cta {
width: 40px;
height: 40px;
background: #002d97;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: #ffc220;
}
.cta-faq-icon {
color: #fff;
color: #000;
transition: transform 0.3s ease;
}

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

@ -19,7 +19,7 @@
</ul>
</div>
{% endif %}
<div class="copyright">© 2023 Walmart Inc.</div>
<div class="copyright">© 2025 Walmart Inc.</div>
</div>
<div class="np-footer-bottom">
@ -71,7 +71,7 @@
margin:auto;
border-top: 1px solid #DADCE0;
padding: 24px 16px 48px;
background: #041e42;
background: #001E60;
}
.np-footer-top {

30
Custom_Templates/customer_templates/Walmart Supplier Prod/_grow_with_walmart_banners.html.liquid
View File

@ -2,19 +2,32 @@
<div class="banner-wrapper">
<div class="banner-container">
<div class="banner-image-wrapper">
<img src="https://s3.amazonaws.com/static.northpass.com/Supplier+Academy/Banners/GWW+Logo.png" alt="" class="banner-img">
<div class="deatils-container">
<div class="banner-descirption text-center">Email <span class="bold-text">supplierdevelopment@walmart.com</span></div>
<img src="https://i5.walmartimages.com/dfwrs/76316474-30ea/k2-_c397aeb4-ecf5-485a-b04a-9e094d10e8fb.v1.png" alt="" class="banner-img">
<div class="deatils-container">
<div class="banner-descirption text-center">Email <span class="bold-text">supplierinclusion@walmart.com</span></div>
<div class="banner-descirption text-center">for additional support.</div>
</div>
</div>
<div class="banner-content-container">
<div class="banner-descirption">
If you are a U.S. based supplier wanting to sell your product in our U.S. stores, clubs, or online marketplace, <span class="bold-text">Grow With Walmart</span> will help prepare you for success.
Ready to elevate your small business with Walmart?
</div>
<div class="banner-descirption">
Learn foundational business skills in our Business Fundamentals and Advanced Business pathways. Explore the skills necessary for a successful experience working with Walmart in our Retail Ready Capabilities and Walmart Ways of Working pathways.
Grow with US provides tailored learning paths to help small businesses succeed in Walmart's U.S. stores, clubs, and online Marketplace.<br> <br> <a href="https://corporate.walmart.com/suppliers/supplier-inclusion" style="color: white; font-size: 20px;">Click here</a> to learn more about what Walmart has to offer small businesses.
</div>
<!-- <div class="banner-descirption">
Before you get started, register your company in our Small Business Portal to make sure we can verify you as a small business and provide access to additional tools and resources. Click here and answer a few short questions.
</div>
<div class="banner-description">
<a href="https://corporate.walmart.com/suppliers/supplier-inclusion" style="color: white; font-size: 20px;">Click here</a> to learn more about what Walmart has to offer small businesses.
</div> -->
</div>
</div>
</div>
@ -65,8 +78,7 @@
<style>
.banner-wrapper {
background: #13244c;
padding: 20px;
padding: 10px;
border-radius: 10px;
}
.banner-img {
@ -76,7 +88,7 @@
display: flex;
align-items: center;
gap: 40px;
background: #041e42;
background: #001E60;
padding: 20px;
border-radius: 10px;
}
@ -95,7 +107,7 @@
align-items: center;
}
.banner-image-wrapper {
width: 40%;
width: 30%;
display: flex;
flex-direction: column;
gap: 30px;

1
Custom_Templates/customer_templates/Walmart Supplier Prod/_head.html.liquid
View File

@ -10,6 +10,7 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js" type="text/javascript"></script>
<script>
function changeTranscriptPageText() {
if (window.location.pathname == "/app/transcript") {

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

@ -65,7 +65,7 @@
class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn"
href="/app/grow-with-walmart-catalog"
>
Grow With Walmart
Grow with US
</a>
</div>
<div class="header-dropdown-option">
@ -88,6 +88,23 @@
{% endif %}
</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="mailto:supplierdevelopment@walmart.com "
@ -251,7 +268,7 @@
Blog
</a>
<a
href="/app/courses/a891fcb0-ed3a-4851-8e64-0f4f0b602c2d/activities/2571c2cb-2fc7-4b11-a8b9-fd72d5fa6adf"
href="/courses/a891fcb0-ed3a-4851-8e64-0f4f0b602c2d/activities"
class="np-header-mobile-menu-content-button"
>
Help Docs
@ -300,7 +317,6 @@
z-index: 10;
width: fit-content;
top: 40px;
left: -20px;
}
.np-header-desktop-nav-link:hover .header-dropdown-container {
@ -319,6 +335,7 @@
display: flex;
align-items: center;
color: #fff;
margin-left: 15px;
}
.header-dropdown-option:hover {

77
Custom_Templates/customer_templates/Walmart Supplier Prod/_homepage_nav.html.liquid Normal file
View File

@ -0,0 +1,77 @@
<div class="homepage-nav-wrapper">
<div class="nav-heading-container">
<div class="carousel-heading">
Your one-stop-shop for success with Walmart.
</div>
</div>
<div class="nav-homepage-container">
<a href="/app/grow-with-walmart-catalog" class="nav-item">
<div class="nav-icon">
<img class="nav-icon-image" src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/nav+images/Bus+Fund+Icon.svg" alt="">
</div>
<div class="nav-title">Grow with US</div>
</a>
<a href="/app/welcome-to-walmart" class="nav-item">
<div class="nav-icon">
<img class="nav-icon-image" src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/nav+images/New+to+WM+Icon.svg" alt="">
</div>
<div class="nav-title">New to Walmart</div>
</a>
<a class="nav-item" href="#categories">
<div class="nav-icon">
<img class="nav-icon-image" src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/nav+images/Explore+Modules+Icon.svg" alt="">
</div>
<div class="nav-title">Explore Modules</div>
</a>
<a class="nav-item" href="/courses/a891fcb0-ed3a-4851-8e64-0f4f0b602c2d/activities">
<div class="nav-icon">
<img class="nav-icon-image" src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/nav+images/Help+Docs+Icon.svg" alt="">
</div>
<div class="nav-title">Help Docs</div>
</a>
</div>
</div>
<style>
.nav-item {
text-decoration: none;
color: #fff;
}
.nav-item:hover {
-ms-transform: scale(1.1); /* IE 9 */
-webkit-transform: scale(1.1); /* Safari 3-8 */
transform: scale(1.1);
}
.nav-icon-image {
height: 175px;
width: 175px;
}
.nav-homepage-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 40px;
margin-top: 30px;
}
.nav-icon {
display: flex;
justify-content: center;
}
.homepage-nav-wrapper {
margin-top: 40px;
}
.nav-title {
color: #fff;
font-weight: 600;
margin-top: 15px;
font-size: 1.25rem;
text-align: center;
}
.nav-heading-container {
margin-bottom: 20px;
text-align: center;
}
</style>

12
Custom_Templates/customer_templates/Walmart Supplier Prod/_homepage_widget_and_events.html.liquid
View File

@ -5,6 +5,9 @@
<div class="events-grid-container">
{% include "training_events_dashboard" %}
</div>
<div class="announcements-grid-container">
{% include "announcements" %}
</div>
</div>
<style>
.widget-and-events-wrapper {
@ -12,19 +15,22 @@
gap: 40px;
}
.widget-grid-container {
width: 30%;
width: 33%;
}
.events-grid-container {
width: 70%;
width: 33%;
}
.event-card, .np-card-content-training-event {
height: 100%;
}
.announcements-grid-container {
width: 33%;
}
@media only screen and (max-width: 1000px) {
.widget-and-events-wrapper {
flex-direction: column;
}
.widget-grid-container, .events-grid-container {
.widget-grid-container, .events-grid-container, .announcements-grid-container {
width: 100%;
}
}

2
Custom_Templates/customer_templates/Walmart Supplier Prod/_learning_path_training_session.html.liquid
View File

@ -40,7 +40,7 @@
</div>
</div>
<div class="np-learning-path-outline-content">
<div class="np-learning-path-outline-name np-top-title">{{ training_session.name }}</div>
<div class="np-learning-path-outline-name np-top-title np-learning-path-outline-name-locked">{{ training_session.name }}</div>
<div class="np-learning-path-outline-caption">{{ training_session.caption }}</div>
</div>
{% if training_session.optional? %}

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

@ -15,15 +15,18 @@
In Supplier Academy you can...
</div>
<div class="list-modal-container">
<li>
<ul class="dot-modal">Explore hundreds of eLearning modules</ul>
</li>
<li>
<ul class="dot-modal">Sign up for live webinars</ul>
</li>
<li>
<ul class="dot-modal">Complete custom learning paths</ul>
</li>
<div class="list-item">
<div class="dot"></div>
<div class="dot-modal">Explore hundreds of eLearning modules</div>
</div>
<div class="list-item">
<div class="dot"></div>
<div class="dot-modal">Sign up for live webinars</div>
</div>
<div class="list-item">
<div class="dot"></div>
<div class="dot-modal">Complete custom learning paths</div>
</div>
</div>
<div class="modal-text-description">
The Supplier Development team is here to support you every step of the way. If you have any questions or need assistance, feel free to reach out to us at <span class="text-bold">supplierdevelopment@walmart.com</span>.
@ -71,6 +74,18 @@
</div>
<style>
.dot {
width: 7.5px;
height: 7.5px;
background: #fff;
border-radius: 50%;
}
.list-item {
display: flex;
align-items: center;
gap: 10px;
margin: 15px 0;
}
.overlay-modal {
position: fixed;
z-index: 111;
@ -115,7 +130,7 @@
display: flex;
justify-content: center;
border: 3px solid #ffc220;
background: #041e42;
background: #001e60;
border-radius: 12px;
padding: 60px 40px;
margin-top: 5%;
@ -226,6 +241,7 @@
flex-direction: column;
gap: 20px;
}
.modal-text {
text-align: center;
}
@ -289,7 +305,7 @@ document.addEventListener("DOMContentLoaded", () => {
payload = { group: "5274843d-fba0-461c-b05b-3f3640385cf2", locale: "MEX", id: "{{current_person.id}}" };
break;
case "Walmart Associate":
payload = { group: "93414c12-d00f-4258-af01-18e455d756c7", locale: "USA", id: "{{current_person.id}}" };
payload = { group: "93414c12-d00f-4258-af01-18e455d756c7", group2: "646fe445-cc88-4266-a6bd-8e28b977649e", group3: "164ebbb5-5ad0-45d9-81ab-3b0930d63dc8", locale: "USA", id: "{{current_person.id}}" };
break;
case "USA":
if (!selectedBusiness) {

6
Custom_Templates/customer_templates/Walmart Supplier Prod/_sub_navigation.html.liquid
View File

@ -6,7 +6,7 @@
<div class="np-sub-navigation-content-item {{ link.active_class }}">
<a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
{% if link.label == 'Catalog' %}
Courses
Modules
{% else %}
{{ link.label }}
{% endif %}
@ -17,12 +17,12 @@
{% endfor %}
<div id="navBlog" class="np-sub-navigation-content-item np-sub-navigation-content-item-inactive">
<a class="np-sub-navigation-content-item-link" href="/app/blog">
Blog
Announcements
</a>
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
</div>
<div id="helpDocs" class="np-sub-navigation-content-item np-sub-navigation-content-item-inactive">
<a class="np-sub-navigation-content-item-link" href="/app/courses/a891fcb0-ed3a-4851-8e64-0f4f0b602c2d">
<a class="np-sub-navigation-content-item-link" href="/courses/a891fcb0-ed3a-4851-8e64-0f4f0b602c2d">
Help Docs
</a>
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>

13
Custom_Templates/customer_templates/Walmart Supplier Prod/_training_events_dashboard.html.liquid
View File

@ -1,8 +1,8 @@
{% assign events_counter = 0 %}
<div class="heading-container">
<div class="carousel-heading">
<a href='/app/training_events' class="carousel-heading events-link">
Upcoming Events
</div>
</a>
</div>
<div class="carousel-wrapper">
<div class="events-carousel">
@ -19,19 +19,22 @@
</div>
<style>
.events-grid-container {
width: 100%;
width: 33%;
}
.events-carousel {
width: 100%;
margin: 0;
}
.events-link {
text-decoration: none;
}
</style>
<script>
$(document).ready(function() {
$(".events-carousel").slick({
slidesToShow: 3,
slidesToShow: 1,
cssEase: 'linear',
prevArrow: '<i class="fal fa-chevron-left arrow-left"></i>',
nextArrow: '<i class="fal fa-chevron-right arrow-right"></i>',
@ -40,7 +43,7 @@ $(document).ready(function() {
{
breakpoint: 1170,
settings: {
slidesToShow: 2,
slidesToShow: 1,
}
},
{

7
Custom_Templates/customer_templates/Walmart Supplier Prod/_welcome_section.html.liquid
View File

@ -59,7 +59,7 @@
</li>
<li class="get-started-item">
<span class="get-started-item-heading">Have a system-specific questions?</span>
Visit our <a href="/app/courses/a891fcb0-ed3a-4851-8e64-0f4f0b602c2d" class="text-link">Help Docs</a> directory.
Visit our <a href="/courses/a891fcb0-ed3a-4851-8e64-0f4f0b602c2d" class="text-link">Help Docs</a> directory.
</li>
</ul>
</div>
@ -76,13 +76,12 @@
<style>
.welcome-section-container {
background: #13244c;
padding: 20px;
padding: 10px;
display: flex;
border-radius: 10px;
}
.welcome-section-wrapper {
background: #041e42;
background: #001E60;
padding: 20px;
border-radius: 10px;
display: grid;

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

@ -30,7 +30,7 @@
<style>
.welcome-section-container {
background: #13244c;
background: #001E60;
padding: 20px;
display: flex;
border-radius: 10px;
@ -39,7 +39,7 @@
margin-top: 20px;
}
.welcome-section-wrapper {
background: #041e42;
background: #001E60;
padding: 20px;
border-radius: 10px;
display: grid;

10
Custom_Templates/customer_templates/Walmart Supplier Prod/_welcome_to_walmart_categories.html.liquid
View File

@ -4,7 +4,7 @@
<div class="categories-wrapper">
<a class="category-item" href="#Introduction to Walmart" onclick="expandSection('Introduction to Walmart')">
<div class="category-item-image-container">
<img src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/WM+Store+Icon.png" alt="" class="category-item-image">
<img src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/WTW+Images/W2W+Icons+2-01.png" alt="" class="category-item-image">
</div>
<div class="category-item-title">
Introduction to Walmart
@ -12,7 +12,7 @@
</a>
<a class="category-item" href="#Onboarding" onclick="expandSection('Onboarding')">
<div class="category-item-image-container">
<img src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/Clip+Board+Icon.png" alt="" class="category-item-image">
<img src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/WTW+Images/W2W+Icons-01.png" alt="" class="category-item-image">
</div>
<div class="category-item-title">
Onboarding
@ -20,7 +20,7 @@
</a>
<a class="category-item" href="#Merchandising" onclick="expandSection('Merchandising')">
<div class="category-item-image-container">
<img src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/Bag+Icon.png" alt="" class="category-item-image">
<img src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/WTW+Images/GroceryBag_Circle_Blue.png" alt="" class="category-item-image">
</div>
<div class="category-item-title">
Merchandising
@ -28,7 +28,7 @@
</a>
<a class="category-item" href="#Supply Chain" onclick="expandSection('Supply Chain')">
<div class="category-item-image-container">
<img src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/Truck+Icon.png" alt="" class="category-item-image">
<img src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/WTW+Images/Truck_Spark_Circle_LightBlue.png" alt="" class="category-item-image">
</div>
<div class="category-item-title">
Supply Chain
@ -36,7 +36,7 @@
</a>
<a class="category-item" href="#Getting Paid" onclick="expandSection('Getting Paid')">
<div class="category-item-image-container">
<img src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/Dollar+Sign+Icon.png" alt="" class="category-item-image">
<img src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/WTW+Images/DollarSignCircle_Shine_Circle_Gray.png" alt="" class="category-item-image">
</div>
<div class="category-item-title">
Getting Paid

8
Custom_Templates/customer_templates/Walmart Supplier Prod/blog.html.liquid
View File

@ -1,10 +1,16 @@
{% if current_person.properties.first_login == true %}
<script>
window.location.replace('/app');
</script>
{% endif %}
{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.in_catalog %}
{% include "sub_navigation" %}
<main class="np-main np-catalog np-subpage-container np-max-width">
<div class="np-catalog-header-wrapper">
<div class="np-catalog-header">
<div class="np-resource-title">Blog</div>
<div class="np-resource-title">Announcements</div>
</div>
</div>
{% include "courses_blogs" %}

6
Custom_Templates/customer_templates/Walmart Supplier Prod/catalog.html.liquid
View File

@ -1,3 +1,9 @@
{% if current_person.properties.first_login == true %}
<script>
window.location.replace('/app');
</script>
{% endif %}
{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.in_catalog %}
{% include "sub_navigation" %}

6
Custom_Templates/customer_templates/Walmart Supplier Prod/categories-catalog.html.liquid
View File

@ -1,3 +1,9 @@
{% if current_person.properties.first_login == true %}
<script>
window.location.replace('/app');
</script>
{% endif %}
{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.in_catalog %}
{% include "sub_navigation" %}

6
Custom_Templates/customer_templates/Walmart Supplier Prod/certifications.html.liquid
View File

@ -1,3 +1,9 @@
{% if current_person.properties.first_login == true %}
<script>
window.location.replace('/app');
</script>
{% endif %}
{% include "header" %}
{% include "sub_navigation" %}
<main class="np-main np-certifications np-subpage-container np-max-width">

6
Custom_Templates/customer_templates/Walmart Supplier Prod/course.html.liquid
View File

@ -1,3 +1,9 @@
{% if current_person.properties.first_login == true %}
<script>
window.location.replace('/app');
</script>
{% endif %}
{% assign skip_overview = false %}
{% for category in course.categories %}
{% if category.name == 'HelpDoc' %}

6
Custom_Templates/customer_templates/Walmart Supplier Prod/courses.html.liquid
View File

@ -1,3 +1,9 @@
{% if current_person.properties.first_login == true %}
<script>
window.location.replace('/app');
</script>
{% endif %}
{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.enrolled %}
{% include "sub_navigation" %}

6
Custom_Templates/customer_templates/Walmart Supplier Prod/grow-with-walmart-catalog.html.liquid
View File

@ -1,3 +1,9 @@
{% if current_person.properties.first_login == true %}
<script>
window.location.replace('/app');
</script>
{% endif %}
{% include "header" %}
{% include "sub_navigation" %}
<main class="np-main np-catalog np-subpage-container np-max-width">

6
Custom_Templates/customer_templates/Walmart Supplier Prod/grow_with_walmart_catalog.html.liquid
View File

@ -1,3 +1,9 @@
{% if current_person.properties.first_login == true %}
<script>
window.location.replace('/app');
</script>
{% endif %}
{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.in_catalog %}
{% include "sub_navigation" %}

11
Custom_Templates/customer_templates/Walmart Supplier Prod/homepage.html.liquid
View File

@ -1,3 +1,5 @@
{% assign in_progress_courses = 0 %}
{% for course in courses.enrolled %}
{% if course.progress > 0 and course.progress < 100 %}
@ -18,11 +20,14 @@
alt="{{ homepage.headline }}"
/>
</div>
{% include "sub_navigation" %}
<div class="np-max-width">
<section>
{% include 'homepage_nav' %}
</div>
<div class="np-max-width">
{% comment %} <section>
{% include 'welcome_section' %}
</section>
</section> {% endcomment %}
<section>
{% include 'homepage_widget_and_events' %}
</section>

6
Custom_Templates/customer_templates/Walmart Supplier Prod/learning_paths.html.liquid
View File

@ -1,3 +1,9 @@
{% if current_person.properties.first_login == true %}
<script>
window.location.replace('/app');
</script>
{% endif %}
{% include "header" %}
{% include "sub_navigation" %}
<main class="np-main np-learning-paths np-subpage-container np-max-width">

2
Custom_Templates/customer_templates/Walmart Supplier Prod/search.html.liquid
View File

@ -8,7 +8,7 @@
{% t .showing %}
<span class="np-resource-subtitle-number">{{ results.count }}</span>
{% t .results_for %}
<span class="np-button-color">"{{ results.term }}"</span>
<span class="white-text">"{{ results.term }}"</span>
</div>
{% capture label %}{% t shared.filters.by_type %}{% endcapture %}
{%

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

@ -69,7 +69,7 @@ html {
}
body {
background: #041e42;
background: #001E60;
}
.np-homepage-featured .np-homepage-headline, .np-homepage-featured .np-homepage-subheadline, .np-resource-title, .np-dashboard-resources-title, .np-dashboard-resources-category, .np-resource-subtitle, .np-search .np-resource-subtitle-number{
@ -77,7 +77,7 @@ body {
}
.np-sub-navigation {
background-color: #041E42 !important;
background-color: #001e60 !important;
padding: 25px 0 0 0;
margin: 0 0 0 0;
}
@ -146,7 +146,7 @@ section {
}
.np-learning-paths {
background: #041e42;
background: #001E60;
}
.np-card-header-icon, .np-card-header-type, .np-learning-path-items-count {
color: #041141;
@ -156,7 +156,7 @@ section {
height: 100%;
}
.button-course {
background: #041141;
background: #001E60;
color: #fff;
text-decoration: none;
padding: 12.5px 25px;
@ -222,7 +222,7 @@ section {
color: #fff;
}
.search-input {
background: #041e42;
background: #001e60;
}
.slick-track {
display: flex !important;
@ -317,6 +317,15 @@ height: 20px;
.calendar-icon-event {
margin-bottom: 10px;
}
.white-text {
color: #fff;
}
.events-link {
text-decoration: none;
}
.events-link:hover {
text-decoration: underline;
}
@media only screen and (max-width: 1000px) {
.welcome-section-wrapper {
flex-direction: column;
@ -332,6 +341,9 @@ height: 20px;
.category-links-wrapper {
grid-template-columns: repeat(1, 1fr) !important;
}
.faq-wrapper {
grid-template-columns: repeat(1, 1fr) !important;
}
}
@media only screen and (max-width: 500px) {
.np-sub-navigation {

6
Custom_Templates/customer_templates/Walmart Supplier Prod/training_events.html.liquid
View File

@ -1,3 +1,9 @@
{% if current_person.properties.first_login == true %}
<script>
window.location.replace('/app');
</script>
{% endif %}
{% include "header" %}
{% include "sub_navigation" %}
<main class="np-main np-training-events np-subpage-container np-max-width">

6
Custom_Templates/customer_templates/Walmart Supplier Prod/welcome-to-walmart.html.liquid
View File

@ -1,3 +1,9 @@
{% 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 %}