Views slideshow: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
(3 intermediate revisions by the same user not shown) | |||
Line 2: | Line 2: | ||
[http://www.brightwebsitedesign.com/how-to-install-views-slideshow-module-on-drupal7 instructions] | [http://www.brightwebsitedesign.com/how-to-install-views-slideshow-module-on-drupal7 instructions] | ||
The basic idea is you create a content type for the slider. As an option you can create a media type so media is resized properly. Then you create a view with the content type fields showing. If the view is a block, you need to change the .info file nad the page.tpl.php files a bit to be able to place the block using structure -> blocks. | |||
NB, after you edit the .info and page.tpl.php files, don't forget to clear the cache or you won't see the new region! | NB, after you edit the .info and page.tpl.php files, don't forget to clear the cache or you won't see the new region! | ||
Line 8: | Line 10: | ||
Requires the [https://drupal.org/project/link link] module | Requires the [https://drupal.org/project/link link] module | ||
Also requires jquery 1.7 branche. Use [https://drupal.org/project/jquery_update the jquery update] module to update. Once enabled, go to configuration -> (development) -> jquery update to set it to 1.7 NOT 1.8, that breaks the Views module. | |||
To make it responsive add the following css: | |||
<pre> | |||
.views-slideshow-cycle-main-frame, | |||
.views-slideshow-cycle-main-frame-row, | |||
.views-slideshow-cycle-main-frame-row img { | |||
width: 100% !important; | |||
} | |||
</pre> | |||
look [https://drupal.org/node/1510526 here] |
Latest revision as of 14:09, 26 March 2014
The basic idea is you create a content type for the slider. As an option you can create a media type so media is resized properly. Then you create a view with the content type fields showing. If the view is a block, you need to change the .info file nad the page.tpl.php files a bit to be able to place the block using structure -> blocks.
NB, after you edit the .info and page.tpl.php files, don't forget to clear the cache or you won't see the new region!
Requires the link module
Also requires jquery 1.7 branche. Use the jquery update module to update. Once enabled, go to configuration -> (development) -> jquery update to set it to 1.7 NOT 1.8, that breaks the Views module.
To make it responsive add the following css:
.views-slideshow-cycle-main-frame, .views-slideshow-cycle-main-frame-row, .views-slideshow-cycle-main-frame-row img { width: 100% !important; }
look here