Product Catalog view in Quickbase using HTML/Javascript/jQuery

  • 1
  • 3
  • Question
  • Updated 9 months ago
  • Answered
I want to create product catalogs in one of my quickbase application using pictures. Product picture can appear in many catalogs. Catalogs need to have:

(1) Gallery view as primary view.
(2) 1 or more than 1 picture of one product. (Example top view, side view etc)

I am taking reference from below url : 
https://www.jqueryscript.net/demo/Feature-rich-Product-Gallery-With-Image-Zoom-xZoom/

Thanks!!!
Photo of Shankar Ravi

Shankar Ravi

  • 280 Points 250 badge 2x thumb

Posted 9 months ago

  • 1
  • 3
Photo of Ⲇanom the ultimate (Dan Diebolt)

Ⲇanom the ultimate (Dan Diebolt), Champion

  • 26,522 Points 20k badge 2x thumb
How about this:



Gallery ~ QuickBase Bloggers
https://haversineconsulting.quickbase.com/db/bnf9y2wg6?a=dr&rid=1

Pastie Database
https://haversineconsulting.quickbase.com/db/bgcwm2m4g?a=dr&rid=626

Notes

(1) Three photos are needed in general (original, preview and thumb)

(2) I used two versions of QuickBase Bloggers photos (with original=preview)

(3) No attempt to implement zoom but the preview panel popups up

(4) zoom.js and zoom.css saved in code pages not CDN

(5) Reference:

https://github.com/payalord/xZoom

https://github.com/payalord/xZoom/blob/master/doc/manual.md

http://www.jacklmoore.com/zoom/
(Edited)
Photo of Gaurav Sharma

Gaurav Sharma

  • 5,756 Points 5k badge 2x thumb
Amazing. :)
Photo of Ⲇanom the ultimate (Dan Diebolt)

Ⲇanom the ultimate (Dan Diebolt), Champion

  • 26,522 Points 20k badge 2x thumb
Thanks! Let me know if get any clues with the Voynich Manuscript - it is no crossword puzzle.
Photo of Shankar Ravi

Shankar Ravi

  • 280 Points 250 badge 2x thumb
This is great. Many many thanks for your support