Merge pull request #4 from onedrawingperday/Fix_Product_IMG

Fix Loading of Product Images for Hugo Site Demo

12 files changed, 21 insertions, 20 deletions

diff --git a/.travis.yml b/.travis.yml
index 46dec14..f0642bf 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -2,7 +2,7 @@ sudo: false
 
 install:
   - mkdir tools
-  - wget -q "https://github.com/gohugoio/hugo/releases/download/v0.40.3/hugo_0.40.3_Linux-64bit.tar.gz" -O "tools/hugo.tar.gz"
+  - wget -q "https://github.com/gohugoio/hugo/releases/download/v0.51/hugo_0.51_Linux-64bit.tar.gz" -O "tools/hugo.tar.gz"
   - tar -xzf tools/hugo.tar.gz -C tools
   
 script:
diff --git a/exampleSite/config.toml b/exampleSite/config.toml
index 31fb4ce..eb1eb69 100644
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@@ -2,5 +2,6 @@ baseURL = "http://example.org/"
 languageCode = "en-us"
 title = "Awesome Lighting Inc."
 theme = "hugo-shopping-product-catalogue-simple"
+themesDir = "../.."
 [Params]
-description = ""
\ No newline at end of file
+description = ""
diff --git a/exampleSite/content/products/alessa.md b/exampleSite/content/products/alessa.md
index 87d43df..6d7b3d5 100644
--- a/exampleSite/content/products/alessa.md
+++ b/exampleSite/content/products/alessa.md
@@ -3,8 +3,8 @@
     "date": "2018-05-11T22:35:06+05:30",
     "tags": ["Wall Light", "ambience", "black", "black metal", "contemporary", "cool", "cozy", "edison bulb", "filament bulb", "glass", "green", "indoor", "light", "metal", "MODERN", "round", "rustic", "vintage", "white"],
     "categories": ["Wall Light"],
-    "images": ["/img/alessa/1.png", "/img/alessa/2.jpg", "/img/alessa/3.jpg", "/img/alessa/4.jpg", "/img/alessa/5.jpg", "/img/alessa/6.jpg"],
-    "thumbnailImage": "/img/alessa/thumnail.png",
+    "images": ["img/alessa/1.png", "img/alessa/2.jpg", "img/alessa/3.jpg", "img/alessa/4.jpg", "img/alessa/5.jpg", "img/alessa/6.jpg"],
+    "thumbnailImage": "img/alessa/thumnail.png",
     "actualPrice": null,
     "comparePrice": null,
     "inStock": null,
diff --git a/exampleSite/content/products/azure-blue-de-stijl-bedside-retro-light-with-black-ring.md b/exampleSite/content/products/azure-blue-de-stijl-bedside-retro-light-with-black-ring.md
index 3fada91..f9bc963 100644
--- a/exampleSite/content/products/azure-blue-de-stijl-bedside-retro-light-with-black-ring.md
+++ b/exampleSite/content/products/azure-blue-de-stijl-bedside-retro-light-with-black-ring.md
@@ -3,8 +3,8 @@
     "date": "2018-05-10T08:02:34+05:30",
     "tags": ["Wall Light"],
     "categories": ["Wall Light"],
-    "images" : ["/img/azure-blue-de-stijl-bedside-retro-light-with-black-ring/1.jpg"],
-    "thumbnailImage": "/img/azure-blue-de-stijl-bedside-retro-light-with-black-ring/thumbnail.jpg",
+    "images" : ["img/azure-blue-de-stijl-bedside-retro-light-with-black-ring/1.jpg"],
+    "thumbnailImage": "img/azure-blue-de-stijl-bedside-retro-light-with-black-ring/thumbnail.jpg",
     "actualPrice": null,
     "comparePrice": null,
     "inStock": null,
diff --git a/exampleSite/content/products/duke.md b/exampleSite/content/products/duke.md
index 336c512..3982910 100644
--- a/exampleSite/content/products/duke.md
+++ b/exampleSite/content/products/duke.md
@@ -3,8 +3,8 @@
     "date": "2018-05-12T15:48:00+05:30",
     "tags": ["Floor Light"],
     "categories": ["Floor Light"],
-    "images": ["/img/duke/1.jpg", "/img/duke/2.jpg", "/img/duke/3.jpg"],
-    "thumbnailImage": "/img/duke/thumbnail.jpg",
+    "images": ["img/duke/1.jpg", "img/duke/2.jpg", "img/duke/3.jpg"],
+    "thumbnailImage": "img/duke/thumbnail.jpg",
     "actualPrice": "₹ 87,341.00",
     "comparePrice": null,
     "inStock": true,
diff --git a/exampleSite/content/products/industrial-mesh-cage-wall-light-metal-mesh-up.md b/exampleSite/content/products/industrial-mesh-cage-wall-light-metal-mesh-up.md
index 43c3cbb..f32b3ae 100644
--- a/exampleSite/content/products/industrial-mesh-cage-wall-light-metal-mesh-up.md
+++ b/exampleSite/content/products/industrial-mesh-cage-wall-light-metal-mesh-up.md
@@ -3,8 +3,8 @@
     "date": "2018-05-10T20:00:43+05:30",
     "tags": ["Wall Light"],
     "categories": ["Wall Light"],
-    "images": ["/img/industrial-mesh-cage-wall-light-metal-mesh-up/1.png", "/img/industrial-mesh-cage-wall-light-metal-mesh-up/2.jpg", "/img/industrial-mesh-cage-wall-light-metal-mesh-up/3.jpg"],
-    "thumbnailImage": "/img/industrial-mesh-cage-wall-light-metal-mesh-up/thumbnail.png",
+    "images": ["img/industrial-mesh-cage-wall-light-metal-mesh-up/1.png", "img/industrial-mesh-cage-wall-light-metal-mesh-up/2.jpg", "img/industrial-mesh-cage-wall-light-metal-mesh-up/3.jpg"],
+    "thumbnailImage": "img/industrial-mesh-cage-wall-light-metal-mesh-up/thumbnail.png",
     "actualPrice": "₹ 4608.00",
     "comparePrice": "₹ 5000.00",
     "inStock": false,
diff --git a/exampleSite/content/products/modo-21-lamp.md b/exampleSite/content/products/modo-21-lamp.md
index 8a1c81c..dac05ac 100644
--- a/exampleSite/content/products/modo-21-lamp.md
+++ b/exampleSite/content/products/modo-21-lamp.md
@@ -3,8 +3,8 @@
     "date": "2018-05-12T15:54:25+05:30",
     "tags": ["chandeliers"],
     "categories": ["chandeliers"],
-    "images": ["/img/modo-21-lamp/1.jpg", "/img/modo-21-lamp/2.jpg", "/img/modo-21-lamp/2.jpg"],
-    "thumbnailImage": "/img/modo-21-lamp/thumbnail.jpg",
+    "images": ["img/modo-21-lamp/1.jpg", "img/modo-21-lamp/2.jpg", "img/modo-21-lamp/2.jpg"],
+    "thumbnailImage": "img/modo-21-lamp/thumbnail.jpg",
     "actualPrice": "₹ 85,000.00",
     "comparePrice": null,
     "inStock": true,
diff --git a/exampleSite/content/products/oda-lamp.md b/exampleSite/content/products/oda-lamp.md
index a5232bc..68cb2dd 100644
--- a/exampleSite/content/products/oda-lamp.md
+++ b/exampleSite/content/products/oda-lamp.md
@@ -3,8 +3,8 @@
     "date": "2018-05-12T13:50:55+05:30",
     "tags": ["Floor Light"],
     "categories": ["Floor Light"],
-    "images": ["/img/oda-lamp/1.jpg", "/img/oda-lamp/2.jpg"],
-    "thumbnailImage": "/img/oda-lamp/thumbnail.jpg",
+    "images": ["img/oda-lamp/1.jpg", "img/oda-lamp/2.jpg"],
+    "thumbnailImage": "img/oda-lamp/thumbnail.jpg",
     "actualPrice": "₹ 12,960.00",
     "comparePrice": "₹ 25,920.00",
     "inStock": false,
diff --git a/exampleSite/content/products/retro-vintage-industrial-cage-pendant-system.md b/exampleSite/content/products/retro-vintage-industrial-cage-pendant-system.md
index 18d5d32..0b6bac8 100644
--- a/exampleSite/content/products/retro-vintage-industrial-cage-pendant-system.md
+++ b/exampleSite/content/products/retro-vintage-industrial-cage-pendant-system.md
@@ -3,8 +3,8 @@
     "date": "2018-05-10T20:11:38+05:30",
     "tags": ["Pendant Light"],
     "categories": ["Pendant Light"],
-    "images": ["/img/retro-vintage-industrial-cage-pendant-system/1.png", "/img/retro-vintage-industrial-cage-pendant-system/2.png"],
-    "thumbnailImage": "/img/retro-vintage-industrial-cage-pendant-system/thumbnail.png",
+    "images": ["img/retro-vintage-industrial-cage-pendant-system/1.png", "img/retro-vintage-industrial-cage-pendant-system/2.png"],
+    "thumbnailImage": "img/retro-vintage-industrial-cage-pendant-system/thumbnail.png",
     "actualPrice": "₹ 3,744.00",
     "comparePrice": null,
     "inStock": true,
diff --git a/exampleSite/content/products/void-pendant.md b/exampleSite/content/products/void-pendant.md
index 48fd4d2..42c03c3 100644
--- a/exampleSite/content/products/void-pendant.md
+++ b/exampleSite/content/products/void-pendant.md
@@ -3,8 +3,8 @@
     "date": "2018-05-10T20:17:46+05:30",
     "tags": ["Pendant Light"],
     "categories": ["Pendant Light"],
-    "images": ["/img/void-pendant/1.jpg", "/img/void-pendant/2.jpg", "/img/void-pendant/3.jpg", "/img/void-pendant/4.jpg"],
-    "thumbnailImage": "/img/void-pendant/thumbnail.jpg",
+    "images": ["img/void-pendant/1.jpg", "img/void-pendant/2.jpg", "img/void-pendant/3.jpg", "img/void-pendant/4.jpg"],
+    "thumbnailImage": "img/void-pendant/thumbnail.jpg",
     "comparePrice": null,
     "actualPrice": "₹ 18,500.00",
     "inStock": true,
diff --git a/layouts/partials/products/list/product-list-item.html b/layouts/partials/products/list/product-list-item.html
index 1af5074..299f2d8 100644
--- a/layouts/partials/products/list/product-list-item.html
+++ b/layouts/partials/products/list/product-list-item.html
@@ -1,5 +1,5 @@
 <a class="col-6 col-lg-3" href="{{ .RelPermalink }}" style="color: inherit;">
-    <img class="b-lazy img-fluid text-center" data-src="{{ .Params.thumbnailImage }}" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />
+    <img class="b-lazy img-fluid text-center" data-src="{{ .Params.thumbnailImage | absURL }}" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />
     <p class="text-left">
         <span style="font-size: 13px">{{ .Params.title }}</span>
         <br/>
diff --git a/layouts/products/single.html b/layouts/products/single.html
index de9a0dc..fc5344d 100644
--- a/layouts/products/single.html
+++ b/layouts/products/single.html
@@ -16,7 +16,7 @@
         </div>
         <div class="col-12 col-md-6 order-md-1">
             {{ range .Params.images }}
-            <img class="b-lazy img-fluid text-center" data-src="{{ . }}" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /> 
+            <img class="b-lazy img-fluid text-center" data-src="{{ . | absURL }}" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /> 
             {{ end }}
         </div>
         <div class="col-12 col-md-6 order-md-2 d-block d-md-none">