[Skip to main content](#vessel-content) # Error when using carousel with thumbnails ## - **[Osman](/forum/user/61616-osman "View Osman's Profile")** - [![Osman's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/61616-osman "View Osman's Profile") Topic Author - [ Offline](/forum/user/61616-osman) Less More - Posts: 2 - Thank you received: 0 - - 4 years 7 months ago [\#340076](#340076) by [Osman](/forum/user/61616-osman "View Osman's Profile") *[Error when using carousel with thumbnails](/forum/43-carousel-slider/904109-error-when-using-carousel-with-thumbnails#340076 "-- url of the page with the problem -- : http://10.8.3.109:8023/index.php/tr/shop/product/fujitsu-b19-7-led-48-3cm-1280x1024-8ms-vga-dvi-gr/category_pathway-12 -- HikaShop version -- : 4.5.0 -- Joomla version -- : 4.1.0 -- PHP version -- : 8.0.14 -- Browser(s) name and version -- : Firefox 98.0 -- Error-message(debug-mod must be tuned on) -- : Please see screenshots The carousel slider does not look good when used with thumbnail pagination. I have analyzed it a little bit and my guess is, that that Hikashop injects class="lazyloaded" at the end of the image tag, but the image tag is not a normal html tag, but a property within the data-dot-tag. carousel.php line 149 is correct, since it finishes the tag correctly: $data = 'data-dot="url.'\' />"'; BUT another command is injecting class="lazyloaded" into this tag, but does not take into account that this tag is not a real image tag. If I remove the closing tag and write the command like this.... $data = 'data-dot="url.'\' "'; ...it does not inject anything (because it cannot find the closing tag), but the data-dot-property is wrong (the image tag is not closed). For these reasons it looks like a programming error. The script/command which injects the class="lazyloaded" should either ignore image tags within other attributes or inject it taking this issue into account.")* was created by *[Osman](/forum/user/61616-osman "View Osman's Profile")* -- url of the page with the problem -- : http://10.8.3.109:8023/index.php/tr/shop/product/fujitsu-b19-7-led-48-3cm-1280x1024-8ms-vga-dvi-gr/category_pathway-12 -- HikaShop version -- : 4.5.0 -- Joomla version -- : 4.1.0 -- PHP version -- : 8.0.14 -- Browser(s) name and version -- : Firefox 98.0 -- Error-message(debug-mod must be tuned on) -- : Please see screenshots The carousel slider does not look good when used with thumbnail pagination. I have analyzed it a little bit and my guess is, that that Hikashop injects class="lazyloaded" at the end of the image tag, but the image tag is not a normal html tag, but a property within the data-dot-tag. carousel.php line 149 is correct, since it finishes the tag correctly: $data = 'data-dot="<img title=\''.$this->escape(@$this->row->file_description).'\' alt=\''.$this->escape(@$this->row->file_name).'\' src=\''.$img->url.'\' />"'; BUT another command is injecting class="lazyloaded" into this tag, but does not take into account that this tag is not a real image tag. If I remove the closing tag and write the command like this.... $data = 'data-dot="<img title=\''.$this->escape(@$this->row->file_description).'\' alt=\''.$this->escape(@$this->row->file_name).'\' src=\''.$img->url.'\' "'; ...it does not inject anything (because it cannot find the closing tag), but the data-dot-property is wrong (the image tag is not closed). For these reasons it looks like a programming error. The script/command which injects the class="lazyloaded" should either ignore image tags within other attributes or inject it taking this issue into account. - [ ![CarouselOptions.PNG](/forum/attachment/54514) ](/forum/attachment/54514 "...selOptions.PNG") [ ](/forum/attachment/54514?download=1 "...selOptions.PNG") - [ ![Hikashopinjectslazyloadclass.PNG](/forum/attachment/54515) ](/forum/attachment/54515 "...yloadclass.PNG") [ ](/forum/attachment/54515?download=1 "...yloadclass.PNG") - [ ![ErrorwhenusingCarouselwithThumbnails.PNG](/forum/attachment/54516) ](/forum/attachment/54516 "...Thumbnails.PNG") [ ](/forum/attachment/54516?download=1 "...Thumbnails.PNG") - [ ![Imagetagwithindata-dot-propertynotclosed.PNG](/forum/attachment/54517) ](/forum/attachment/54517 "...ynotclosed.PNG") [ ](/forum/attachment/54517?download=1 "...ynotclosed.PNG") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQzLWNhcm91c2VsLXNsaWRlci85MDQxMDktZXJyb3Itd2hlbi11c2luZy1jYXJvdXNlbC13aXRoLXRodW1ibmFpbHM/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") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86320 - Thank you received: 14279 - - 4 years 7 months ago [\#340090](#340090) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Error when using carousel with thumbnails](/forum/43-carousel-slider/904109-error-when-using-carousel-with-thumbnails#340090 "-- url of the page with the problem -- : http://10.8.3.109:8023/index.php/tr/shop/product/fujitsu-b19-7-led-48-3cm-1280x1024-8ms-vga-dvi-gr/category_pathway-12 -- HikaShop version -- : 4.5.0 -- Joomla version -- : 4.1.0 -- PHP version -- : 8.0.14 -- Browser(s) name and version -- : Firefox 98.0 -- Error-message(debug-mod must be tuned on) -- : Please see screenshots The carousel slider does not look good when used with thumbnail pagination. I have analyzed it a little bit and my guess is, that that Hikashop injects class="lazyloaded" at the end of the image tag, but the image tag is not a normal html tag, but a property within the data-dot-tag. carousel.php line 149 is correct, since it finishes the tag correctly: $data = 'data-dot="url.'\' />"'; BUT another command is injecting class="lazyloaded" into this tag, but does not take into account that this tag is not a real image tag. If I remove the closing tag and write the command like this.... $data = 'data-dot="url.'\' "'; ...it does not inject anything (because it cannot find the closing tag), but the data-dot-property is wrong (the image tag is not closed). For these reasons it looks like a programming error. The script/command which injects the class="lazyloaded" should either ignore image tags within other attributes or inject it taking this issue into account.")* Hi, I agree with you on all but one thing. The lazyload thing is not something we have in HikaShop or any extension we provide. That's something added by the template or a third party extension you're using. So unfortunately, there is nothing we can do to prevent that on our end. You should report the issue to the extension/template adding that lazyload capability to your website and until they fix the code, disable that capability. The following user(s) said Thank You: [Osman](/forum/user/61616-osman "View Osman's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQzLWNhcm91c2VsLXNsaWRlci85MDQxMDktZXJyb3Itd2hlbi11c2luZy1jYXJvdXNlbC13aXRoLXRodW1ibmFpbHM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Osman](/forum/user/61616-osman "View Osman's Profile")** - [![Osman's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/61616-osman "View Osman's Profile") Topic Author - [ Offline](/forum/user/61616-osman) Less More - Posts: 2 - Thank you received: 0 - - 4 years 7 months ago [\#340091](#340091) by [Osman](/forum/user/61616-osman "View Osman's Profile") Replied by *[Osman](/forum/user/61616-osman "View Osman's Profile")* on topic *[Error when using carousel with thumbnails](/forum/43-carousel-slider/904109-error-when-using-carousel-with-thumbnails#340091 "-- url of the page with the problem -- : http://10.8.3.109:8023/index.php/tr/shop/product/fujitsu-b19-7-led-48-3cm-1280x1024-8ms-vga-dvi-gr/category_pathway-12 -- HikaShop version -- : 4.5.0 -- Joomla version -- : 4.1.0 -- PHP version -- : 8.0.14 -- Browser(s) name and version -- : Firefox 98.0 -- Error-message(debug-mod must be tuned on) -- : Please see screenshots The carousel slider does not look good when used with thumbnail pagination. I have analyzed it a little bit and my guess is, that that Hikashop injects class="lazyloaded" at the end of the image tag, but the image tag is not a normal html tag, but a property within the data-dot-tag. carousel.php line 149 is correct, since it finishes the tag correctly: $data = 'data-dot="url.'\' />"'; BUT another command is injecting class="lazyloaded" into this tag, but does not take into account that this tag is not a real image tag. If I remove the closing tag and write the command like this.... $data = 'data-dot="url.'\' "'; ...it does not inject anything (because it cannot find the closing tag), but the data-dot-property is wrong (the image tag is not closed). For these reasons it looks like a programming error. The script/command which injects the class="lazyloaded" should either ignore image tags within other attributes or inject it taking this issue into account.")* Thanks a lot. You were right. It was really the template which distorted the image tag. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQzLWNhcm91c2VsLXNsaWRlci85MDQxMDktZXJyb3Itd2hlbi11c2luZy1jYXJvdXNlbC13aXRoLXRodW1ibmFpbHM/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop Install & Update Product & Category Display Content Creation Sales and Orders Orders management Reports & Statistics Customers Checkout Payment Methods Shipping Methods Import & Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel & Slider Mass Actions Filters & Search Discount & 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.095 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)