Squashed 'template/pages/' changes from cc80d0c..bb42fb8

bb42fb8 Update with ecomplus/storefront@d322994
68798dc Update with @ecomplus/storefront-template v2.0.0-beta.244

git-subtree-dir: template/pages
git-subtree-split: bb42fb831708cee7e1b921f0ff474c6df138905c

@/layout/inc/logo.ejs

@@ -1,7 +1,7 @@
 <%
 // store logo object
 const logo = _.settings.logo
-  ? { url: _.settings.logo, alt: _.settings.name }
+  ? { url: (_.assetsPrefix || '') + _.settings.logo, alt: _.settings.name }
   : _.store.logo
   
 if (logo && logo.url) {

@/meta.ejs

@@ -125,6 +125,10 @@ if (pathname) {
   }
   %>
 
+  <% if (_.assetsPrefix) { %>
+    <link rel="preconnect" href="<%= _.assetsPrefix || '' %>/" crossorigin>
+    <link rel="dns-prefetch" href="<%= _.assetsPrefix || '' %>/">
+  <% } %>
   <link rel="preconnect" href="https://cdn.jsdelivr.net/" crossorigin>
   <link rel="dns-prefetch" href="https://cdn.jsdelivr.net/">
   <% if (resource) { %>

@/scripts.ejs

@@ -30,7 +30,7 @@
   </script>
 <% } %>
 
-<script src="/<%= _.route.path.startsWith('/app/') ? 'checkout' : 'storefront' %>.js"></script>
+<script src="<%= _.assetsPrefix || '' %>/<%= _.route.path.startsWith('/app/') ? 'checkout' : 'storefront' %>.js"></script>
 
 <%
 if (Array.isArray(_.widgets) && _.widgets.length) {

@/sections/blog.ejs

@@ -24,7 +24,7 @@ if (Array.isArray(posts) && posts.length) {
                 <% if (thumbnail) { %>
                   <a href="/posts/<%= slug %>">
                     <img
-                      src="<%= thumbnail %>"
+                      src="<%= _.assetsPrefix || '' %><%= thumbnail %>"
                       class="card-img-top"
                       alt="<%= title %>"
                     >

@/sections/inc/banner.ejs

@@ -34,7 +34,7 @@ if (opt.img) {
           class="img-fluid"
         <% } else { %>
           class="lozad fade img-fluid"
-          data-iesrc="<%= opt.img.replace('.webp', '.png') %>"
+          data-iesrc="<%= _.assetsPrefix || '' %><%= opt.img.replace('.webp', '.png') %>"
           data-alt="<%= opt.alt %>"
         <% } %>
         <% if (!opt.height_auto && width) { %>
@@ -57,7 +57,7 @@ if (opt.img) {
         <% }) %>
         <% if (opt.sync_load) { %>
           <img
-            src="<%= opt.img.replace('.webp', '.png') %>"
+            src="<%= _.assetsPrefix || '' %><%= opt.img.replace('.webp', '.png') %>"
             alt="<%= opt.alt %>"
             <% if (width) { %>
               width="<%= width %>"

@/sections/stamps.ejs

@@ -2,7 +2,7 @@
   <ul class="stamps">
     <% opt.stamps.forEach(({ src, alt, link, ...dimensions }) => {
       const { width, height } = _.tryImageSize(src, dimensions)
-      const imgHtml = `<img data-src="${src}" alt="${alt}" class="lozad fade"` +
+      const imgHtml = `<img data-src="${(_.assetsPrefix || '')}${src}" alt="${alt}" class="lozad fade"` +
         (width ? ` data-preload width="${width}" height="${height}">` : '>')
       %>
 

app/index.ejs

@@ -2,7 +2,7 @@
 const contacts = _.cms('contacts') || {}
 const footer = _.cms('footer') || {}
 const logo = _.settings.logo
-  ? { url: _.settings.logo, alt: _.settings.name }
+  ? { url: (_.assetsPrefix || '') + _.settings.logo, alt: _.settings.name }
   : _.store.logo
 %>