VISIT AND LIKE OUR PAGE ON FACEBOOK
TAKE A LOOK AT OUR TWEETS ON TWITTER
SUBSCRIBE TO THE JOOMFREAK RSS FEED
VISIT OUR CHANNEL ON YOUTUBE

Account Details

Change your name, email, password or permanently delete your account. Change settings

We offer several ways you can get support from our experts: Support ForumKnowledgebaseNewsletter

Your Forum Posts

No posts to display.

Welcome, Guest
Username Password: Remember me

Custom fields owl carousel too wide in mobile view
(1 viewing) (1) Guest
  • Page:
  • 1

TOPIC: Custom fields owl carousel too wide in mobile view

Custom fields owl carousel too wide in mobile view 19 Apr 2020 13:47 #12268

Hello,

Please help with the following issue:
when in mobile view (or narrow window), the addtocart position for custom fields has a width issue.
On PC in normal size window everything is fine. But when in mobile view, width of owl wrapper becomes much more then necessary (1000+) and the controls of owl-carousel appears. It can be scrolled also. Is it possible to correct calculation method of owl-carousel wrapper or turn it off for this position or for custom fields?
If I add custom buttons, they end up next to each other instead of below each other.
Thanks

Best,
Sándor
Attachments:
  • Attachment This image is hidden for guests. Please log in or register to see it.

  • Posts:14
  • p00h
  • Fresh Boarder
  • OFFLINE
  • Karma: 0

Re: Custom fields owl carousel too wide in mobile view 20 Apr 2020 03:10 #12269

Hello,
Try to edit file templates/jf_krom/scripts/js/template.js, at line 102 modify to:
 
$(".product-related-products .product-fields-slider").owlCarousel({
items: 4,
itemsDesktop: [1024, 4],
itemsDesktopSmall: [900, 3],
itemsTablet: [600, 2],
itemsMobile: [320, 1],
navigation: !0,
navigationText: ['<i class="fa fa-angle-left"></i>', '<i class="fa fa-angle-right"></i>'],
slideSpeed: 500,
pagination: !1
});
 


joomfreak

  • Posts:2893
  • isupport
  • Moderator
  • OFFLINE
  • Karma: 0

Re: Custom fields owl carousel too wide in mobile view 20 Apr 2020 12:52 #12274


  • Posts:14
  • p00h
  • Fresh Boarder
  • OFFLINE
  • Karma: 0

Re: Custom fields owl carousel too wide in mobile view 22 Apr 2020 02:23 #12281

I see you didn't modify file templates/jf_krom/scripts/js/template.js.

joomfreak

  • Posts:2893
  • isupport
  • Moderator
  • OFFLINE
  • Karma: 0
  • Page:
  • 1
Time to create page: 1.02 seconds
Friday 18 September 2020

joomfreak is not affiliated with or endorsed by the Joomla Project or Open Source Matters.
The Joomla logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.