Code

Discussion on Theta Carousel 3D

ThetaProject

ThetaProject supports this item

Supported

This author's response time can be up to 5 business days.

156 comments found.

Hello I am trying to integrate tetha carousel into Envato Canvas template (index-wedding) css of template brings with jquery.js and Tetha Carousel use jquery-2.1.4.min.js this is causing conflicts with other elements that needed to be loaded when document is ready along with Tetha Carousel. How can I use both ?

Thanks

Hello,

You don’t need to use both.one will be enough. Just use the one from your template.

Regards,

Hello! I can not start the GUI to configure the carousel. The item appears, but nothing happens when I click on it.

Here is the answer from the console: Access to XMLHttpRequest at ‘https://theta-carousel.com/config-ui.html' from origin ‘http://www.gebrauchte-teile.at' has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. config.js:2 Uncaught s {description: undefined, fileName: undefined, lineNumber: undefined, message: “Attempting to register a partial called “options-partial” as undefined”, name: “Error”, …}description: undefinedfileName: undefinedlineNumber: undefinedmessage: “Attempting to register a partial called “options-partial” as undefined”name: “Error”number: undefinedstack: “Error: Attempting to register a partial called “options-partial” as undefined↵ at s.registerPartial (https://theta-carousel.com/Scripts/config.js:2:3324)↵ at e.(anonymous function).(anonymous function)._uiLoadingCompleted (https://theta-carousel.com/Scripts/config.js:1:4726)↵ at e.(anonymous function).(anonymous function)._uiLoadingCompleted (https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js:6:7987)↵ at HTMLDivElement.f (http://www.gebrauchte-teile.at/WSNEU/HP/scripts/jquery-2.1.4.min.js:2:3728)↵ at Function.each (http://www.gebrauchte-teile.at/WSNEU/HP/scripts/jquery-2.1.4.min.js:2:2774)↵ at n.fn.init.each (http://www.gebrauchte-teile.at/WSNEU/HP/scripts/jquery-2.1.4.min.js:2:847)↵ at Object.<anonymous> (http://www.gebrauchte-teile.at/WSNEU/HP/scripts/jquery-2.1.4.min.js:4:17187)↵ at j (http://www.gebrauchte-teile.at/WSNEU/HP/scripts/jquery-2.1.4.min.js:2:26925)↵ at Object.fireWith (http://www.gebrauchte-teile.at/WSNEU/HP/scripts/jquery-2.1.4.min.js:2:27738)↵ at x (http://www.gebrauchte-teile.at/WSNEU/HP/scripts/jquery-2.1.4.min.js:4:11381)"__proto__: Error at Object.<anonymous> (https://theta-carousel.com/Scripts/config.js:2:5506) at e (https://theta-carousel.com/Scripts/config.js:2:952) at Object.<anonymous> (https://theta-carousel.com/Scripts/config.js:2:2641) at e (https://theta-carousel.com/Scripts/config.js:2:952) at Object.<anonymous> (https://theta-carousel.com/Scripts/config.js:2:2007) at e (https://theta-carousel.com/Scripts/config.js:2:952) at Object.<anonymous> (https://theta-carousel.com/Scripts/config.js:2:1364) at e (https://theta-carousel.com/Scripts/config.js:2:952) at https://theta-carousel.com/Scripts/config.js:2:1039 at https://theta-carousel.com/Scripts/config.js:2:1044 registerPartial @ config.js:2 _uiLoadingCompleted @ config.js:1 (anonymous) @ jquery-ui.min.js:6 f @ jquery-2.1.4.min.js:2 each @ jquery-2.1.4.min.js:2 each @ jquery-2.1.4.min.js:2 (anonymous) @ jquery-2.1.4.min.js:4 j @ jquery-2.1.4.min.js:2 fireWith @ jquery-2.1.4.min.js:2 x @ jquery-2.1.4.min.js:4 (anonymous) @ jquery-2.1.4.min.js:4 error (async) send @ jquery-2.1.4.min.js:4 ajax @ jquery-2.1.4.min.js:4 n.fn.load @ jquery-2.1.4.min.js:4 _create @ config.js:1 (anonymous) @ jquery-ui.min.js:6 _createWidget @ jquery-ui.min.js:6 e.(anonymous function).(anonymous function) @ jquery-ui.min.js:6 (anonymous) @ jquery-ui.min.js:6 each @ jquery-2.1.4.min.js:2 each @ jquery-2.1.4.min.js:2 e.fn.(anonymous function) @ jquery-ui.min.js:6 (anonymous) @ boot.js:69 nextFile @ boot.js:53 nextFile @ boot.js:45 LoadJS.js.onload @ boot.js:22 load (async) LoadJS @ boot.js:19 nextFile @ boot.js:47 LoadMultipleFiles @ boot.js:58 loadMainContent @ boot.js:63 nextFile @ boot.js:53 nextFile @ boot.js:45 LoadJS.js.onload @ boot.js:22 load (async) LoadJS @ boot.js:19 nextFile @ boot.js:47 LoadMultipleFiles @ boot.js:58 (anonymous) @ boot.js:78 j @ jquery-2.1.4.min.js:2 add @ jquery-2.1.4.min.js:2 n.fn.ready @ jquery-2.1.4.min.js:2 (anonymous) @ boot.js:61

Hello,

Could you please try again – it should work.

Regards,

Hello, I have slider with scrollbars, and I have some question how I can make this thing to swipe down and swipe up inside of this text inside of frame ?

That is happening because the carousel prevents default swipe handlers. We need it to improve user experience in some use cases. But I can create a custom build without preventDefault. Could you please write me a private message, and I’ll share a custom build with this change?

https://drive.google.com/file/d/1JjhhoX4GGPFux5nde7K9eU8CeXRHqUlC/view?usp=sharing ошибка при бесконечном свайпе влево или вправо

Что имеется ввиду под бесконечным свайпом? Я вижу Вы используете дебаг версию, делали ли Вы модификации в коде, если да то какие? Доступен ли сайт онлайн – хотел бы глянуть контекст использования?

there is a wordpress version?

Hi,

No, we don’t have WordPress version (

regards,

Hi!

We are trying to adopt theta carousel for our project, as it almost fully matches our business requirements.

Though we faced with an issue on mobile touch devices, where we have 2 carousels (one below another) and both of them are 100% page width.

It is currently not possible to scroll page up/down, when finger is on theta carousel, thouh vertical rotation is not used.

Could you please advice if there can be any workaround for decsribed issue? We just need to let user scroll page up/down using native swiping up/down gestures on touch mobile devices, even if user’s finger is touching carousel.

Script version is 1.6.4

Thanks in advance.

Hi,

That happens because the carousel prevents default swipe handlers. We need it to improve user experience in some use cases. But I can create a custom build without preventDefault. Could you please send me a private message, and I’ll share a custom build with this change?

Regards,

Thanks a lot, message was sent

Hello,

I would like to know if it offers support for IONIC 3 and Angular?

I would also like to know if they offer or help with integration service?

thank you

Hello,

the carousel supports AngularJS out of the box. For the later Angualrs you’ll needs to write a wrapper for that. I’m not familiar with IONIC, I believe there is a way to use jQuery plugin there, but you’ll need to do the integration by yourself.

We can consult you in our API, and carousel usage, but we don’t do custom development.

regards,

I am interested in the Theta Carousel 3D, my questions are:

If I purchase it and it does not work, do I get a refund?

Do you know if this will work with the Enfold Theme?

Hi,

Sure, if the carousel is somehow incompatible with your web page, you’ll get a refund.

I didn’t try it with the mentioned theme, but I don’t see any reason why it should be incompatible.

Regards,

HI,

Very Cool!! can we use this in Squarespace?

Hi,

I’m not familiar with Squarespace. It’s a jQuery plugin, if Squarespace allows to use third-party jQuey plugins on a website, and allows to customize structure of output HTML, then yes you can use the carousel there.

Regards,

Hi,

I want to know if your plugin can be used on a non open-source (nonfree) project, with the regular license.

Hi, it depends how do you want to sell your product. If it is freely accessible than you can use regular license, if your want to sell the product, then the extended license is needed.

You can see the details here – https://codecanyon.net/licenses/faq#main-differences-licenses-a

Hi , I am looking for support. first to all the tool works fine . so thanks , but on android web view this have some problems, do have some some information about this, or another same closed tickets?

I just tried it on a web view and can confirm issues with a content redrawing. Need some days to investigate, but looks like it’s a bug in web view engine. It doesn’t redraw even non 3d content.

Will investigate and get back to you.

Meanwhile could you please send me a screenshot of the issue you found.

It looks like it works fine with a small number of visible elements, could you please send me your carousel initialization script, and your HTML? What is the resolution of your images? Could you please try to put some low resolution (for example 50×50) images just for testing? also please try to remove the images and live plank divs as an elements

Hi, currently I have “autorotation”: true and it’s working ok. However, is there a way to have the carousel stop the auto-rotation upon interaction. Right now it’s not allowing me to drag or mouse wheel. On first interaction > stop the autorotation. How would I go about that? Please let me know.

Thanks!

Hi,

Sure, you can do this. Just set autorotation to false on first interaction

Like this -

$('#container').on('mousedown scroll', function() { $('#container').theta_carousel({ autorotation:false }); }); Regards,

impossible televerser le zip sur wordpress

It looks like you purchased jQuery version, instead of WordPress plugin.

we have two versions of the carousel – one is jQuery that you can use on your regular web pages (the only dependency is jQuery), https://codecanyon.net/item/theta-carousel-3d/12815028 and WordPress version, you can use it on your WordPress site https://codecanyon.net/item/theta-carousel-3d/24977886

feel free to claim the refund, for the one that you bought, if you don’t need it. Or if you want I can just send you WP version, but it is cheaper than jQuery version.

Regards,

Hello. Please tell me how to enable the slide counter? http://joxi.ru/Dr8wxJaczk3oPA

Hello,

There is no such feature available out of the box. you can implement it using the carousel API (http://theta-carousel.com/api.html):

css selector $(’.your-carousel-container .theta-current-item’).length – to get number of items in the carousel

$(’.your-carousel-container ‘).theta_carousel(‘option’, ‘selectedIndex’); – to get the index of currently selected item

$('selector').theta_carousel('moveTo', INDEX); - to move to specific item

onchange event

$(‘selector’).on(‘change’, function(e, data){

});

to update your paging component

Regards,

HI, i buy the word-press Plugin, how make the link for my menu “NO” open a new windows?

Hi, it is not configurable. I will add this feature. New version will be available by the end of this week

Hi, version 1.5 of WP plugin, where this feature is implemented is now available

Hey, quick question, maybe ;-) I’m trying to delay autorotation, I’m wondering if you can help me out. I originally set autorotation to false, and then follow the original jQuery settings with another script that sets it to true like this: setTimeout( function() { jQuery('#container').delay(100000).theta_carousel({ autorotation: true }, 5000); });

it does update, and starts to rotate. although I get no delay, I’m wondering if you have any thoughts on how to go about doing this correctly, hoping to delay the start of rotation if possible. thanks, much++ great plugin+

Hey,

The first delay (with setTimeout) doesn’t work because of little mess with parentheses. Try to reformat the code and you’ll see it. https://ibb.co/NSNkxbB

The next one (delay(...)) is applicable only for “standard effects queue or with a custom queue”

https://api.jquery.com/delay/

If you like the carousel I would appreciate 5* review ;)

ah, yes, coding mishap++ 5* review done++ thanks much++

Thanks, nice review)) I’m flattered

Cool carousel … I purchased it for my site and unfortunately I have no idea how to get it installed. I’ve attempted to follow instructions but I’m not getting anywhere. Anyway is there any videos or other instructions that you have or that are out there that can make this easier for me?

Hi, Could you please see this video instructions http://theta-carousel.com/SupportFiles/Install.mp4

regards,

by
by
by
by
by
by