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

I think the final Pipedrive download. Walmart Supplier was updated as well.

Browse Source
This commit is contained in:
Norm Rasmussen
2025-07-10 16:18:51 -04:00
parent 41ca4834a2
commit 75455bbf4e
244 changed files with 3025 additions and 13818 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2,7 +2,7 @@
<div id="categories" class="catalog-categories-container">
<div class="text-container">
<div class="text-heading text-center">
Explore the course catalog below!
Explore the eLearning modules below!
</div>
</div>

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

@ -3,9 +3,9 @@
{% assign learner_region = current_person.properties.person_locale %}
{% if courses.in_catalog.any? %}
{% if courses.enrolled.any? %}
<div class="np-catalog-courses row row-with-thumbnails">
{% for course in courses.in_catalog %}
{% for course in courses.enrolled %}
{% for category in course.categories %}
{% unless category.name == 'Blog' %}
{% unless uniq_courses contains course.name %}

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

@ -8,24 +8,21 @@
</div>
<div class="banner-content-container">
<div class="banner-descirption">
Ready to elevate your small business with Walmart?
<b>Ready to elevate your small business with Walmart?</b>
</div>
<div class="banner-descirption">
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.
Grow with US provides tailored learning paths to help small businesses succeed in Walmart's U.S. stores, clubs, and online Marketplace.
</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 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.
<br> <br> <a href="https://corporate.walmart.com/suppliers/supplier-inclusion" style="color: white; font-size: 20px;">Click here</a> to register as a small business and <a href="https://corporate.walmart.com/suppliers/supplier-inclusion" style="color: white; font-size: 20px;">click here</a> to learn more about Grow with US.
</div>
</div>
</div>
{% elsif mexico_user %}
<div class="banner-wrapper">
@ -54,18 +51,19 @@
<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/Vriddhi+Logo.png" alt="" class="banner-img">
<div class="deatils-container">
<img src="https://i5.walmartimages.com/dfwrs/76316474-d223/k2-_b319d5d6-0605-49ef-8384-195fc9175c8a.v1.png" alt="" class="banner-img">
<!-- <div class="deatils-container">
<div class="banner-descirption text-center">Email <span class="bold-text">contactus@walmartvriddhi.org</span></div>
<div class="banner-descirption text-center">for additional support.</div>
</div>
</div> -->
</div>
<div class="banner-content-container">
<div class="banner-descirption">
Walmart Vriddhi is a supplier development program that aims to work with 50,000 Micro, Small and Medium Enterprises (MSMEs) in India to expand their domestic capabilities.
</div>
<div class="banner-descirption">
The program offers the opportunity to develop through on-demand learning and personalized mentoring. Participants also have support onboarding to Flipkart Marketplace.
The program offers the opportunity to develop through on-demand learning and personalized mentoring. Participants also have support onboarding to Flipkart Marketplace.
<br><br> Email <span class="bold-text">contactus@walmartvriddhi.org</span> for additional support.
</div>
</div>
</div>

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

@ -76,6 +76,14 @@
Welcome to Walmart
</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/walmart-start"
>
Walmart Start
</a>
</div>
{% if category_advisors %}
<div class="header-dropdown-option">
<a

28
Custom_Templates/customer_templates/Walmart Supplier Prod/_homepage_nav.html.liquid
View File

@ -8,25 +8,37 @@
<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="">
<img class="nav-icon-image" src="https://i5.walmartimages.com/dfwrs/76316474-5362/k2-_b8f73f89-371f-4b1f-a734-d376a2d4aebb.v1.png" alt="Grow with us">
</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="">
<img class="nav-icon-image" src="https://i5.walmartimages.com/dfwrs/76316474-1a5e/k2-_b8b5f489-ac2c-4600-a651-baa24baba845.v1.png" alt="Grow with us">
</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="">
<img class="nav-icon-image" src="https://i5.walmartimages.com/dfwrs/76316474-2a09/k2-_7cfbce31-132e-4254-b55f-5f4e36a9a059.v1.png" alt="eLearning Modules">
</div>
<div class="nav-title">Explore Modules</div>
<div class="nav-title">eLearning Modules</div>
</a>
<a href="/app/learning_paths" class="nav-item">
<div class="nav-icon">
<img class="nav-icon-image" src="https://i5.walmartimages.com/dfwrs/76316474-ad84/k2-_169cfaa6-ab27-4baf-97a5-21118d1f6980.v1.png" alt="Learning Paths">
</div>
<div class="nav-title">Learning Paths</div>
</a>
<a href="/app/training_events" class="nav-item">
<div class="nav-icon">
<img class="nav-icon-image" src="https://i5.walmartimages.com/dfwrs/76316474-42bc/k2-_04a26edb-52f3-4a4f-a02d-896aa8960e25.v1.png" alt="Live Trainings">
</div>
<div class="nav-title">Training Events</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="">
<img class="nav-icon-image" src="https://i5.walmartimages.com/dfwrs/76316474-5361/k2-_29e19a83-a29f-44cd-b3f3-01e22601a739.v1.png" alt="Help Docs">
</div>
<div class="nav-title">Help Docs</div>
</a>
@ -42,7 +54,7 @@
.nav-item:hover {
-ms-transform: scale(1.1); /* IE 9 */
-webkit-transform: scale(1.1); /* Safari 3-8 */
transform: scale(1.1);
transform: scale(1.1);
}
.nav-icon-image {
@ -65,7 +77,7 @@
}
.nav-title {
color: #fff;
font-weight: 600;
font-weight: 300;
margin-top: 15px;
font-size: 1.25rem;
text-align: center;
@ -74,4 +86,4 @@
margin-bottom: 20px;
text-align: center;
}
</style>
</style>

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

@ -312,7 +312,7 @@ document.addEventListener("DOMContentLoaded", () => {
alert("Please choose if you are doing business with Walmart.");
return;
}
payload = selectedBusiness === "yes"
payload = selectedBusiness === "yes"
? { group: "164ebbb5-5ad0-45d9-81ab-3b0930d63dc8", locale: "USA", id: "{{current_person.id}}" }
: { group: "646fe445-cc88-4266-a6bd-8e28b977649e", locale: "USA", id: "{{current_person.id}}" };
break;
@ -334,8 +334,8 @@ document.addEventListener("DOMContentLoaded", () => {
.then(() => {
localStorage.setItem("modalFilled", "true");
setTimeout(() => {
location.reload();
}, 4000);
location.reload();
}, 4000);
})
.catch(() => {
alert("There was an error submitting the form.");
@ -356,4 +356,4 @@ document.addEventListener("DOMContentLoaded", () => {
if (loader) loader.remove();
}
});
</script>
</script>

2
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' %}
Modules
eLearning Modules
{% else %}
{{ link.label }}
{% endif %}

115
Custom_Templates/customer_templates/Walmart Supplier Prod/_walmart-start.html.liquid Normal file
View File

File diff suppressed because one or more lines are too long

81
Custom_Templates/customer_templates/Walmart Supplier Prod/_walmart-start_banners.html.liquid Normal file
View File

@ -0,0 +1,81 @@
{% if current_person.properties.first_login == true %}
<script>
window.location.replace('/app');
</script>
{% endif %}
<div class="banner-wrapper">
<div class="banner-container">
<div class="banner-image-wrapper">
<img src="https://i5.walmartimages.com/dfwrs/76316474-49b1/k2-_986bc821-322d-40d0-b90d-cff871e9d4f3.v1.jpg" alt="" class="beautystart-img">
<!--<div class="deatils-container">
<div class="banner-descirption text-center">Email <span class="bold-text">supplierdevelopment@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">
Walmart Start is an exciting beauty brand accelerator program that sets emerging brands up for successful glow-ups by giving them a chance to launch at Walmart.
</div>
<div class="banner-descirption">
The selected brands have a potential opportunity to be launched at Walmart, while also receiving access to various resources to help set each brand up for their launch.
</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;
background: #001E60;
padding: 20px;
border-radius: 10px;
}
.text-center {
text-align: center;
}
.banner-descirption {
font-size: 20px;
}
.bold-text {
font-weight: 700;
}
.deatils-container {
display: flex;
flex-direction: column;
align-items: center;
}
.banner-image-wrapper {
width: 40%;
display: flex;
flex-direction: column;
gap: 30px;
}
.banner-content-container {
width: 60%;
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>

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

@ -1,4 +1,23 @@
<div class="welcome-section-container">
<div class="banner-wrapper">
<div class="banner-container">
<div class="banner-image-wrapper">
<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>Welcome to Walmart!</b><br><br>
Are you a new Walmart supplier?<br>
Are you ready to begin the onboarding process?<br>
Are you not sure where to start?<br><br>
Our <b> Welcome to Walmart </b> learning paths are here to help! In this series we will guide you through the entire process from initial onboarding procedures through getting paid.
</div>
</div>
</div>
</div>
<!--
<div class="welcome-section-wrapper">
<div class="video-container">
<video width='100%' height="400px" controls autoplay muted>
@ -25,82 +44,60 @@
</div>
</div>
</div>
-->
</div>
<style>
.welcome-section-container {
background: #001E60;
padding: 20px;
.banner-wrapper {
padding: 10px;
border-radius: 10px;
}
.banner-img {
width: 100%;
}
.banner-container {
display: flex;
border-radius: 10px;
}
.extra-margin {
margin-top: 20px;
}
.welcome-section-wrapper {
background: #001E60;
align-items: center;
gap: 40px;
padding: 20px;
border-radius: 10px;
display: grid;
align-items: center;
grid-template-columns: repeat(2,1fr);
gap: 30px;
}
.get-started {
.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;
width: 100%;
}
.get-started-content-wrapper {
.banner-image-wrapper {
width: 50%;
display: flex;
margin-top: 20px;
flex-direction: column;
gap: 30px;
}
.introduction {
color: #fff;
font-size: 25px;
font-weight: 600;
text-align: left;
white-space: nowrap;
}
.heading {
color: #fff;
font-size: 25px;
font-weight: 600;
text-align: left;
width: 100%;
}
.get-started-item-heading {
color: #fff;
font-size: 25px;
font-weight: 600;
}
.get-started-item {
font-size: 25px;
}
.video-container {
width: 100%;
.banner-content-container {
width: 50%;
display: flex;
justify-content: center;
}
.text-link {
color: #fff;
}
@media (max-width:1000px) {
.welcome-section-wrapper {
grid-template-columns: repeat(1,1fr);
flex-direction: column;
gap: 30px;
}
@media only screen and (max-width: 900px) {
.banner-container {
flex-direction: column;
}
@media (max-width: 768px) {
.introduction, .heading {
font-size: 25px
}
.get-started-list {
padding: 15px;
}
.get-started-item {
}
@media only screen and (max-width: 500px) {
.banner-descirption{
font-size: 17px;
}
}
}
</style>

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

@ -15,7 +15,7 @@
</div>
{% capture label %}{% t shared.filters.by_category %}{% endcapture %}
{% if courses.in_catalog.any? %}
{% if courses.enrolled.any? %}
{%
include "filter_dropdown",
filters: courses.filters,

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

@ -8,9 +8,9 @@
{% include "sub_navigation" %}
<main class="np-main np-catalog np-subpage-container np-max-width">
<h1>Please use the form below to contact the Supplier Academy team.</h1>
<h1>Complete the form below to contact the Supplier Academy team.</h1>
<iframe class="airtable-embed" src="https://airtable.com/embed/appf41rlLEtVEHBMO/pagX3d6qFnH84vFPM/form" frameborder="0" onmousewheel="" width="100%" height="1000" style="background: transparent; border: 0px solid #ccc;"></iframe>
<iframe class="airtable-embed" src="https://airtable.com/embed/appeNkhYdzlOrDliK/pagX3d6qFnH84vFPM/form" frameborder="0" onmousewheel="" width="100%" height="1000" style="background: transparent; border: 0px solid #ccc;"></iframe>
</main>

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

@ -1,8 +1,8 @@
{% if current_person.properties.first_login == true %}
{% comment %} {% if current_person.properties.first_login == true %}
<script>
window.location.replace('/app');
</script>
{% endif %}
{% endif %} {% endcomment %}
{% include "header" %}
{% include "sub_navigation" %}
@ -52,4 +52,4 @@
display: block;
}
}
</style>
</style>

37
Custom_Templates/customer_templates/Walmart Supplier Prod/walmart-start.html.liquid Normal file
View File

@ -0,0 +1,37 @@
{% 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">
{% include 'walmart-start_banners' %}
<div class="lps-wrapper">
{% for learning_path in learning_paths.enrolled %}
{% for category in learning_path.categories %}
{% if us_user_grow %}
{% if category.name == 'Walmart Start' %}
{% include "cards_learning_path" %}
{% endif %}
{% endif %}
{% endfor %}
{% endfor %}
</main>
{% include "footer" %}
<style>
@media screen and (min-width: 768px) {
.np-card-content-description {
display: block;
}
}
</style>