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

Updated templates and tasks.

Browse Source
This commit is contained in:
Norm Rasmussen
2025-04-23 16:18:17 -04:00
parent 78e50050a4
commit 3d1fa03a51
15 changed files with 518 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
Custom_Templates/customer_templates/Walmart Supplier Prod/.DS_Store vendored
View File

Binary file not shown.

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

@ -76,7 +76,7 @@
</div>
<div class="faq-content">
<div class="faq-answer">
The Supplier Academy team is happy to help support your learning. Email supplierdevelopment@walmart.com and we will respond as soon as possible.
The Supplier Academy team is happy to help support your learning. Use <a href="https://supplieracademy.northpass.com/app/contact" style="color: white;">the form here</a> to contact us and we will respond as soon as possible.
</div>
</div>
</div>
@ -91,15 +91,12 @@
</div>
<div class="faq-content">
<div class="faq-answer">
Yes. Please send all feedback to supplierdevelopment@walmart.com.
We welcome all feedback! Please <a href="https://supplieracademy.northpass.com/app/contact" style="color: white;">contact us here.</a>
</div>
</div>
</div>
</div>
<div class="support-text text-center">
Contact supplierdevelopment@walmart.com for additional support.
</div>
</div>
</div>
<style>
.faq-wrapper {

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

@ -44,24 +44,7 @@
{% endif %}
</nav>
{% if website_footer.show_customer_service_email? and
website_footer.school_customer_service_email
%}
<div class="np-footer-support">
<div class="np-footer-support-item np-footer-support-help">
{% t .need_help %}
</div>
<div class="np-footer-support-item np-footer-support-email">
{% t .email %}
</div>
<a
class="np-footer-support-item np-footer-support-link np-button-color"
href="mailto:{{ website_footer.school_customer_service_email }}"
>
{{ website_footer.school_customer_service_email }}
</a>
</div>
{% endif %}
</div>
</footer>

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

@ -3,13 +3,9 @@
<div class="banner-container">
<div class="banner-image-wrapper">
<img src="https://i5.walmartimages.com/dfwrs/76316474-30ea/k2-_c397aeb4-ecf5-485a-b04a-9e094d10e8fb.v1.png" alt="" class="banner-img">
<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/1077946836?h=62260e9bc0&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="Grow with US Introduction"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>
<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>
<div class="banner-content-container">
<div class="banner-descirption">
Ready to elevate your small business with Walmart?
@ -107,7 +103,7 @@
align-items: center;
}
.banner-image-wrapper {
width: 30%;
width: 60%;
display: flex;
flex-direction: column;
gap: 30px;

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

@ -107,7 +107,7 @@
<li class= "np-header-desktop-nav-item">
<a
href="mailto:supplierdevelopment@walmart.com "
href="/app/contact"
class="np-header-desktop-nav-link np-header-font-color"
>
Contact

29
Custom_Templates/customer_templates/Walmart Supplier Prod/contact.html.liquid Normal file
View File

@ -0,0 +1,29 @@
{% 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">
<h1>Please use 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>
</main>
{% include "footer" %}
<style>
h1 {text-align: center;}
@media screen and (min-width: 768px) {
.np-card-content-description {
display: block;
}
}
</style>

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

@ -10,6 +10,24 @@
{{ color_palette.header_color }}
*/
@font-face {
font-family: "EverydaySans";
src: url(https://s3.us-east-1.amazonaws.com/static.northpass.com/walmart-supplier/fonts/EverydaySansUI-Italic-VF_wght.ttf);
font-style: italic;
}
@font-face {
font-family: "EverydaySans";
src: url(https://s3.us-east-1.amazonaws.com/static.northpass.com/walmart-supplier/fonts/EverydaySansUITT-Bold.ttf);
font-style: bold;
}
@font-face {
font-family: "EverydaySans";
src: url(https://s3.us-east-1.amazonaws.com/static.northpass.com/walmart-supplier/fonts/EverydaySansUITT-Regular.ttf);
font-style: normal;
}
@font-face {
font-family: "Bogle";
src: url(https://s3.amazonaws.com/static.northpass.com/fonts/Bogle_Regular.OTF);
@ -64,7 +82,7 @@
body,
html {
font-family: "Bogle", "Roboto", sans-serif;
font-family: "EverydaySans", "Bogle", "Roboto", sans-serif;
color: #fff;
}
@ -263,8 +281,8 @@ height: 20px;
.filter-content {
position: absolute;
top: 100%;
width: 250px;
top: 100%;
width: 250px;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
@ -273,7 +291,7 @@ height: 20px;
gap: 10px;
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease, width 0.4s ease;
transition: max-height 0.4s ease, width 0.4s ease;
z-index: 111;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
padding: 5px;
@ -299,8 +317,8 @@ height: 20px;
.filter-active .filter-content {
display: flex;
max-height: 500px;
width: 250px;
max-height: 500px;
width: 250px;
}
.card-course-container {
margin-bottom: 20px;
@ -352,4 +370,4 @@ height: 20px;
.np-header-logo-image {
height: 20px;
}
}
}

BIN
Custom_Templates/customer_templates/Walmart Supplier Sandbox/.DS_Store vendored Normal file
View File

Binary file not shown.

63
Custom_Templates/customer_templates/Walmart Supplier Sandbox/_header.html.liquid
View File

@ -58,23 +58,16 @@
</li>
{% endfor %}
<div class= "np-header-desktop-nav-link dropdown-nav">
Programs
Programs
<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="/app/grow-with-walmart-catalog"
>
Grow With Walmart
Grow with US
</a>
</div>
<div class="header-dropdown-option">
<a
class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn"
@ -87,13 +80,11 @@
<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"
>
href="/app/walmart-start">
Walmart Start
</a>
</div>
</div>
{% if category_advisors %}
<div class="header-dropdown-option">
<a
@ -104,43 +95,24 @@
</a>
</div>
{% endif %}
</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://supplier.walmart.com/"target="_blank"
>
Supplier One
<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
<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>
</div>
<li class= "np-header-desktop-nav-item">
<a
@ -150,8 +122,6 @@
Contact
</a>
</li>
</ul>
</div>
@ -346,7 +316,6 @@
.np-header-desktop-nav-link {
font-size: 20px;
font-weight: 500;
}
.header-dropdown-container {
@ -357,7 +326,6 @@
z-index: 10;
width: fit-content;
top: 40px;
left: -20px;
}
.np-header-desktop-nav-link:hover .header-dropdown-container {
@ -366,7 +334,7 @@
.header-dropdown-option {
display: block;
padding: 15px;
padding: 15px;
color: black;
text-decoration: none;
white-space: nowrap;
@ -376,12 +344,17 @@
display: flex;
align-items: center;
color: #fff;
margin-left: 15px;
}
.header-dropdown-option:hover {
background-color: #f0f0f0;
}
.header-dropdown-option:hover {
background-color: #f0f0f0;
}
.hidden-mobile {
display: none;
}

115
Custom_Templates/customer_templates/Walmart Supplier Sandbox/_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 Sandbox/_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>

23
Custom_Templates/customer_templates/Walmart Supplier Sandbox/contact.html.liquid Normal file
View File

@ -0,0 +1,23 @@
{% 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">
<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>
</main>
{% include "footer" %}
<style>
@media screen and (min-width: 768px) {
.np-card-content-description {
display: block;
}
}
</style>

37
Custom_Templates/customer_templates/Walmart Supplier Sandbox/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 == 'Grow With Walmart' %}
{% 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>