Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 05/09/2017 BIG Autumn SALE

    Use AUTUMN17 coupon code to buy our WordPress or Joomla! extensions with 25% discount. Hurry up! The offer is valid till 11 September.

  • 14/04/2017 Happy Easter

    Wish a Happy Easter and give 30% discount for all our WordPress and Joomla! extensions. Use EASTER17 coupon code. The offer is valid till 17 April.


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?

Position of Title and Description of the images
(1 viewing) (1) Guest
Go to bottomPage: 12
TOPIC: Position of Title and Description of the images
#36219
Position of Title and Description of the images 4 Years, 8 Months ago Karma: 0
Hi!

First of all, thanks for this great module! I am happy about developers who are creating such as nice modules!

My question is as follows:

The module creates the different idīs based of itīs readed code. So i would like to show the images description and title in a different div as the ari-cloud is. I create a template in which is a content and a position of a right module called "right". Is it possible to show these two things in the right module instead of the module which aricloud is in?

I know that it isnīt only a change in the cascading style sheet..

Is that possible? It would be great if there is any solution. In apologize i got no link to the website, itīs an local project so far..

Kind regards,

Tom
The administrator has disabled public write access.
 
#36235
Re:Position of Title and Description of the images 4 Years, 8 Months ago Karma: 667
Hello,

The modules creates DIV elements where descriptions and titles are shown. If you want to show descriptions and titles in another elements, it requires to modify the module. See "altBox" and "titleBox" parameters in "initCarousel" method in <joomla_directory>\modules\mod_aricloudcarousel\mod_aricloudcarousel\kernel\CloudCarousel\class.CloudCarousel.php file.

If you want to modify position of standard DIV elements, you can use custom CSS rules.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#36267
Re:Position of Title and Description of the images 4 Years, 8 Months ago Karma: 0
Hello,

so i am at home now and try to fix my problem. Unfortunatly it doesnt work .

My structure with standard paramters and generation of divīs from aricloud is as follows:

Code:

<div style="text-align:left;">
<div id="head">
<div id="submenu"> </div>
<div id="breadcrumb">
<div id="left">
<div id="right">
<div class="moduletable">
<h3>Modul rechts 1</h3>
<div class="custom">
<p>In diesem Modul können auf der rechten Seite Informationen hinterlassen werden. Auch ein ein Newsflash ist auf der rechten Seite Möglich.</p>
</div>
</div>
<div id="content" class="trueleftright">
<div id="system-message-container"> </div>
<div class="item-page">
<div class="moduletable">
<div id="acc_51099a104d8e6_wrapper" class="ari-cloud-carousel-wrapper">
<div class="ari-cloud-carousel-caption">
<div class="ari-cloud-carousel-title"></div>
<div class="ari-cloud-carousel-alt" style="display: block;"></div>
</div>
<div id="acc_51099a104d8e6" class="ari-cloud-carousel" style="position: relative; overflow: hidden;">
<div class="ari-cloud-carousel-nav">
</div>
</div>
</div>



So i need to view the "caption --> alt and title" not the main div called "content" were the module aricloud is rather in id "right" where the class "custom" is.

I try to change it like you told from:

Code:

$doc->addScriptDeclaration(
sprintf('(window["jQueryCloudCarousel"] || jQuery)(document).ready(function($) { cloudCarouselInit(window.jQueryCloudCarousel || $, "#%1$s", "%3$s", $.extend(%2$s, {"buttonLeft": $("#%1$s_wrapper .ari-cloud-carousel-left"), "buttonRight": $("#%1$s_wrapper .ari-cloud-carousel-right"), "titleBox": $("#%1$s_wrapper .ari-cloud-carousel-title"), "altBox": $("#%1$s_wrapper .ari-cloud-carousel-alt")}),%4$s); });',



to:

Code:

$doc->addScriptDeclaration(
sprintf('(window["jQueryCloudCarousel"] || jQuery)(document).ready(function($) { cloudCarouselInit(window.jQueryCloudCarousel || $, "#%1$s", "%3$s", $.extend(%2$s, {"buttonLeft": $("#%1$s_wrapper .ari-cloud-carousel-left"), "buttonRight": $("#%1$s_wrapper .ari-cloud-carousel-right"), "titleBox": $("#%1$s_wrapper .ari-cloud-carousel-title"), "[color=#0040FF]right[/color]": $("#%1$s_wrapper .ari-cloud-carousel-alt")}),%4$s); });',



To show the "altbox" in the module right but it doesnt have any effect . Can you help?

Best regards and many thanks for your answers so far.

Tom
Last Edit: 2013/01/30 15:40 By hunter88.
The administrator has disabled public write access.
 
#36283
Re:Position of Title and Description of the images 4 Years, 8 Months ago Karma: 667
Your code is incorrect. "altBox" and "titleBox" parameters should contain ID of elements which you want to use to show titles and descriptions. It will look like:

...
"altBox": "left", "titleBox": "right"
...

BTW, according to HTML which you use, it will not work with "left" and "right" <DIV> elements because they contain some content including "ARI Cloud Carousel" module.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#36314
Re:Position of Title and Description of the images 4 Years, 8 Months ago Karma: 0
Okay, i will try it and come back with news.

Thanks so far.
The administrator has disabled public write access.
 
#36316
Re:Position of Title and Description of the images 4 Years, 8 Months ago Karma: 0
So i try it out now. It doesnt work. I try to create a new, empty div but it doesnt work too. If i change the php-file as you told - only the loading banner is shown by aricloud and not the cloud. i create a emptry "test" div and change the php file for the title to:

Code:

"titleBox": "test" $("#%1$s_wrapper .ari-cloud-carousel-title"),


I try to upload the website for test purposes and then it will help i think .

Thanks so far.
The administrator has disabled public write access.
 
Go to topPage: 12