ARI Soft - Position of Title and Description of the images

Home

News

Forum

About Us

Demos

Products

F.A.Q.

Featured Demos

ARI Smart Content demo

ARI Quiz demo

WordPress Quiz plugin

WordPress Lightbox plugin

e-mail: info@ari-soft.com

Shopping Cart

You currently have 0 items in your cart.

Show 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.

more...
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.

more...

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

Welcome, Guest
Please Login or Register. Lost Password?

ARI Soft Forum

Joomla components

ARI Cloud Carousel

Position of Title and Description of the images

(1 viewing) (1) Guest

Page: 12

TOPIC: Position of Title and Description of the images

Forum Tools

#36219

Position of Title and Description of the images 11 Years, 9 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

hunter88

The administrator has disabled public write access.

#36235

Re:Position of Title and Description of the images 11 Years, 9 Months ago

Karma: 760

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

admin

The administrator has disabled public write access.

#36267

Re:Position of Title and Description of the images 11 Years, 9 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

hunter88

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, 9 Months ago	Karma: 760
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

admin

The administrator has disabled public write access.

#36314

Re:Position of Title and Description of the images 11 Years, 9 Months ago	Karma: 0
Okay, i will try it and come back with news. Thanks so far.

hunter88

The administrator has disabled public write access.

#36316

Re:Position of Title and Description of the images 11 Years, 9 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.

hunter88

The administrator has disabled public write access.

Page: 12

Useful Links