Quick configuration in 10 steps

  1. DDblock module and Required Modules
    1. Dynamic display block module.
    2. Libraries API module.
    3. Views module.
    4. jquery.cycle plugin.
      1. Download the full version (NOT the Cycle Lite version) of the jquery cycle plugin from http://malsup.com/jquery/cycle/download.html
        (use jquery.cycle.all.min.js (packed version) or jquery.cycle.all.js, tested till version 2.99)
      2. Install the jquery cycle plugin in /sites/all/libraries/jquery.cycle/
  2. Slideshow themes
    The module has a default slideshow theme without a pager. 6 free example slideshow themes with different pagers, can be downloaded from the download page (ddblock-upright10p-60p-v7-1-3.zip)
    Extract the “custom” folder from the ddblock-upright10p-60p-v7-1-3.zip file and its content into the drupal theme directory of the Drupal theme you use: sites/all/themes/[your_theme]/custom. The Drupal theme which is set as default in the drupal themes configuration page is [your_theme]. The directory structure should now be: sites/all/themes/[your_theme]/custom/modules/ddblock/....
    Important note: After installing the slideshow themes, clear the cache so the Drupal theme system picks up the new .tpl.php files.
  3. MODULES - Installation modules
    1. Copy required modules to: sites/all/modules.
    2. Enable the required modules.
    3. Enable the ddblock module.
    4. Goto: Administration > People > Permissions.
    5. Give permissions which roles can administer and/or view dynamic display blocks.
    6. Save permissions.
  4. CONTENT TYPES - Create Content Type
    Create a content type for the slideshow.
    Fields which can be included are:
    • Title – Title of a slide and title of full node view (standard with a content type).
    • Image – Slide image and pager image (new imagefield).
    • Slide text – Text on a slide (new text field).
    • Body – Text of full node view (standard with a content type).
    • Pager image - Image of a pager_item when another image needed. (new imagefield)
    • Pager item text – Text of a pager_item (new text field).
  5. Note: For using different sizes of the same image in the slide and the pager, just use one image and add this imagefield twice to the view to give different styles.

  6. CONTENT - Create Nodes
    Create at least two nodes to make the slideshow work.
    1. Navigate to Administration > Content > Add content [your content type].
      • Fill in Title – Used for the title of a slide and the title of the full node view.
      • Upload Image – Image used for slide and pager.
      • Fill in Slide text – Used for the text on a slide.
      • Fill in Body – Used for the text of the full node view.
      • Upload pager image - Used for the image of a pager item.
      • Fill in Pager item text – Used for the text of a pager item.
    2. Click Publishing options and check Published.
    3. Click Save button.
  7. VIEWS - Create View
    Create a view for your content type and add the fields for the slideshow.
    • Filter on your content type and only display published nodes.
    • Add the fields for the slideshow; Title, image, slide_text, pager_text, path or link (for readmore button.)
    • Set maximum number of slides to show in the slideshow.
    • Sort on publication data. (optional)
    • Create a block display.

    Notes:

    • When adding a path (aliased path to node) for the readmore button, you need to rewrite the path field in the view and use <a href="[path]">Read more...</a> to add the link.
      Another option is to use a link field in the content type so a link can be added to any page and each slide can have a different title on the button.
    • For the pager item don't use a link to the node. The css used for the pager does not support the link and wil look broken. Removing the link will show the pager correct.

  8. DDBLOCK - Enable content type and view for ddblock (SETTINGS TAB)
    1. Navigate to Administration > Structure > Dynamic display block.
    2. Click the Settings tab.
    3. Select the checkbox next to: [your content type].
    4. Select the checkbox next to: [views – block display of your view].
    5. Click Save configuration button.
  9. DDBLOCK - Create Dynamic display block instance of [your view] (INSTANCE TAB)
    1. Navigate to Administration > Structure > Dynamic display block.
    2. Click the Instance tab.
    3. Type a unique instance title in the Instance Title textfield.
    4. Select [your view] in the Block type.
    5. Click the Add Instance button.
  10. DDBLOCK - Configure the block (LIST TAB)
    1. Navigate to Administration > Structure > Dynamic display block.
    2. Click the List tab.
    3. Click on the configure block link. (You can also do the same thing from Administration > Structure > Blocks).
    4. Configure the block as follows:
      Display method:
      When default setting are used nothing has to be done here, otherwise:
      • Choose Cycleblock radio button to use the jQuery cycle plugin functionality.
      • Use advanced settings.

      Template:

      • You can choose any of these slideshow themes: Upright10 Upright20 Upright30 Upright40 Upright50 Upright60. Note: When the slideshow themes don't show up in the select list, check if they are installed in the right place and read permissions are given on the filesystem.
      • When custom themes are installed they can also be chosen here.
      • When a slideshow theme supports sizes files click the "get template sizes" button to be able to chose the available sizes. If no sizes files are available the only choice is default.

      Mappings:
      Map the "views fields" to the "slideshow theme fields".
      notes:

      • The same image for the slide and pager can be used. If an additional pager image field is available, that field can be used for the pager image.
      • Don't use a link in the pager text or the pager image.

      Slideshow settings:
      When default setting are used nothing has to be done here, otherwise:
      Choose transition effect, Speed, Timeout, Sort Order, Pause and Next.
      Prev/next Pager settings:
      Check the checkbox: Prev/Next Pager to enable a prev/next pager on the slideshow. (by default images will be used for the prev/next pager.
      When default setting are used nothing has to be done here, otherwise:

      1. Choose pager event.
      2. Type text for prev and next pager if no images are used, or you require text on the image
      3. Choose if you want to Hide Prev/Next Pager when no slide available.

      Pager settings:
      Check the checkbox: Use Pager to enable a pager for the slideshow.
      When default setting are used nothing has to be done here, otherwise:

      1. Pager type will be chosen automatically.
      2. Choose Pager position.
      3. Choose Pager event.
      4. Choose other available pager settings.

      Slide text settings:
      Check the checkbox: Use slide text to enable the slide-text for the slideshow.

      1. Choose the slide-text position.
      2. Choose the slide-text container. (can be left on default setting in most cases)
      3. To enable slide-text effects click on Use jQuery effects for text of a slide.
        When default setting are used nothing has to be done here, otherwise:
        1. Choose Slide text position.
        2. Choose Before Effect.
        3. Choose Speed Before Effect.
        4. Choose After Effect.
        5. Choose Speed After Effect.

      Custom jQuery Cycle Plugin settings:
      To enable custom settings for the cycle plugin, you can add lines here in json format, see helptext.

  11. BLOCKS - enable the ddblock instance in a region
    1. Navigate to Administration > Structure > Blocks.
    2. Place your newly created ddblock instance in a region of your theme.
      Note:Use the ddblock instance instead of the block display of the view.
    3. Save

Your slideshow should be working now!

Important notes

  • If the slideshow does not work, please have a look in the issue queue for similar issues. (Also search the closed ones.)
  • When there are no similar issues in the issue queue, create a new one.
  • Give enough information, what you did, how it can be replicated, a link to your site, etc, so you can get accurate answers on your issues.
  • Please only post comments here to improve the tutorial.
  • Please post support requests, feature requests, bug reports for the module in the issue queue .

Comments

Helpful

Great tutorial http://www.excellentacademichelp.com/essay-writing/ some genuinely marvelous work having read this I thought it was quite informative.

issues

i followed the steps and got this error
Notice: Undefined index: delta in _views_slideshow_preprocess_views_slideshow_pager_fields() (line 245 of C:\Dell\New\htdocs\drupal\drupal-7.23\sites\all\modules\views_slideshow-7.x-3.1\views_slideshow\theme\views_slideshow.theme.inc).
Notice: Undefined index: delta in _views_slideshow_preprocess_views_slideshow_pager_fields() (line 245 of C:\Dell\New\htdocs\drupal\drupal-7.23\sites\all\modules\views_slideshow-7.x-3.1\views_slideshow\theme\views_slideshow.theme.inc).

PDOException in dblog_watchdog()

Dear :
when I click the "read more" or "tile" link
it whil show
PDOException in dblog_watchdog() ...\dblog\dblog.module line 160

how to sovle it!
thx

PDOException in dblog_watchdog()

Dear:
When I build the showcase in block.
it ok to whoe the showcase.

But, when I click the "read more " or "tile " link, it show the node.
but ,also show
PDOException in dblog_watchdog() ...\dblog\dblog.module line 160

how can i sovle it!

thx!

can it be a Responsive Web Design module

Dear:
Q1.How to make it to be Responsive Web Design.
let it can resopnive by monitor screen.

Q2. how resize the showcase, I want to change the size of showcase showed in page.

thx

Erro

I followed all the steps.
I however get these two errors.

" Notice: Undefined index: slide_image in include() (line 34 of D:\Installation\wamp\www\athletics2\sites\all\modules\ddblock\ddblock-cycle-block-content.tpl.php).
Warning: Invalid argument supplied for foreach() in include() (line 34 of D:\Installation\wamp\www\athletics2\sites\all\modules\ddblock\ddblock-cycle-block-content.tpl.php)."

How do i fix this?

pager in the right side

excellent tutorial ! but would you please help me. i want to put the pager just in the right side. it's urgent my project's deadline is comming up soon ...

why it does't work

hi, I've done this step by step carefully but I don't know why it doesn't work!
would you please help me with this problem. I should present my project by the next week...

image thum

How can I Display my thumbnails

Why need 2 nodes?

The statement from point 5 -> Create at least two nodes to make the slideshow work.
I dont understand why we need at least two nodes. Can someone explain to me. Thanks.

You need at least two nodes

You need at least two nodes because if there is only one there isn't anything to cycle through. It would be like trying to play "pick a card" with only one card.

If you have only 1 node, you

If you have only 1 node, you can't see the sliding.It needs several nodes to cycle through them.

Is there a way to use the body summary as the slide text?

Hi there. I'm still relatively new to Drupal, but this guide helped me get a slideshow up and running fairly quickly. My question is if it is possible to put a token in the slide text field so that the "body summary" of the node is used, rather than having to type in the text. I'm using this to highlight recent news items and the people who will be entering the information would like to fill in as few fields as possible. Thank you very much.

I'm running a new installation of Drupal 7.22 if that is helpful. The only modifications I have made so far are the ones in the configuration above.

Super tutorial

Got this up and running in 20 min. Loved the tutorial, love the module

error

hi, with thanks a lot for guides
I do all steps but in step9 in part 4(Configure the block as follows:) I faced with follows error:
please help me, thanks

Notice: Undefined variable: source_fields in ddblock_form_alter() (line 1090 of D:\wamp\www\drupal7\sites\all\modules\ddblock\ddblock.module).
Notice: Undefined variable: source_fields in ddblock_form_alter() (line 1090 of D:\wamp\www\drupal7\sites\all\modules\ddblock\ddblock.module).
Notice: Undefined variable: source_fields in ddblock_form_alter() (line 1090 of D:\wamp\www\drupal7\sites\all\modules\ddblock\ddblock.module).
Notice: Undefined variable: source_fields in ddblock_form_alter() (line 1090 of D:\wamp\www\drupal7\sites\all\modules\ddblock\ddblock.module).
Notice: Undefined variable: source_fields in ddblock_form_alter() (line 1090 of D:\wamp\www\drupal7\sites\all\modules\ddblock\ddblock.module).
Notice: Undefined variable: source_fields in ddblock_form_alter() (line 1090 of D:\wamp\www\drupal7\sites\all\modules\ddblock\ddblock.module).
Notice: Undefined variable: source_fields in ddblock_form_alter() (line 1090 of D:\wamp\www\drupal7\sites\all\modules\ddblock\ddblock.module).
Notice: Undefined variable: source_fields in ddblock_form_alter() (line 1090 of D:\wamp\www\drupal7\sites\all\modules\ddblock\ddblock.module).
Notice: Undefined variable: source_fields in ddblock_form_alter() (line 1090 of D:\wamp\www\drupal7\sites\all\modules\ddblock\ddblock.module).

hey, for that error, make

hey, for that error, make sure you selected the view you created and the content type in the ddblock settings tab. hope it works..

Dynamic display

This is great module .I've installed it for my site in D7 .

Reply to comment | Dynamic display block slideshow module for

Spot on with this write-up, I absolutely think this amazing site
needs a lot more attention. I'll probably be returning to read through more, thanks for the information!

Visit my blog post :: тфайл

free theme installation

Thanks for a terrific module. I recently installed it, and after a few hours of work, got a views slideshow up and running on a test page. However, I ran into some trouble when I tried to install the additional free themes (such as modest-grey) available on your downloads page. The module recognizes the themes, but when I try to use one, I get about half a dozen error messages, starting with:

Notice: Undefined variable: pager in include() (line 24 of .../custom/modules/ddblock/ddblock-cycle-pager-content.tpl.php).

I am using Drupal 7.14, Bartik theme. Do you have any recommendation for how I should proceed?
Thanks again!

theme installation

what are the steps to install the theme

Re: free theme installation

The modest-grey slideshow theme is a Drupal 6 slideshow theme for the ddblock module.

The free slideshow themes for Drupal 7 are in the file: ddblock-upright10p-60p-v7-1-3.zip on the download page
Other commercial slideshow themes for drupal 7 can be purchased at http://themes.myalbums.biz
At http://themes.myalbums.biz/theme you can chose the supported module.

Hope this helps you further.

Thanks for your precious work.

I'd like to thank you for all you've been achieving so far.
You're tutorials helped me a lot.
I dare to say ddblock is a must have.

Keep on going,

Cheers,

Pascal

Its works a treat

It works a treat.

Installed D7 basic setup.
Followed Drupal 7 - Advanced slideshow tutorial.

Scowled when it didn't show up, only displayed the block title.

Then remembered to change to theme that had the 'custom' folder in.
Worked a treat...

what this error mean: Notice:

what this error mean:
Notice: Undefined variable: pager_items in include() (line 36 of C:\xampp\htdocs\drupal\sites\all\themes\imm\custom\modules\ddblock\ddblock-cycle-pager-content.tpl.php

----------
thanks a lot for your module!

Re: what this error mean: Notice:

Probably you did not enable the pager for the slideshow and the default slideshow template expects pager items.
I suggest to use one of the upright slideshow themes with the module. These can be downloaded from the http://ddblock.myalbums.biz/download page.

If this does not help, please make an issue in the issue queue of the module.

Thanks for this tutorial! I

Thanks for this tutorial!

I have done tutorial twice and I get the same result. Please see link: http://ilovesxm.com/new_slider_test

My image will not fit into the slider area, even though I made it the same size as he width and height of the slider. Also, my image appears very pixelated. The image fine in the regular view and content page. Any help would be great.

Reply to comment | Dynamic display block slideshow module for

Hello it's me, I am also visiting this web site regularly,
this web page is actually nice and the visitors
are truly sharing pleasant thoughts.

Re: Thanks for this tutorial!

I cannot see the slider on your page. Probably anonymous users don't have permissions to view ddblock slideshows.
Permissions need to be set for other users on the permissions page.

Please post issues in the issue queue of the module.

Well i got some question's

Hey,
I use D7
I use in "Content Setting" - "Image folder" and i dont have in "Sort Order" the "Random" radio bottom.
I display all my ddblock, and no one do "slideshow", what happend? Only show one image, but dont display like a slideshow, what i need do?

Im newbie
Thank you.

Excuse me, "quick" in what

Excuse me, "quick" in what universe?

Couldn't you just ship a default content type, a view and a theme? Fiddle with libraries, themes, modules and views, five different places for settings to maybe get something done.

This thing is a massive waste of time.

Re: Excuse me, "quick" in what

You can post a patch for the module on drupal.org with your required functionality and I will commit it when it works.

Im Stuck at step no3

Guys, There is no permission for dynamic display block that results of the dynamic display block dont appear at the structure. can you help me? what shoud i do. tried to clear cache serveral times. help me please. ty.

Im using Drupal 7

Please help me

Re: I am stuck at step 3

When you copied the Drupal 7 ddblock module files to sites/all/modules and enabled the module on the module administration page you should see it in the permissions page.

Bartik

And what if I'm using Bartik??, where i have to put the theme files of the ddblock

Re: Bartik

Best would be to create a copy of the bartik drupal theme and place it in sites/all/themes

Steps:
rename the directory to e.g: mybartik
rename the bartik.info file to mybartik.info
and change the function names in the template.php to mybartik_[function_names]

This is the preferred way, not adjusting any core modules/themes

You can then place the ddblock slideshow themes then in sites/all/themes/mybartik/custom/modules/ddblock

Hope this helps you further

Can't get pager to work on custom theme

I created a new theme based on upright10p and it works just fine except for the pager. I copied and renamed the ddblock-cycle-pager-content--upright10p.tpl file to ddblock-cycle-pager-content--mythemename.tpl, but when I go to edit the block the pager positions drop-down only offers 'left' and 'right', neither of which are supported by my pager file. The pager type also defaults to 'scrollable pager'.

It seems the system isn't recognising my ddblock-cycle-pager-content--mythemename.tpl file, even after clearing the cache. What am I doing wrong here?

Re: Can't get pager to work on custom theme

The slideshow themenames have a convention, see: http://ddblock.myalbums.biz/faq#14n807

theme_names should end with 10p, 20p, etc. to make responding pager type work.

Ah, got it. Thanks a lot.

Ah, got it. Thanks a lot.

Slide page links

Great tutorial! Is there a way to make each slide a link to a different page when they click on that slide?

Re: Slide page links

Yes, you can by adding a link or text field to the content type for the url and rewrite the image field in the view like:

<a href="[link-field-token]">[image-field-token]</a>

Replace the tokens with the real field names you use (see replacement patterns under rewrite of a field)

note: The link or field with the URL must be before the image field to be able to use the link token. You can exclude the link field from display.

Hope this helps you further.

Hi, I've tried to add some

Hi,

I've tried to add some links to different images in my slideshow, but I only can add the same link to every image. How can I add different link for different image?

Thanks,

Bogdan

Image size

I understand that this free theme...
In terms of functionality - Is it possible to change button "get template sizes" to choose your own size in the future?

Re: Image size

The "get template size" button can already be used when different size css files are available. The functionality was already incorporated with views_slideshow_ddblock for drupal 6. For this module the size files are explained in http://ddblock.myalbums.biz/node/1845. In the future I will distribute the free themes with different size files for 460px, 700px and 940px wide slideshows. With these example size files it will be easier to create a custom size file.

Image size

Oh! great news!
Thanks!

Not working when "Aggregate and compress CSS files" turned on...

After I followed all the instructions on this article, DDBLOCK did not display correctly on my front page. The displayed DDBLOCK its like PAGER at the top, followed by main IMAGE below it, then OVERLAY TEXT below the IMAGE. I tried to solve this problem by checking everything and removing most of the modules without correcting this issue. At last, I turned off "Aggregate and compress CSS files" under Performance and this problem solved.

If we shouldn't be turning on "Aggregate and compress CSS files", this should be noted on the document above. Otherwise, should this open another ticket for future fixes???

thx!

thanks very much

excellent tutorial, only bit that confused me was whether i should be creating a block in views or a page but apart from that really good. thanks.

Доброго дня. Після виконання

Доброго дня. Після виконання всіх кроків мені видало помилку:
Notice: Undefined variable: pager в функции include() (строка 24 в файле /var/www/sokrda/data/www/nordbess-news.cv.ua/themes/bartik/custom/modules/ddblock/ddblock-cycle-pager-content.tpl.php).
Notice: Undefined variable: delta в функции include() (строка 30 в файле /var/www/sokrda/data/www/nordbess-news.cv.ua/themes/bartik/custom/modules/ddblock/ddblock-cycle-block-content.tpl.php).
Notice: Undefined variable: pager в функции include() (строка 32 в файле /var/www/sokrda/data/www/nordbess-news.cv.ua/themes/bartik/custom/modules/ddblock/ddblock-cycle-block-content.tpl.php).
Notice: Undefined variable: pager в функции include() (строка 38 в файле /var/www/sokrda/data/www/nordbess-news.cv.ua/themes/bartik/custom/modules/ddblock/ddblock-cycle-block-content.tpl.php).
Notice: Undefined variable: pager в функции include() (строка 59 в файле /var/www/sokrda/data/www/nordbess-news.cv.ua/themes/bartik/custom/modules/ddblock/ddblock-cycle-block-content.tpl.php).
Notice: Undefined variable: output_type в функции include() (строка 67 в файле /var/www/sokrda/data/www/nordbess-news.cv.ua/themes/bartik/custom/modules/ddblock/ddblock-cycle-block-content.tpl.php).
Notice: Undefined variable: output_type в функции include() (строка 81 в файле /var/www/sokrda/data/www/nordbess-news.cv.ua/themes/bartik/custom/modules/ddblock/ddblock-cycle-block-content.tpl.php).
Notice: Undefined variable: output_type в функции include() (строка 89 в файле /var/www/sokrda/data/www/nordbess-news.cv.ua/themes/bartik/custom/modules/ddblock/ddblock-cycle-block-content.tpl.php).

Як її виправити???

First I would like to thank

First I would like to thank you for the module. But I have a question.

I have installed the module(ddblock-7.x-1.0-rc1.tar.gz) and the extra themes.
I also downloaded the jquery file and put under the libraries folder.
I followed the basic 10 steps to setup a block.

Now the basic theme work, though looks odds. looks like this
[ ] [ ]
[ ] [ ]
[ ]
-------
| |
| |
-------
The top five are the thumbnail and the bottom large is the image.

I tried to configure with the extra theme. But I can't find following options as you said in your tutorial
* Display method
* Template
* Mappings

Can you give me some hint that where I might make a mistake? thank you. And I am debugging my site on local server, thus won't be able to send you a link.

Thanks again.

D7 Themes installation

Thanks for the tutorial and the clarity of the steps.

Can you please add a little detail to installation of the free themes? I'm using 7.x-1.0-rc1.

In my case, I have the site theme installed in /sites/[mysitename]/themes, rather than /sites/all/themes. In that case, should the custom folder be put in the tree under the [mysitename] structure, or must the site theme be placed in /sites/all/themes and the custom folder added there?
Secondly my theme is using a sub-theme, so does that alter the location of the custom folder in any way?

Many thanks for your help.