[Skip to main content](#vessel-content)

#   Carousel for mobiles

##

- **[emperor69](/forum/user/58266-emperor69 "View emperor69's Profile")**
- [![emperor69's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/58266-emperor69 "View emperor69's Profile") Topic Author
- [ Offline](/forum/user/58266-emperor69)

Less More

- Posts: 16
- Thank you received: 1
-
-

7 years 6 months ago [\#306097](#306097) by [emperor69](/forum/user/58266-emperor69 "View emperor69's Profile")  *[Carousel for mobiles](/forum/43-carousel-slider/897377-carousel-for-mobiles#306097 "-- url of the page with the problem -- : atalmataltoys.com -- HikaShop version -- : 3.3.0  hi is there any options to set the Carousel effect for mobile screen? i mean the user could pass through products by his finger (touch products)??")* was created by *[emperor69](/forum/user/58266-emperor69 "View emperor69's Profile")*

-- url of the page with the problem -- : atalmataltoys.com
-- HikaShop version -- : 3.3.0

hi
is there any options to set the Carousel effect for mobile screen? i mean the user could pass through products by his finger (touch products)??

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQzLWNhcm91c2VsLXNsaWRlci84OTczNzctY2Fyb3VzZWwtZm9yLW1vYmlsZXM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86555
- Thank you received: 14304
-
-

7 years 6 months ago [\#306100](#306100) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Carousel for mobiles](/forum/43-carousel-slider/897377-carousel-for-mobiles#306100 "-- url of the page with the problem -- : atalmataltoys.com -- HikaShop version -- : 3.3.0  hi is there any options to set the Carousel effect for mobile screen? i mean the user could pass through products by his finger (touch products)??")*

Hi,

If you have the "carousel legacy" setting turned off in the HikaShop configuration, you're using the owl carousel library of HikaShop 3.2+. This carousel library support the "swipe" feature of smartphones:
[ owlcarousel2.github.io/OwlCarousel2/](https://owlcarousel2.github.io/OwlCarousel2/)
I actually just tested it on a local test website with the latest version of HikaShop and it works great.
Looking at your website, it seems that you have the old carousel system so I suppose that you have that "carousel legacy" setting turned on.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQzLWNhcm91c2VsLXNsaWRlci84OTczNzctY2Fyb3VzZWwtZm9yLW1vYmlsZXM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[emperor69](/forum/user/58266-emperor69 "View emperor69's Profile")**
- [![emperor69's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/58266-emperor69 "View emperor69's Profile") Topic Author
- [ Offline](/forum/user/58266-emperor69)

Less More

- Posts: 16
- Thank you received: 1
-
-

7 years 6 months ago [\#306145](#306145) by [emperor69](/forum/user/58266-emperor69 "View emperor69's Profile")  Replied by *[emperor69](/forum/user/58266-emperor69 "View emperor69's Profile")* on topic *[Carousel for mobiles](/forum/43-carousel-slider/897377-carousel-for-mobiles#306145 "-- url of the page with the problem -- : atalmataltoys.com -- HikaShop version -- : 3.3.0  hi is there any options to set the Carousel effect for mobile screen? i mean the user could pass through products by his finger (touch products)??")*

i turned on the "carousel legacy" setting and there is no change.
[ ![Capture.JPG](/forum/attachment/46717) ](/forum/attachment/46717 "Capture.JPG")

- [ ![Capture.JPG](/forum/attachment/46717) ](/forum/attachment/46717 "Capture.JPG") [ ](/forum/attachment/46717?download=1 "Capture.JPG")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQzLWNhcm91c2VsLXNsaWRlci84OTczNzctY2Fyb3VzZWwtZm9yLW1vYmlsZXM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86555
- Thank you received: 14304
-
-

7 years 6 months ago [\#306147](#306147) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Carousel for mobiles](/forum/43-carousel-slider/897377-carousel-for-mobiles#306147 "-- url of the page with the problem -- : atalmataltoys.com -- HikaShop version -- : 3.3.0  hi is there any options to set the Carousel effect for mobile screen? i mean the user could pass through products by his finger (touch products)??")*

Hi,

Maybe I wasn't clear in my previous message but you need to turn off that setting, not on.
If it was already off, then you have a view override of the product / carousel.php view file that you want to delete via the menu Display&gt;Views on top of having that carousel legacy setting turned off so that you can use the new carousel system.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQzLWNhcm91c2VsLXNsaWRlci84OTczNzctY2Fyb3VzZWwtZm9yLW1vYmlsZXM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[emperor69](/forum/user/58266-emperor69 "View emperor69's Profile")**
- [![emperor69's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/58266-emperor69 "View emperor69's Profile") Topic Author
- [ Offline](/forum/user/58266-emperor69)

Less More

- Posts: 16
- Thank you received: 1
-
-

7 years 6 months ago [\#306188](#306188) by [emperor69](/forum/user/58266-emperor69 "View emperor69's Profile")  Replied by *[emperor69](/forum/user/58266-emperor69 "View emperor69's Profile")* on topic *[Carousel for mobiles](/forum/43-carousel-slider/897377-carousel-for-mobiles#306188 "-- url of the page with the problem -- : atalmataltoys.com -- HikaShop version -- : 3.3.0  hi is there any options to set the Carousel effect for mobile screen? i mean the user could pass through products by his finger (touch products)??")*

so nice!
thanks a lot for helping ![:)](/media/kunena/emoticons/3.png ":)")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQzLWNhcm91c2VsLXNsaWRlci84OTczNzctY2Fyb3VzZWwtZm9yLW1vYmlsZXM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[emperor69](/forum/user/58266-emperor69 "View emperor69's Profile")**
- [![emperor69's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/58266-emperor69 "View emperor69's Profile") Topic Author
- [ Offline](/forum/user/58266-emperor69)

Less More

- Posts: 16
- Thank you received: 1
-
-

7 years 6 months ago -  7 years 6 months ago [\#306191](#306191) by [emperor69](/forum/user/58266-emperor69 "View emperor69's Profile")  Replied by *[emperor69](/forum/user/58266-emperor69 "View emperor69's Profile")* on topic *[Carousel for mobiles](/forum/43-carousel-slider/897377-carousel-for-mobiles#306191 "-- url of the page with the problem -- : atalmataltoys.com -- HikaShop version -- : 3.3.0  hi is there any options to set the Carousel effect for mobile screen? i mean the user could pass through products by his finger (touch products)??")*

one more question,
where is the carousel template file?
i want to change position of navigation buttons. (next-prev)
i cant see any related code in those files you mentioned.

Last edit: 7 years 6 months ago by [emperor69](/forum/user/58266-emperor69 "View emperor69's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQzLWNhcm91c2VsLXNsaWRlci84OTczNzctY2Fyb3VzZWwtZm9yLW1vYmlsZXM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86555
- Thank you received: 14304
-
-

7 years 6 months ago [\#306193](#306193) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Carousel for mobiles](/forum/43-carousel-slider/897377-carousel-for-mobiles#306193 "-- url of the page with the problem -- : atalmataltoys.com -- HikaShop version -- : 3.3.0  hi is there any options to set the Carousel effect for mobile screen? i mean the user could pass through products by his finger (touch products)??")*

Hi,

The carousel display of HikaShop uses the owl carousel library to generate the carousel. So in the product / carousel.php view file, all you have is the parameters generated and then sent to that owl carousel library so that it can generate the carousel. And that includes the next/previous buttons.
If you can, I would recommend to use CSS only to change these buttons. If you want to change their HTML, you have two solutions:
- you can turn off the display of these buttons in the settings of the carousel, and instead modify the product / carousel.php file to add your own buttons instead. Here is a page which talks about doing that:
[ github.com/OwlCarousel2/OwlCarousel2/issues/2120](https://github.com/OwlCarousel2/OwlCarousel2/issues/2120)
If you're a developer it should be no problem and that would be the best solution if CSS only is not enough.
- you can directly modify the media/com_hikashop/js/owl.carousel.min.js file where the next/previous buttons are generated. However I don't recommend that as the code there is minified and you would loose your changes after each update of HikaShop.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQzLWNhcm91c2VsLXNsaWRlci84OTczNzctY2Fyb3VzZWwtZm9yLW1vYmlsZXM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

Board Categories HikaShop Install &amp; Update Product &amp; Category Display Content Creation Sales and Orders Orders management Reports &amp; Statistics Customers Checkout Payment Methods Shipping Methods Import &amp; Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel &amp; Slider Mass Actions Filters &amp; Search Discount &amp; Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to?

[](/forum/topics/feed/mode-topics?format=feed&type=rss)

Time to create page: 0.065 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)
