Solved

Dynamic Display Block not showing

Posted on 2013-12-13
4
433 Views
Last Modified: 2013-12-15
I have done a fairly simple Drupal website, with a slideshow on the home page. I have set up dynamic display block with a bunch of images,  I use this module all the times, but it just doesn't show up. I have set the permissions, the images are in the correct spot, I can see them in Firebug.  I cannot figure out what is wrong.
Until I get this working, I have the slide show set up on a test page, as this is now a live site:
http://www.fowlerkennedyfuneralhome.com/test
You can see the big empty space where it should be. The weird thing is that this is a sister site to:
http://www.concordfuneral.com/
and I am using the SAME theme (litejazz) and the same webhost, so I don't think it is a configuration issue. They have the same modules and functionality.
I have never used Firebug for stepping through the Javascript to see if there is an error somewhere that impacts this slide show. I don't knoiw how to do that. Maybe there is a conflict with something else.
0
Comment
Question by:nanharbison
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
4 Comments
 
LVL 44

Expert Comment

by:Rainer Jeschor
ID: 39717575
Hi,
sorry I have no experience with Drupal, but there is one difference.

On the working site, there is this Drupal Settings extension:
jQuery.extend(Drupal.settings, {"basePath":"\u002F", "pathPrefix":"", "ajaxPageState":{"theme":"litejazz", "theme_token":"1glCj2JdCzqVY28aM_kYvZZUHj29dsZ_5V73xityRiE", "js":{"misc\u002Fjquery.js":1, "misc\u002Fjquery.once.js":1, "misc\u002Fdrupal.js":1, "misc\u002Fui\u002Fjquery.effects.core.min.js":1, "sites\u002Fall\u002Flibraries\u002Fjquery.cycle\u002Fjquery.cycle.all.js":1, "sites\u002Fall\u002Fmodules\u002Fddblock\u002Fjs\u002Fjson2.pack.js":1, "sites\u002Fall\u002Fmodules\u002Fddblock\u002Fjs\u002Fddblock.js":1}, "css":{"modules\u002Fsystem\u002Fsystem.base.css":1, "modules\u002Fsystem\u002Fsystem.menus.css":1, "modules\u002Fsystem\u002Fsystem.messages.css":1, "modules\u002Fsystem\u002Fsystem.theme.css":1, "modules\u002Fcomment\u002Fcomment.css":1, "modules\u002Ffield\u002Ftheme\u002Ffield.css":1, "sites\u002Fall\u002Fmodules\u002Fmollom\u002Fmollom.css":1, "modules\u002Fnode\u002Fnode.css":1, "modules\u002Fsearch\u002Fsearch.css":1, "modules\u002Fuser\u002Fuser.css":1, "sites\u002Fall\u002Fmodules\u002Fckeditor\u002Fckeditor.css":1, "sites\u002Fall\u002Fmodules\u002Fctools\u002Fcss\u002Fctools.css":1, "sites\u002Fall\u002Fmodules\u002Fddblock\u002Fcss\u002Fddblock.css":1, "sites\u002Fall\u002Fthemes\u002Flitejazz\u002Fstyle.css":1, "sites\u002Fall\u002Fthemes\u002Flitejazz\u002Fcss\u002Fred.css":1, "sites\u002Fall\u002Fthemes\u002Flitejazz\u002Fcss\u002Flocal.css":1}}, "ddblockImageContainer":{"1":{"block":"1", "contentContainer":"div.slide", "imageContainerHeight":"327", "imageContainerWidth":"770", "setDimensions":"none"}}, "ddblockImages":{"1":{"block":"1", "contentContainer":"div.slide", "imageHeight":"327", "imageWidth":"770", "setDimensions":"none"}}, "ddblockContent":{"1":{"block":"1", "nrOfItems":2, "setDimensions":"none", "contentContainer":"div.slide", "custom":"", "fx":"fade", "easeOut":"linear", "easeIn":"linear", "speed":"500", "timeOut":"5000", "pause":"1", "next":"0", "overflow":"hidden", "pager":"none", "pagerPosition":"top", "pagerPrevNextLoop":"1", "pagerScrollableLoop":"1", "nrOfPagerItems":"4", "pagerContainer":"pager-item", "pagerEvent":"click", "pagerDisableClick":"1", "pagerFast":"1", "pagerPause":"1", "pager2":"0", "pager2Event":"click", "pager2SlideHide":"0", "slideText":"1", "slideTextjQuery":"0", "slideTextPosition":"bottom", "slideTextContainer":"div.slide-text", "slideTextEffectBefore":"fadeOut", "slideTextEffectBeforeSpeed":"250", "slideTextEffectBeforeEasing":"linear", "slideTextEffectAfter":"fadeIn", "slideTextEffectAfterSpeed":"1000", "slideTextEffectAfterEasing":"linear", "height":"327", "width":"770"}}});

Open in new window


On the non-working site it is:
jQuery.extend(Drupal.settings, {"basePath":"\/","pathPrefix":"","ajaxPageState":{"theme":"litejazz","theme_token":"XuW2greb4kHzOwQrJJdDooSOSnr0K6aPQzjmi9PxNmQ","js":{"misc\/jquery.js":1,"misc\/jquery.once.js":1,"misc\/drupal.js":1,"misc\/ui\/jquery.effects.core.min.js":1,"sites\/all\/libraries\/jquery.cycle\/jquery.cycle.all.js":1,"sites\/all\/modules\/ddblock\/js\/json2.pack.js":1,"sites\/all\/modules\/ddblock\/js\/ddblock.js":1},"css":{"modules\/system\/system.base.css":1,"modules\/system\/system.menus.css":1,"modules\/system\/system.messages.css":1,"modules\/system\/system.theme.css":1,"modules\/comment\/comment.css":1,"modules\/field\/theme\/field.css":1,"modules\/node\/node.css":1,"modules\/search\/search.css":1,"modules\/user\/user.css":1,"sites\/all\/modules\/views\/css\/views.css":1,"sites\/all\/modules\/ckeditor\/ckeditor.css":1,"sites\/all\/modules\/ctools\/css\/ctools.css":1,"sites\/all\/modules\/ddblock\/css\/ddblock.css":1,"sites\/all\/themes\/litejazz\/style.css":1,"sites\/all\/themes\/litejazz\/css\/blue.css":1,"sites\/all\/themes\/litejazz\/css\/local.css":1}},"ddblockImageContainer":{"4":{"block":"4","contentContainer":"div.slide","imageContainerHeight":"328","imageContainerWidth":"770","setDimensions":"none"}},"ddblockImages":{"4":{"block":"4","contentContainer":"div.slide","imageHeight":"328","imageWidth":"770","setDimensions":"none"}},"ddblockContent":{"4":{"block":"4","nrOfItems":2,"setDimensions":"none","contentContainer":"div.slide","custom":"","fx":"fade","easeOut":"linear","easeIn":"linear","speed":"500","timeOut":"5000","pause":"1","next":"0","overflow":"hidden","pager":"none","pagerPosition":"top","pagerPrevNextLoop":"1","pagerScrollableLoop":"1","nrOfPagerItems":"4","pagerContainer":"pager-item","pagerEvent":"click","pagerDisableClick":"1","pagerFast":"1","pagerPause":"1","pager2":"0","pager2Event":"click","pager2SlideHide":"0","slideText":"1","slideTextjQuery":"0","slideTextPosition":"bottom","slideTextContainer":"div.slide-text","slideTextEffectBefore":"fadeOut","slideTextEffectBeforeSpeed":"250","slideTextEffectBeforeEasing":"linear","slideTextEffectAfter":"fadeIn","slideTextEffectAfterSpeed":"1000","slideTextEffectAfterEasing":"linear","height":"328","width":"770"}}});

Open in new window


The main difference I can see is that on the non working site forward slashes are used directly (like basePath":"\/") whereas on the working site the slashes are escaped (like "basePath":"\u002F").

Just a guess but perhaps a simple to test starting point.

HTH
Rainer
0
 
LVL 17

Author Comment

by:nanharbison
ID: 39717701
Ranier, this could explain it, I just have to figure out how to change the base path. I just realized that the version of Drupal on the working site is 7.18 and the non-working one is 7.24. I didn't realize the working site needed to be upgraded. I wonder if that will break the slide show, ugh.
0
 
LVL 13

Accepted Solution

by:
Arrow_1 earned 500 total points
ID: 39718178
Add this to your css:
div.block-ddblock .ddblock-container {
    z-index: 0;
}

For some reason the module css is giving it a z-index value of -1 which is effectively placing it behind the body content where it can't be seen. Setting it back to zero will bring it back out front.
0
 
LVL 17

Author Closing Comment

by:nanharbison
ID: 39719948
Thanks, that is all it was. I don't understand why the z value was set the way it was.
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

690 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question