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

#   Carousel breaking layout

##

- **[oloccina](/forum/user/23273-oloccina "View oloccina's Profile")**
- [![oloccina's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar23273.jpg)](/forum/user/23273-oloccina "View oloccina's Profile") Topic Author
- [ Offline](/forum/user/23273-oloccina)

Less More

- Posts: 224
- Thank you received: 8
-
-

8 years 5 months ago [\#293390](#293390) by [oloccina](/forum/user/23273-oloccina "View oloccina's Profile")  *[Carousel breaking layout](/forum/25-install-update/894871-carousel-breaking-layout#293390 "-- HikaShop version -- : 3.4.0 -- Joomla version -- : 3.8.8 -- PHP version -- : 5.6.36 -- Browser(s) name and version -- : Chrome 66.0.3359.181  Hello, I have created a new module position in product /show.php to insert the related products module before the reviews. I have also set the module to show as a carousel. At first it was working just fine but then it started breaking the layout (basically showing the whole row of products, slides with 3 products each are not working anymore).  I narrowed the issue down to the product /show.php file, it's not a css issue as when I disable my custom css it is not solved, it's definitely something in that file, but the only thing I did was adding this line of code  at line 102, just before the votes form opening tag  If I delete my customization and load the module below the comments using hikashop default setting in the configurations panel, everything is fine. The issue just happens as soon as I activate my custom view. Also, if I disable the &quot;carousel&quot; feature the related products shows just fine even with my custom file activated.  I also compared the original show.php with my customized one, but the only difference is that line of code.  I attach what I see when inspecting the cose and this module configs.  Thank you!")* was created by *[oloccina](/forum/user/23273-oloccina "View oloccina's Profile")*

-- HikaShop version -- : 3.4.0
-- Joomla version -- : 3.8.8
-- PHP version -- : 5.6.36
-- Browser(s) name and version -- : Chrome 66.0.3359.181

Hello,
I have created a new module position in product /show.php to insert the related products module before the reviews.
I have also set the module to show as a carousel. At first it was working just fine but then it started breaking the layout (basically showing the whole row of products, slides with 3 products each are not working anymore).

I narrowed the issue down to the product /show.php file, it's not a css issue as when I disable my custom css it is not solved, it's definitely something in that file, but the only thing I did was adding this line of code Code:

&lt;div&gt; &lt;jdoc:include type="modules" name="hika-related-products" style="xhtml"/&gt; &lt;/div&gt;

at line 102, just before the votes form opening tag Code:

&lt;form action="&lt;?php echo hikashop_currentURL() ?&gt;" method="post" name="adminForm_hikashop_comment_form" id="hikashop_comment_form"&gt;

If I delete my customization and load the module below the comments using hikashop default setting in the configurations panel, everything is fine. The issue just happens as soon as I activate my custom view.
Also, if I disable the "carousel" feature the related products shows just fine even with my custom file activated.

I also compared the original show.php with my customized one, but the only difference is that line of code.

I attach what I see when inspecting the cose and this module configs.

Thank you!

- [ ![carousel&#95;console.png](/forum/attachment/43812) ](/forum/attachment/43812 "...el&#95;console.png") [ ](/forum/attachment/43812?download=1 "...el&#95;console.png")
- [ ![carousel-screen.jpg](/forum/attachment/43813) ](/forum/attachment/43813 "...sel-screen.jpg") [ ](/forum/attachment/43813?download=1 "...sel-screen.jpg")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg5NDg3MS1jYXJvdXNlbC1icmVha2luZy1sYXlvdXQ/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: 14276
-
-

8 years 5 months ago [\#293400](#293400) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Carousel breaking layout](/forum/25-install-update/894871-carousel-breaking-layout#293400 "-- HikaShop version -- : 3.4.0 -- Joomla version -- : 3.8.8 -- PHP version -- : 5.6.36 -- Browser(s) name and version -- : Chrome 66.0.3359.181  Hello, I have created a new module position in product /show.php to insert the related products module before the reviews. I have also set the module to show as a carousel. At first it was working just fine but then it started breaking the layout (basically showing the whole row of products, slides with 3 products each are not working anymore).  I narrowed the issue down to the product /show.php file, it's not a css issue as when I disable my custom css it is not solved, it's definitely something in that file, but the only thing I did was adding this line of code  at line 102, just before the votes form opening tag  If I delete my customization and load the module below the comments using hikashop default setting in the configurations panel, everything is fine. The issue just happens as soon as I activate my custom view. Also, if I disable the &quot;carousel&quot; feature the related products shows just fine even with my custom file activated.  I also compared the original show.php with my customized one, but the only difference is that line of code.  I attach what I see when inspecting the cose and this module configs.  Thank you!")*

Hi,

As far as I know, you've not possible to use jdoc:include tags anywhere outside templates. So I'm surprised it would even do anything.
In any case, you can't do it like that.
If you want to move the area where the modules you enabled in the "modules under the product page" setting are displayed, you want to move the code: Code:

&lt;div class="hikashop_submodules" id="hikashop_submodules" style="clear:both"&gt; &lt;?php if(!empty ($this-&gt;modules) &amp;&amp; is_array($this-&gt;modules)) { jimport('joomla.application.module.helper'); foreach($this-&gt;modules as $module) { echo JModuleHelper::renderModule($module); } } ?&gt; &lt;/div&gt;

which displays them.

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

- **[oloccina](/forum/user/23273-oloccina "View oloccina's Profile")**
- [![oloccina's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar23273.jpg)](/forum/user/23273-oloccina "View oloccina's Profile") Topic Author
- [ Offline](/forum/user/23273-oloccina)

Less More

- Posts: 224
- Thank you received: 8
-
-

8 years 5 months ago [\#293436](#293436) by [oloccina](/forum/user/23273-oloccina "View oloccina's Profile")  Replied by *[oloccina](/forum/user/23273-oloccina "View oloccina's Profile")* on topic *[Carousel breaking layout](/forum/25-install-update/894871-carousel-breaking-layout#293436 "-- HikaShop version -- : 3.4.0 -- Joomla version -- : 3.8.8 -- PHP version -- : 5.6.36 -- Browser(s) name and version -- : Chrome 66.0.3359.181  Hello, I have created a new module position in product /show.php to insert the related products module before the reviews. I have also set the module to show as a carousel. At first it was working just fine but then it started breaking the layout (basically showing the whole row of products, slides with 3 products each are not working anymore).  I narrowed the issue down to the product /show.php file, it's not a css issue as when I disable my custom css it is not solved, it's definitely something in that file, but the only thing I did was adding this line of code  at line 102, just before the votes form opening tag  If I delete my customization and load the module below the comments using hikashop default setting in the configurations panel, everything is fine. The issue just happens as soon as I activate my custom view. Also, if I disable the &quot;carousel&quot; feature the related products shows just fine even with my custom file activated.  I also compared the original show.php with my customized one, but the only difference is that line of code.  I attach what I see when inspecting the cose and this module configs.  Thank you!")*

> As far as I know, you've not possible to use jdoc:include tags anywhere outside templates. So I'm surprised it would even do anything.

Actually it works, it was just the carousel that was giving problems, but this morning is working just fine, I have no idea what the issue was but apparently it auto-resolved :blink:

The reason why I want a new module position there is to be able to publish more modules, Hikashop setting only allow to publish modules related to hikashop as far as I see so even if I move the code as you suggested I wouldn't be able to put there different modules.
Anyway all good now, thanks for the support!

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI1LWluc3RhbGwtdXBkYXRlLzg5NDg3MS1jYXJvdXNlbC1icmVha2luZy1sYXlvdXQ/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.075 seconds

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

[](#top)
