From d93059e8c02530c1c67e6d2f9119b97705ad1d88 Mon Sep 17 00:00:00 2001 From: Norm Rasmussen Date: Fri, 25 Oct 2024 16:17:46 -0400 Subject: [PATCH] Backedup supplier's templates. GSU tests. --- .../Gainsight University/catalog.html.liquid | 1 + .../commerce_catalog.html.liquid | 3 +- ...nalysis-and-reporting-carousel.html.liquid | 54 ++++++++- .../_cards_course.html.liquid | 3 +- .../_cards_learning_path.html.liquid | 4 +- .../_catalog_categories.html.liquid | 34 ++++-- .../_courses_help_doc.html.liquid | 21 ++++ .../_getting-started-carousel.html.liquid | 51 +++++++- .../_grow-with-walmart-zero-state.html.liquid | 79 ++++++++++++ .../_grow_with_walmart_banners.html.liquid | 109 +++++++++++++++++ .../Walmart Supplier Prod/_header.html.liquid | 43 ++++--- .../_lp_filters.html.liquid | 112 ++++++++++++++++++ .../_merchandising-carousel.html.liquid | 54 ++++++++- .../_sub_navigation.html.liquid | 13 +- .../_welcome_section.html.liquid | 61 ++++++++++ .../_widget_course_progress.html.liquid | 10 +- .../Walmart Supplier Prod/blog.html.liquid | 3 +- .../dashboard.html.liquid | 24 ++-- .../grow-with-walmart-catalog.html.liquid | 41 +++++++ .../grow_with_walmart_catalog.html.liquid | 23 ++++ .../help-docs.html.liquid | 12 ++ .../homepage.html.liquid | 3 + .../learning_paths.html.liquid | 13 +- .../Walmart Supplier Prod/styles.css.liquid | 84 +++++++++++++ Todos.md | 13 ++ 25 files changed, 803 insertions(+), 65 deletions(-) create mode 100644 Custom_Templates/customer_templates/Walmart Supplier Prod/_courses_help_doc.html.liquid create mode 100644 Custom_Templates/customer_templates/Walmart Supplier Prod/_grow-with-walmart-zero-state.html.liquid create mode 100644 Custom_Templates/customer_templates/Walmart Supplier Prod/_grow_with_walmart_banners.html.liquid create mode 100644 Custom_Templates/customer_templates/Walmart Supplier Prod/_lp_filters.html.liquid create mode 100644 Custom_Templates/customer_templates/Walmart Supplier Prod/_welcome_section.html.liquid create mode 100644 Custom_Templates/customer_templates/Walmart Supplier Prod/grow-with-walmart-catalog.html.liquid create mode 100644 Custom_Templates/customer_templates/Walmart Supplier Prod/grow_with_walmart_catalog.html.liquid create mode 100644 Custom_Templates/customer_templates/Walmart Supplier Prod/help-docs.html.liquid diff --git a/Custom_Templates/customer_templates/Gainsight University/catalog.html.liquid b/Custom_Templates/customer_templates/Gainsight University/catalog.html.liquid index d7b380b8..d3b3fc25 100644 --- a/Custom_Templates/customer_templates/Gainsight University/catalog.html.liquid +++ b/Custom_Templates/customer_templates/Gainsight University/catalog.html.liquid @@ -1,6 +1,7 @@ {% include "header" %} {% include "course_version_outdated_alert", courses: courses.in_catalog %} {% include "sub_navigation" %} +
diff --git a/Custom_Templates/customer_templates/Gainsight University/commerce_catalog.html.liquid b/Custom_Templates/customer_templates/Gainsight University/commerce_catalog.html.liquid index 00d5669b..84dcdaa1 100644 --- a/Custom_Templates/customer_templates/Gainsight University/commerce_catalog.html.liquid +++ b/Custom_Templates/customer_templates/Gainsight University/commerce_catalog.html.liquid @@ -1,6 +1,7 @@ {% include "header" %} {% include "course_version_outdated_alert", courses: courses.in_catalog %} {% include "sub_navigation" %} +
@@ -29,7 +30,7 @@
  • Adoption Explorer
  • Designing Effective Surveys
    • - + Need assistance? Contact training@gainsight.com
    diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/_analysis-and-reporting-carousel.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/_analysis-and-reporting-carousel.html.liquid index e9c6ff26..5d0cfd56 100644 --- a/Custom_Templates/customer_templates/Walmart Supplier Prod/_analysis-and-reporting-carousel.html.liquid +++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/_analysis-and-reporting-carousel.html.liquid @@ -1,10 +1,29 @@
    Analysis and Reporting
    +
    {% for course in courses.in_catalog %} {% for category in course.categories %} {% if category.name == 'Analysis and Reporting' %} -
    +
    {% include 'cards_course' %}
    {% endif %} @@ -20,13 +39,13 @@ \ No newline at end of file diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/_cards_course.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/_cards_course.html.liquid index e38194dc..cfe32b6a 100644 --- a/Custom_Templates/customer_templates/Walmart Supplier Prod/_cards_course.html.liquid +++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/_cards_course.html.liquid @@ -4,7 +4,8 @@ {% assign skip_course_page = true %} {% endif %} {% endfor %} -
    + +
    {% if course.ribbon %}
    diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/_cards_learning_path.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/_cards_learning_path.html.liquid index f01e8176..33c26751 100644 --- a/Custom_Templates/customer_templates/Walmart Supplier Prod/_cards_learning_path.html.liquid +++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/_cards_learning_path.html.liquid @@ -1,4 +1,6 @@ -
    +
    - Start you learning journey below. + Start your learning journey below.
    @@ -59,15 +59,15 @@ 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: 'Getting Paid', url: "https://s3.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/Getting_Paid.png"}, - {name: 'Item 360', url: "https://s3.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/Item_360.png"}, - {name: 'Modulars and Assortments', url: "https://s3.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/Modulars_and_Assortments.png"}, {name: 'Onboarding', url: "https://s3.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/Onboarding.png"}, - {name: 'Packaging and Labeling', url: "https://s3.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/Packaging_and_Labeling.png"}, - {name: 'Replenishment', url: "https://s3.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/Replinishment.png"}, {name: 'Retail Basics', url: "https://s3.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/Retail_Basics.png"}, - {name: 'Transportation', url: "https://s3.amazonaws.com/static.northpass.com/Supplier+Academy/Category+Images/Transportation.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"}, + ]; function addCategoryCardImage() { categoryCards.forEach((card) => { @@ -82,7 +82,23 @@ }); } + function sortCategoryCards() { + const wrapper = document.querySelector('.category-links-wrapper'); + const sortedCards = Array.from(categoryCards).sort((a, b) => { + const aIndex = images.findIndex(img => img.name === a.id); + const bIndex = images.findIndex(img => img.name === b.id); + return aIndex - bIndex; + }); + + wrapper.innerHTML = ''; + + sortedCards.forEach(card => { + wrapper.appendChild(card); + }); + } + addEventListener("DOMContentLoaded", (event) => { addCategoryCardImage(); + sortCategoryCards(); }); \ No newline at end of file diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/_courses_help_doc.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/_courses_help_doc.html.liquid new file mode 100644 index 00000000..ae184a70 --- /dev/null +++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/_courses_help_doc.html.liquid @@ -0,0 +1,21 @@ +{% if courses.in_catalog.any? %} +
    + {% for course in courses.in_catalog %} + {% for category in course.categories %} + {% if category.name == 'HelpDoc' %} +
    + {% include "cards_course" with course %} +
    + {% endif %} + {% endfor %} + {% endfor %} +
    + {% else %} + {% capture message %} + {% t shared.zero_state.courses.catalog, + key: current_school.course_vocabulary + %} + {% endcapture %} + {% include "courses_zero_state", message: message %} + {% endif %} + \ No newline at end of file diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/_getting-started-carousel.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/_getting-started-carousel.html.liquid index 1e70d6f5..05ade294 100644 --- a/Custom_Templates/customer_templates/Walmart Supplier Prod/_getting-started-carousel.html.liquid +++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/_getting-started-carousel.html.liquid @@ -1,10 +1,29 @@
    Getting Started
    +
    +
    +
    Filter
    +
    +
    +
    + + +
    +
    + + +
    +
    + + +
    +
    +
    {% for course in courses.in_catalog %} {% for category in course.categories %} {% if category.name == 'Getting Started' %} -
    +
    {% include 'cards_course' %}
    {% endif %} @@ -20,8 +39,7 @@ \ No newline at end of file diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/_grow-with-walmart-zero-state.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/_grow-with-walmart-zero-state.html.liquid new file mode 100644 index 00000000..6c4193fe --- /dev/null +++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/_grow-with-walmart-zero-state.html.liquid @@ -0,0 +1,79 @@ +
    + +
    +
    +
    + Need Assistance? +
    +
    + If you are experiencing issues accessing Supplier Academy content please contact +
    +
    + supplierdevelopment@walmart.com +
    +
    +
    + +
    +
    +
    + + \ No newline at end of file diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/_grow_with_walmart_banners.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/_grow_with_walmart_banners.html.liquid new file mode 100644 index 00000000..2b8794de --- /dev/null +++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/_grow_with_walmart_banners.html.liquid @@ -0,0 +1,109 @@ +{% if us_user_grow or us_user_supplier %} + +{% elsif mexico_user %} + +{% elsif india_user %} + +{% endif %} + + \ No newline at end of file diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/_header.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/_header.html.liquid index 97610dbf..4cb6c49d 100644 --- a/Custom_Templates/customer_templates/Walmart Supplier Prod/_header.html.liquid +++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/_header.html.liquid @@ -1,3 +1,23 @@ +{% assign us_user_grow = false %} +{% assign us_user_supplier = false %} +{% assign india_user = false %} +{% assign mexico_user = false %} + +{% for group in current_person.groups %} + {% if group.name == 'Grow With Walmart' %} + {% assign us_user_grow = true %} + {% endif %} + {% if group.name == 'Supplier Academy' %} + {% assign us_user_supplier = true %} + {% endif %} + {% if group.name == 'Walmart Vriddhi' %} + {% assign india_user = true %} + {% endif %} + {% if group.name == 'Crece con Walmart' %} + {% assign mexico_user = true %} + {% endif %} +{% endfor %} +
    {% if current_school.logo_url %} @@ -30,28 +50,21 @@ {% endfor %}
  • -
    Grow With Walmart -
    - Crece Con Walmart - Grow With Walmart - Walmart Vriddhi -
    -
    -
    • -
  • - - Blog + {% comment %}
    + Crece Con Walmart + Grow With Walmart + Walmart Vriddhi +
    {% endcomment %}
  • Contact diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/_lp_filters.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/_lp_filters.html.liquid new file mode 100644 index 00000000..b24c2751 --- /dev/null +++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/_lp_filters.html.liquid @@ -0,0 +1,112 @@ +
    +
    +
    Filter
    +
    +
    +
    + + +
    +
    + + +
    +
    + + +
    +
    +
    + + + + + \ No newline at end of file diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/_merchandising-carousel.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/_merchandising-carousel.html.liquid index dfe18d72..e14a3022 100644 --- a/Custom_Templates/customer_templates/Walmart Supplier Prod/_merchandising-carousel.html.liquid +++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/_merchandising-carousel.html.liquid @@ -1,10 +1,29 @@
    Merchandising
    +
    {% for course in courses.in_catalog %} {% for category in course.categories %} {% if category.name == 'Merchandising' %} -
    +
    {% include 'cards_course' %}
    {% endif %} @@ -20,13 +39,13 @@ \ No newline at end of file diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/_sub_navigation.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/_sub_navigation.html.liquid index 1d13249d..47931ddf 100644 --- a/Custom_Templates/customer_templates/Walmart Supplier Prod/_sub_navigation.html.liquid +++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/_sub_navigation.html.liquid @@ -14,6 +14,12 @@
    +
    + + Help Docs + +
    +
    {% comment %}
    @@ -30,13 +36,14 @@ diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/_welcome_section.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/_welcome_section.html.liquid new file mode 100644 index 00000000..904d1771 --- /dev/null +++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/_welcome_section.html.liquid @@ -0,0 +1,61 @@ +
    +
    +
    + No matter where you are in your journey, Supplier Academy is your source for + everything you need to build a strong, lasting relationship with Walmart. +
    +
    +
    Here’s how to get started:
    +
      +
    • + New to Walmart? + Check out the Grow With Walmart programs! +
      • +
    • + Seasoned supplier? + Explore the categories below to hone your skills and grow your business. +
      • +
    • + Have system-specific questions? + Visit our Help Docs directory. +
      • +
    +
    +
    +
    + + \ No newline at end of file diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/_widget_course_progress.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/_widget_course_progress.html.liquid index f19b758d..24ee8a37 100644 --- a/Custom_Templates/customer_templates/Walmart Supplier Prod/_widget_course_progress.html.liquid +++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/_widget_course_progress.html.liquid @@ -10,8 +10,8 @@
    -
    - {% if courses.enrolled.any? %} + {% if courses.enrolled.any? %} +
    {% assign countComplete = 0 %} {% assign countInProgress = 0 %} {% assign countNotStarted = 0 %} @@ -56,6 +56,7 @@ %}
    • +
    {% else %} {% capture message %} {% t shared.zero_state.courses.index, @@ -64,7 +65,6 @@ {% endcapture %} {% include "courses_zero_state", message: message %} {% endif %} -
    @@ -74,9 +74,11 @@ background: {{ background_color }}; padding: 0; display: flex; - margin-bottom: 2.187rem; width: 100%; } + .progress-card-wrapper { + margin-bottom: 2.187rem; + } .progress-circle-list { padding: 0; list-style-type: none !important; diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/blog.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/blog.html.liquid index 32dedc1c..b11767ab 100644 --- a/Custom_Templates/customer_templates/Walmart Supplier Prod/blog.html.liquid +++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/blog.html.liquid @@ -4,8 +4,7 @@
    -
    Blogs
    -
    +
    Blog
    {% include "courses_blogs" %} diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/dashboard.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/dashboard.html.liquid index e2cbe4ba..2ede1795 100644 --- a/Custom_Templates/customer_templates/Walmart Supplier Prod/dashboard.html.liquid +++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/dashboard.html.liquid @@ -30,13 +30,17 @@
    - {% if features.learning_paths? %} -
    -
    - {% t shared.learning_paths %} -
    -
    - {% include "learning_paths_index", items: learning_paths.enrolled %} + {% comment %} {% if courses_in_progress %} + {% include 'in-progress-carousel' %} + {% endif %} {% endcomment %} + {% if getting_started_courses %} + {% include 'getting-started-carousel' %} + {% endif %} + {% if merchandising_courses %} + {% include 'merchandising-carousel' %} + {% endif %} + {% if analysis_and_reporting_courses %} + {% include 'analysis-and-reporting-carousel' %} {% endif %}
    @@ -52,7 +56,7 @@
    -
    + {% comment %}
    {% if courses_in_progress %} {% include 'in-progress-carousel' %} @@ -66,9 +70,9 @@ {% if analysis_and_reporting_courses %} {% include 'analysis-and-reporting-carousel' %} {% endif %} - {% comment %} {% include "training_events_index" %} {% endcomment %} + {% include "training_events_index" %}
    -
    +
    {% endcomment %}
    diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/grow-with-walmart-catalog.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/grow-with-walmart-catalog.html.liquid new file mode 100644 index 00000000..949d40bf --- /dev/null +++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/grow-with-walmart-catalog.html.liquid @@ -0,0 +1,41 @@ +{% include "header" %} +{% include "sub_navigation" %} +
    + +{% include 'grow_with_walmart_banners' %} + + +
    + {% 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 %} + {% elsif us_user_supplier %} + {% unless category.name == 'Walmart Vriddhi' or category.name == 'Crece con Walmart' %} + {% include "cards_learning_path" %} + {% endunless %} + {% elsif india_user %} + {% if category.name == 'Walmart Vriddhi' %} + {% include "cards_learning_path" %} + {% endif %} + {% elsif mexico_user %} + {% if category.name == 'Crece con Walmart' %} + {% include "cards_learning_path" %} + {% endif %} + {% endif %} + {% endfor %} + {% endfor %} + + {% if us_user_grow == false and us_user_supplier == false and india_user == false and mexico_user == false %} + {% capture message %} + {% t shared.zero_state.courses.catalog, + key: current_school.course_vocabulary + %} + {% endcapture %} + {% include "grow-with-walmart-zero-state", message: message %} + {% endif %} +
    +
    +{% include "footer" %} diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/grow_with_walmart_catalog.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/grow_with_walmart_catalog.html.liquid new file mode 100644 index 00000000..d7b380b8 --- /dev/null +++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/grow_with_walmart_catalog.html.liquid @@ -0,0 +1,23 @@ +{% include "header" %} +{% include "course_version_outdated_alert", courses: courses.in_catalog %} +{% include "sub_navigation" %} +
    +
    +
    +
    {{ catalog.headline }}
    +
    {{ catalog.subheadline }}
    +
    + {% capture label %}{% t shared.filters.by_category %}{% endcapture %} + + {% if courses.in_catalog.any? %} + {% + include "filter_dropdown", + filters: courses.filters, + key: "category_uuid", + label: label + %} + {% endif %} +
    + {% include "courses_catalog" %} +
    +{% include "footer" %} diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/help-docs.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/help-docs.html.liquid new file mode 100644 index 00000000..72c91b9e --- /dev/null +++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/help-docs.html.liquid @@ -0,0 +1,12 @@ +{% include "header" %} +{% include "course_version_outdated_alert", courses: courses.in_catalog %} +{% include "sub_navigation" %} +
    +
    +
    +
    Help Docs
    +
    +
    + {% include "courses_help_doc" %} +
    +{% include "footer" %} diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/homepage.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/homepage.html.liquid index f6e8b9a3..e0ce5cfc 100644 --- a/Custom_Templates/customer_templates/Walmart Supplier Prod/homepage.html.liquid +++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/homepage.html.liquid @@ -12,6 +12,9 @@ {% comment %}
    {% include 'feature_learning_paths' %}
    {% endcomment %} +
    + {% include 'welcome_section' %} +
    {% include 'catalog_categories' %}
    diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/learning_paths.html.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/learning_paths.html.liquid index e6e10cba..accc3331 100644 --- a/Custom_Templates/customer_templates/Walmart Supplier Prod/learning_paths.html.liquid +++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/learning_paths.html.liquid @@ -2,11 +2,14 @@ {% include "sub_navigation" %}
    -
    - {% t shared.learning_paths %} -
    -
    - {% t .subtitle %} +
    +
    + {% t shared.learning_paths %} +
    +
    + {% t .subtitle %} +
    + {% include 'lp_filters' %}
    {% include "learning_paths_index", items: learning_paths.available %}
    diff --git a/Custom_Templates/customer_templates/Walmart Supplier Prod/styles.css.liquid b/Custom_Templates/customer_templates/Walmart Supplier Prod/styles.css.liquid index d47f7134..845f3c3d 100644 --- a/Custom_Templates/customer_templates/Walmart Supplier Prod/styles.css.liquid +++ b/Custom_Templates/customer_templates/Walmart Supplier Prod/styles.css.liquid @@ -153,6 +153,7 @@ section { } .card-course { margin: 10px; + height: 100%; } .button-course { background: #041141; @@ -178,6 +179,7 @@ section { } .slick-slider { position: initial !important; + margin-bottom: 30px; } .slick-arrow { position: absolute; @@ -213,3 +215,85 @@ section { .np-zero-state-text { color: #fff; } +.np-learning-path-outline-name { + color: #fff; +} +.slick-track { + display: flex !important; +} +.slick-slide { + height: auto !important; +} +.carousel-filter-wrapper { + position: relative; + width: 100%; + color: #000; + border-radius: 4px; + display: flex; + justify-content: start; + margin-top: 20px; +} +.filter-checkbox { +width: 20px; +height: 20px; +} + +.filter-container { + position: relative; +} + +.filter { + background-color: #d9dfe2; + padding: 10px 20px; + cursor: pointer; + width: 100%; + text-align: center; + border-radius: 4px; + color: #305263; + font-size: 14px; + font-weight: 700;; +} + +.filter-content { + position: absolute; + top: 100%; + width: 250px; + background-color: #fff; + border: 1px solid #ccc; + border-radius: 4px; + display: none; + flex-direction: column; + gap: 10px; + max-height: 0; + overflow: hidden; + 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; + margin-top: 5px; +} + +.filter-option { + padding: 10px; + display: flex; + align-items: end; + gap: 10px; +} + +.filter-active .filter-content { + display: flex; + max-height: 500px; + width: 250px; +} +.card-course-container { + margin-bottom: 20px; +} +.np-card-ribbon { + padding: 5px; +} +.lps-wrapper { + margin-top: 40px; +} +.np-footer-support-help, .np-footer-support-item { + color: #fff; +} \ No newline at end of file diff --git a/Todos.md b/Todos.md index 5042e93a..19845db7 100644 --- a/Todos.md +++ b/Todos.md @@ -437,3 +437,16 @@ Run lighthouse on anthology templates and find list of things that need to be im - [X] WSGC - Remove Learning Paths from Footer in post-new hire - [ ] Cin7 - Change the employee catalog filters to allow for other categories in a section called "Other" + + +New Commerce Catalog - +Filter option doesn't work anymore - is also broken if you try to upload old templates. Bug with filter. +icon changes +Icon on cards for course vs learning path +Once on v3, catalog needs to be moved commerce_catalog +new catalog has both learning paths, ilts, and courses. + + +Walmart Supplier - +Help Articles - land on first activity, everyone will be enrolled via Group: +https://supplieracademy.northpass.com/courses/a891fcb0-ed3a-4851-8e64-0f4f0b602c2d/activities/2571c2cb-2fc7-4b11-a8b9-fd72d5fa6adf