appscms-tools-theme 5.5.6 → 5.6.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 11a30c530b43ceeda373ab902544b171ebb7d38dc1e2856bb729e647478e9cba
-  data.tar.gz: eda228c7a0a43937a1f01d3387946160d59f2fb7e5a834949d6602ebfc17b9f3
+  metadata.gz: b506b5abe94ff8a53fcfb752a704308a5e404696fdea4553c3e8e2c4d5a02a2d
+  data.tar.gz: c842c77706561613a16e479c1d9cd108a1173cb1f6cb045921e9fd213da4ed13
 SHA512:
-  metadata.gz: 98f120e9b376036ef0e66a822a8fe57424058fd351a0e0dcd3aa257e2ae656120337c1fbe2b2bd01021e912b334fbba3b5ac92ca51f9cc495e269c2603d95fdc
-  data.tar.gz: 3b38ef027545aaff62106eb741b2fdf1cb248be39c1be8f12103df23321b20f55408bdb657026a92fd4395f46aac6d60a345c59dfa086c5cda2b3205d2656706
+  metadata.gz: 65db7aa3babe09ebc2851b4c007e13b24786393ba2e980cc05da85af324811594bed76bc513af73e4718f9ab023dc8c8a004b7baaf0e39b3d5b663357df1291e
+  data.tar.gz: f7cfc686de72f1402d8f6c74bdf1efa70af9bb4bcf5c2cf96fb84f192a859541698b26836d9559181eaa01ca8410ff1d5643cb7e1704cd5dc0c97902c4e78f24

data/_includes/Usp/usp.html

@@ -5,7 +5,7 @@
 {%- if site.showusps -%}
 <section class="usp-section">
     <div class="container">
-        {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
+        {%- if site.clientid -%}
 
         <div class="row">
             <div class="col-md-9 mx-auto">
@@ -85,7 +85,7 @@
                 {%- endfor -%}
             </tbody>
         </table>
-        {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
+        {%- if site.clientid -%}
 
     </div>
     </div>

data/_includes/appscms/faq/faq.html

@@ -7,6 +7,7 @@ assign showFaqs = true -%} {%- endif -%} {%- endfor -%} {%- if showFaqs == true
 -%}
 {%- if pageData.FAQ.size>0 -%}
 {%- if site.clientid -%}
+<div class="container">
 <div class="row">
          <div class="col-xl-8 col-md-7 col-sm-7 mx-auto">
     {%- endif -%}
@@ -49,6 +50,6 @@ assign showFaqs = true -%} {%- endif -%} {%- endfor -%} {%- if showFaqs == true
 </div>
 </div>
 {%- if site.clientId -%}
-</div></div>
+</div></div></div>
     {%- endif -%}
 {%- endif -%} {%- endif -%}

data/_includes/appscms/reviews/trustpilot.html

@@ -26,7 +26,7 @@
 {%- if trustpilot.reviews -%}
 <div class="review-section mt-5">
   <div class="row">
-    <div class="col-md-8 mx-auto">
+    <div class="col-lg-8 mx-auto">
       <button class="trustpilot-arrow-left" >
         <svg
           xmlns="http://www.w3.org/2000/svg"

data/_includes/appscms/usp/usp.html

@@ -1,3 +1,6 @@
+<div class="container">
+
+
 {% assign file = page.fileName %}
 {% assign lang = page.lang %}
 {% assign folder = page.folderName %}
@@ -5,12 +8,12 @@
 {%- if site.showusps -%}
 {%- if site.clientId -%}
 <div class="row">
-         <div class="col-md-8 col-sm-7 mx-auto">
+         <div class="col-lg-8 mx-auto">
     {%- endif -%}
 <section class="usp-section">
     <div class="container">
         <div class="row">
-            <div class="col-md-11 mx-auto p-0">
+            <div class="col-lg-12 mx-auto">
                 <h4 class="related_post_heading  my-4">Our USPs</h4>
                 <table class="table table-bordered table-striped table-light ">
                     <tbody>
@@ -73,11 +76,11 @@
 {%- if uspData -%}
 {%- if site.clientId -%}
 <div class="row">
-         <div class="col-md-8 col-sm-7 mx-auto">
+         <div class="col-lg-8 mx-auto">
     {%- endif -%}
 <section class="usp-section">
     <div class="container">
-        <div class="col-md-11 mx-auto p-0">
+        <div class="col-lg-12 mx-auto">
         <h4 class="related_post_heading  my-4">{{uspData.USP_Heading}}</h4>
         <table class="table table-bordered table-striped table-light ">
             <tbody>
@@ -103,4 +106,5 @@
 </div>
     {%- endif -%}
 {%- endif -%}
-{%- endif -%}
+{%- endif -%}
+</div>

data/assets/css/appscms-theme.css

@@ -477,6 +477,7 @@ body {
 .appscms-product-footer {
   background-color: white;
   margin-top: 50px;
+  padding: 20px;
 }
 .appscms-footer-products {
   opacity: 100%;
@@ -1543,6 +1544,7 @@ body {
   width: 100%;
   border-radius: 8px;
   overflow: hidden;
+  margin-bottom: 0px !important;
 }
 
 .usp-section .table th,
@@ -2588,6 +2590,7 @@ select:focus {
     flex: 0 0 100%;
     margin-right: 0;
   }
+   
 }
 .icon_box img {
   border-radius: 9px;
@@ -2924,6 +2927,7 @@ select:focus {
   .review {
     padding: 0px 50px;
   }
+
 }
 
 .reviews {
@@ -3932,3 +3936,13 @@ textarea {
     width: 100%;
   }
 }
+
+@media screen and (max-width: 768px) {
+ .trustpilot-h2 {font-size: 15px;}
+  .trustpilot-container{
+    padding: 1rem;
+  }
+  .trustpilot-h2{
+    padding: 1rem;
+  }
+}

data/assets/js/appscms-theme.js

@@ -168,265 +168,118 @@ if (processingBtn && buttonLoader) {
   }, { passive: true });
 }
 
-
-// if ("{{ site.navigationSearch }}" === "true") {
-//   // Fetch data directly from alllinks.json
-//   fetch("/alllinks.json")
-//     .then((response) => response.json())
-//     .then((data) => {
-//       // Check if the URL includes "/hi" to determine the language
-//       if (window.location.pathname.includes("/hi")) {
-//         window.fetchedData = data.featuredLinkshi; // Use Hindi data
-//       } else {
-//         window.fetchedData = data.featuredLinks; // Use English data
-//       }
-//     })
-//     .catch((error) => {
-//       console.error("Error fetching data:", error);
-//     });
-
-//   // Filter data based on search query
-//   function filterData(data, query) {
-//     return data.filter((item) =>
-//       item.name.toLowerCase().includes(query.toLowerCase())
-//     );
-//   }
-
-//   // Display filtered results
-//   function displayResults(results) {
-//     const resultsContainer = document.getElementById("results");
-//     resultsContainer.style.display = results.length ? "block" : "none";
-//     resultsContainer.innerHTML = results.length
-//       ? results
-//           .map(
-//             (result) =>
-//               `<div class="result-item"><a href="${result.url}" target="_blank">${result.name}</a></div>`
-//           )
-//           .join("")
-//       : "<p>No results found</p>";
-//   }
-
-//   function mobileDisplayResults(results) {
-//     const mobileResultsContainer = document.querySelector(
-//       ".mobile-searchbarResults"
-//     );
-//     mobileResultsContainer.style.display = results.length ? "block" : "none";
-//     mobileResultsContainer.innerHTML = results.length
-//       ? results
-//           .map(
-//             (result) =>
-//               `<div class="mobile-result-item"><a href="${result.url}" target="_blank">${result.name}</a></div>`
-//           )
-//           .join("")
-//       : "<p>No results found</p>";
-//   }
-
-//   // Handle search input
-//   const searchInput = document.querySelector(".search-input");
-
-//   searchInput.addEventListener("input", (event) => {
-//     const query = event.target.value;
-//     const data = window.fetchedData || [];
-//     const filteredResults = filterData(data, query);
-//     displayResults(filteredResults);
-
-//     gtag("event", "search", {
-//       event_category: "engagement",
-//       event_label: "Search Box",
-//       value: query,
-//     });
-//   });
-
-//   const mobileSearchInput = document.querySelector(".mobile-search-input");
-//   mobileSearchInput.addEventListener("input", (event) => {
-//     const query = event.target.value;
-//     const data = window.fetchedData || [];
-//     const filteredResults = filterData(data, query);
-//     mobileDisplayResults(filteredResults);
-
-//     gtag("event", "search", {
-//       event_category: "engagement",
-//       event_label: "Search Box",
-//       value: query,
-//     });
-//   });
-
-//   // Hide results when clicking outside search input and results container
-//   document.addEventListener("click", (event) => {
-//     const resultsContainer = document.getElementById("results");
-
-//     if (
-//       !searchInput.contains(event.target) &&
-//       !resultsContainer.contains(event.target)
-//     ) {
-//       resultsContainer.style.display = "none";
-//     }
-//     if (!window.location.pathname.includes("/hi")) {
-//       const mobileResultsContainer = document.querySelector(
-//         ".mobile-searchbarResults"
-//       );
-//       if (
-//         !mobileSearchInput.contains(event.target) &&
-//         !mobileResultsContainer.contains(event.target)
-//       ) {
-//         mobileResultsContainer.style.display = "none";
-//       }
-//     }
-//   });
-// }
-
 if ("{{ site.navigationSearch }}" === "true") {
-  // Define supported languages and their corresponding data keys
-  const SUPPORTED_LANGUAGES = {
-    de: 'featuredLinksde',
-    da: 'featuredLinksda',
-    es: 'featuredLinkses',
-    id: 'featuredLinksid',
-    it: 'featuredLinksit',
-    nl: 'featuredLinksnl',
-    pl: 'featuredLinkspl',
-    pt: 'featuredLinkspt',
-    sv: 'featuredLinkssv',
-    tr: 'featuredLinkstr',
-    vi: 'featuredLinksvi',
-    hi: 'featuredLinkshi',
-    fr: 'featuredLinksfr',
-  };
+  const SUPPORTED_LANGUAGES = [
+    'zh-tw', 'de', 'da', 'es', 'id', 'it', 'nl', 'pl', 'pt', 'sv', 'tr', 'vi', 'hi', 'fr', 'ar', 'ja', 'ko', 'ru', 'th', 'uk', 'zh'
+  ];
 
   // Helper function to get current language from URL
   function getCurrentLanguage() {
     const path = window.location.pathname;
-    return Object.keys(SUPPORTED_LANGUAGES).find(lang => 
-      path.includes(`/${lang}`)
-    ) || 'en';
+    for (const lang of SUPPORTED_LANGUAGES) {
+      if (path.includes(`/${lang}/`) || path.endsWith(`/${lang}`)) {
+        return lang;
+      }
+    }
+    return 'en';
   }
 
-  // Fetch data directly from alllinks.json
-  fetch("/alllinks.json")
-    .then((response) => response.json())
-    .then((data) => {
-      // Store all data globally
-      window.allData = data;
-      const currentLang = getCurrentLanguage();
-      // Set initial data based on current language
-      window.fetchedData = currentLang === 'en' 
-        ? data.featuredLinks 
-        : data[SUPPORTED_LANGUAGES[currentLang]];
-    })
-    .catch((error) => {
-      console.error("Error fetching data:", error);
-    });
-
   // Filter data based on search query
   function filterData(data, query) {
-    return data ? data.filter((item) =>
-      item.name.toLowerCase().includes(query.toLowerCase())
-    ) : [];
+    if (!Array.isArray(data)) return [];
+    const q = query.toLowerCase();
+    return data.filter((item) =>
+      item && item.name && item.name.toLowerCase().includes(q)
+    );
   }
 
   // Display filtered results
-  function displayResults(primaryResults, secondaryResults = [], container) {
+  function displayResults(results, container) {
     const resultsContainer = container || document.getElementById("results");
-    const currentLang = getCurrentLanguage();
-    
-    // Combine results, with primary results first
-    const combinedResults = [...primaryResults];
-    if (primaryResults.length < 4) {
-      // Only add secondary results if primary results are less than 4
-      secondaryResults.forEach(result => {
-        // Check if this result isn't already in primary results
-        if (!primaryResults.some(pr => pr.url === result.url)) {
-          combinedResults.push(result);
-        }
-      });
-    }
+    if (!resultsContainer) return;
 
-    resultsContainer.style.display = combinedResults.length ? "block" : "none";
-    
-    if (combinedResults.length === 0) {
+    resultsContainer.style.display = results.length ? "block" : "none";
+
+    if (results.length === 0) {
       resultsContainer.innerHTML = "<p>No results found</p>";
       return;
     }
 
-    // Get language display name for the indicator
-    const getLanguageDisplayName = () => {
-      try {
-        return new Intl.DisplayNames(['en'], { type: 'language' }).of('en');
-      } catch (e) {
-        return 'English';
-      }
-    };
-
-    // Display results with language indicators
-    resultsContainer.innerHTML = combinedResults
-      .map((result, index) => {
-        const isSecondary = index >= primaryResults.length;
+    resultsContainer.innerHTML = results
+      .map((result) => {
         return `
-          <div class="result-item ${isSecondary ? 'secondary-result' : ''}">
-            <a href="${result.url}" target="_blank">${result.name}</a>
-            ${isSecondary ? `<span class="language-indicator"></span>` : ''}
+          <div class="result-item">
+            <a href="${result.url}">${result.name}</a>
           </div>
         `;
       })
       .join("");
   }
 
-  function handleSearch(event, isDesktop = true) {
+  // Cache loaded language JSON files to prevent re-fetching on every keystroke
+  const langDataCache = {};
+
+  async function fetchLanguageFile(langCode) {
+    if (langDataCache[langCode]) {
+      return langDataCache[langCode];
+    }
+    const response = await fetch(`/search_data/home_tools_${langCode}.json`);
+    if (!response.ok) throw new Error(`Failed to load home_tools_${langCode}.json`);
+    const json = await response.json();
+    const dataArray = (json && Array.isArray(json.featuredLinks))
+      ? json.featuredLinks
+      : (Array.isArray(json) ? json : []);
+    langDataCache[langCode] = dataArray;
+    return dataArray;
+  }
+
+  async function handleSearch(event, isDesktop = true) {
     const query = event.target.value.trim();
-    const container = isDesktop ? 
-      document.getElementById("results") : 
+    const container = isDesktop ?
+      document.getElementById("results") :
       document.querySelector(".mobile-searchbarResults");
 
+    if (!container) return;
+
+    // Clear container and hide if input is empty
     if (!query) {
       container.style.display = "none";
       return;
     }
 
     const currentLang = getCurrentLanguage();
-    const currentLangData = currentLang === 'en' 
-      ? window.allData.featuredLinks 
-      : window.allData[SUPPORTED_LANGUAGES[currentLang]];
-
-    // First, search in current language data
-    const primaryResults = filterData(currentLangData, query);
-    
-    // If primary results are less than 4, also search in English data
-    const englishResults = primaryResults.length < 4 ? 
-      filterData(window.allData.featuredLinks, query) : 
-      [];
-
-    // Display results with current language first, then English if needed
-    displayResults(primaryResults, englishResults, container);
-
-    gtag("event", "search", {
-      event_category: "engagement",
-      event_label: "Search Box",
-      value: query,
-    });
-  }
 
-  // Set up desktop search
-  const searchInput = document.querySelector(".search-input");
-  searchInput.addEventListener("input", (event) => handleSearch(event, true));
-
-  // Set up mobile search
-  const mobileSearchInput = document.querySelector(".mobile-search-input");
-  mobileSearchInput.addEventListener("input", (event) => handleSearch(event, false));
+    try {
+      // Load ONLY the JSON file for the current language from missing_links/
+      const langData = await fetchLanguageFile(currentLang);
+      const results = filterData(langData, query);
 
-  // Hide results when clicking outside
-  document.addEventListener("click", (event) => {
-    const resultsContainer = document.getElementById("results");
-    const mobileResultsContainer = document.querySelector(".mobile-searchbarResults");
+      displayResults(results, container);
 
-    if (!searchInput.contains(event.target) && !resultsContainer.contains(event.target)) {
-      resultsContainer.style.display = "none";
+      if (typeof gtag === "function") {
+        gtag("event", "search", {
+          event_category: "engagement",
+          event_label: "Search Box",
+          value: query,
+        });
+      }
+    } catch (error) {
+      console.error("Error fetching language search data:", error);
     }
+  }
 
-    if (!mobileSearchInput.contains(event.target) && !mobileResultsContainer.contains(event.target)) {
-      mobileResultsContainer.style.display = "none";
-    }
-  });
+  const themeSearchInput = document.querySelector(".search-input");
+  if (themeSearchInput) {
+    themeSearchInput.addEventListener("input", (event) => handleSearch(event, true));
+  }
+
+  // Set up mobile search
+  const mobileSearchInput = document.querySelector(".mobile-search-input");
+  if (mobileSearchInput) {
+    mobileSearchInput.addEventListener("input", (event) => handleSearch(event, false));
+  }
 }
+
   document.addEventListener("DOMContentLoaded", function () {
     const scrollContainer = document.querySelector(".appscms-toolbar-list");
     const scrollLeft = document.querySelector(".scroll-left");

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: appscms-tools-theme
 version: !ruby/object:Gem::Version
-  version: 5.5.6
+  version: 5.6.2
 platform: ruby
 authors:
 - vivek-appscms
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2026-07-30 00:00:00.000000000 Z
+date: 2026-07-31 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll