Forum Support

Shape 5
May 11, 2021, 08:24:06 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
   Home   Help Search Login Register  
Pages: [1]
Author Topic: Making the Slider Circles disappear if there is no text in them [FIXED]  (Read 404 times)
Jr. Member
Offline Offline

Posts: 36

« on: July 27, 2013, 09:08:26 AM »

Hi All.

Just wanted to share a nice little addition to the template. staff, please feel free to add this to the current code, to improve the next templates as they are released.

As it stands, if you leave the text fields empty on the Image and Content Fader module, the large circles still appear, which can get in the way of your images.

I have added a few lines to the javascript to change the CSS opacity depending on the text fields content.  In other words, no text in the field?  Then no cirlces are displayed.

Follow these instructions:

JOOMLA DIRECTORY/modules/mod_s5_image_and_content_fader/js/

1. Change line 1161 and 1163 to:
var slideInfoZoneTitle = new Fx.Morph(new Element('h2').injectInside(this.slideInfoZone.element)).set({'opacity':0});

var slideInfoZoneDescription = new Fx.Morph(new Element('p').injectInside(this.slideInfoZone.element)).set({'opacity':0});

2. Line 1187 change
showInfoSlideShow: function() { ....
to this:
showInfoSlideShow: function() {



element = this.slideInfoZone.element;

element.getElement('h2').set('html', this.galleryData[this.currentIter].title);

element.getElement('h2').set('opacity', 1);
element.getElement('h2').set('opacity', 0);

element.getElement('p').set('html', this.galleryData[this.currentIter].description);

element.getElement('p').set('opacity', 1);
element.getElement('p').set('opacity', 0);


this.slideInfoZone.start({'opacity': [0, this.options.slideInfoZoneOpacity], 'height': [0, this.slideInfoZone.normalHeight]});


this.slideInfoZone.start({'opacity': [0, this.options.slideInfoZoneOpacity]});

if (this.options.showCarousel)

this.slideInfoZone.chain(this.centerCarouselOn.pass(this.currentIter, this));

return this.slideInfoZone;

Global Moderator
Offline Offline

Posts: 20162

« Reply #1 on: August 05, 2013, 06:00:24 PM »


Thanks for the coding addition.


Mike Nicoll
Shape 5 Team

- Need a great host for your website? We highly recommend!

- Put your trust in the hands of our extremely qualified staff to get your job done right!

- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.