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


Recent Events
  • 31/12/2023 New Year SALE

    We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.

  • 21/11/2023 BLACK FRIDAY 23 is coming

    BIG SALE, 35% discount for all our extensions. Use BF23 coupon code. Hurry up the discount is valid till 27 November.


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 11 Years, 2 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 11 Years, 2 Months ago Karma: 746
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 11 Years, 2 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 22:40 By hunter88.
The administrator has disabled public write access.
 
#36283
Re:Position of Title and Description of the images 11 Years, 1 Month ago Karma: 746
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 11 Years, 1 Month 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 11 Years, 1 Month 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