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

#   How to add custom javascript to content Module?

##

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

Less More

- Posts: 8
- Thank you received: 0
-
-

14 years 8 months ago [\#38619](#38619) by [CDCLarue](/forum/user/6005-cdclarue "View CDCLarue's Profile")  *[How to add custom javascript to content Module?](/forum/4-how-to/38619-how-to-add-custom-javascript-to-content-module#38619 "I want to have a module that displays only a few items with a button at the bottom that would allow the module to Expand/Collapse to show/hide the rest of the products. Are their any...")* was created by *[CDCLarue](/forum/user/6005-cdclarue "View CDCLarue's Profile")*

I want to have a module that displays only a few items with a button at the bottom that would allow the module to Expand/Collapse to show/hide the rest of the products. Are their any plugins/extensions that would allow you to do this? or is there some way i can add custom Javascript/css/html to the specific module? Basically I have a product showing in a position above "said module", "said module" is a display for many accessories to above product. My boss didn't care for the scrolling carousel effect, he wants a button that will expand/collapse the module, displaying only 3 or so accessories when collapsed &amp; "slides down to show the rest of them" (as he described). Help anyone??

I am using joomla 2.5 applying rockettheme template "Kinetic"

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzM4NjE5LWhvdy10by1hZGQtY3VzdG9tLWphdmFzY3JpcHQtdG8tY29udGVudC1tb2R1bGU/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) 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: 86323
- Thank you received: 14283
-
-

14 years 8 months ago [\#38754](#38754) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: How to add custom javascript to content Module?](/forum/4-how-to/38619-how-to-add-custom-javascript-to-content-module#38754 "I want to have a module that displays only a few items with a button at the bottom that would allow the module to Expand/Collapse to show/hide the rest of the products. Are their any...")*

I would indeed have suggested the slider system. Other than that, I don't know of such solutions.
You will have to edit the file "listing_div" of the product view via the menu Display-&gt;Views to add your JS/CSS/HTML to the listing of products in order to handle that.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzM4NjE5LWhvdy10by1hZGQtY3VzdG9tLWphdmFzY3JpcHQtdG8tY29udGVudC1tb2R1bGU/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation.

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

Less More

- Posts: 8
- Thank you received: 0
-
-

14 years 8 months ago [\#38859](#38859) by [CDCLarue](/forum/user/6005-cdclarue "View CDCLarue's Profile")  Replied by *[CDCLarue](/forum/user/6005-cdclarue "View CDCLarue's Profile")* on topic *[Re: How to add custom javascript to content Module?](/forum/4-how-to/38619-how-to-add-custom-javascript-to-content-module#38859 "I want to have a module that displays only a few items with a button at the bottom that would allow the module to Expand/Collapse to show/hide the rest of the products. Are their any...")*

Actually I got it all worked out. I used a custom HTML *advanced* module to define a custom div class, embed the link for the expand/collapse button, and embedded the hikashop module within that. Then I added my own JS library to my js folder and added the js link to the head of my html pages. Felt pretty good working it all out ![B)](/media/kunena/emoticons/9.png "B)")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzM4NjE5LWhvdy10by1hZGQtY3VzdG9tLWphdmFzY3JpcHQtdG8tY29udGVudC1tb2R1bGU/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) 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.045 seconds

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