Field Slide j 360 A Drupal module for

  • Slides: 8
Download presentation
Field Slide j 360 A Drupal module for perfect product display

Field Slide j 360 A Drupal module for perfect product display

Why Field Slide Show j 360 ➢Easy to use ➢No code needed ➢Views integration

Why Field Slide Show j 360 ➢Easy to use ➢No code needed ➢Views integration ➢Use full in online shopping sites product display as 360 rotatable image

How to display a product normally in shopping sites

How to display a product normally in shopping sites

How display should look like with Fields Slide Show J 360

How display should look like with Fields Slide Show J 360

How to install ➢Download javascript library from https: //github. com/coderider/drupal_threesixty_slider and Extract the contents

How to install ➢Download javascript library from https: //github. com/coderider/drupal_threesixty_slider and Extract the contents of this library into sites/all/libraries and rename the library drupal_threesixty_slider-1. x to drupal_threesixty_slider. ➢download and Extract required module Libraries API into sites/all/modules and enable ➢Extract the contents of this project/module into sites/all/modules/ and enable

How to use ➢You must have a content type with a field of type

How to use ➢You must have a content type with a field of type "Image" with the possibility to upload unlimited number of images ➢Now go for display settings and select "Slideshow j 360" for your field and set height and width as your theme required. and select Display from Navigation Display if wants display navigation else select Not Display.

AND YOU ARE DONE Go to the node page and see the result

AND YOU ARE DONE Go to the node page and see the result

TROUBLESHOOTING This functionality/module required a set of sequins images. If you see your images

TROUBLESHOOTING This functionality/module required a set of sequins images. If you see your images rotate opposite side of navigation then Edit your node and change you images upload sequins. Before 1. 2. 3. 4. 5. image_1 image_2 image_3 Image_4 image_5 After 1. 2. 3. 4. 5. image_5 image_4 image_3 image_2 image_1