[Skip to main content](#vessel-content) # Change Shadowbox Media Viewer ## - **[Designjunkie](/forum/user/38825-designjunkie "View Designjunkie's Profile")** - [![Designjunkie's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/38825-designjunkie "View Designjunkie's Profile") Topic Author - [ Offline](/forum/user/38825-designjunkie) Less More - Posts: 5 - Thank you received: 0 - - 8 years 10 months ago [\#284433](#284433) by [Designjunkie](/forum/user/38825-designjunkie "View Designjunkie's Profile") *[Change Shadowbox Media Viewer](/forum/26-product-category-display/893185-change-shadowbox-media-viewer#284433 "-- url of the page with the problem -- : www.capicua.be -- HikaShop version -- : 3.2.1 -- Joomla version -- : 3.8.3 -- PHP version -- : 7.0.1 -- Browser(s) name and version -- : Safari Hi, Now the popup is the standard Shadowbox Media Viewer, with the controls below the picture on the right. Is it possible to change it so you can click on the right half to proceed to next image and on the left half to go to previous picture? It's not mobile friendly like it is now. Or where do I find the PHP, CSS files to change it? :)")* was created by *[Designjunkie](/forum/user/38825-designjunkie "View Designjunkie's Profile")* -- url of the page with the problem -- : [ www.capicua.be](http://www.capicua.be) -- HikaShop version -- : 3.2.1 -- Joomla version -- : 3.8.3 -- PHP version -- : 7.0.1 -- Browser(s) name and version -- : Safari Hi, Now the popup is the standard Shadowbox Media Viewer, with the controls below the picture on the right. Is it possible to change it so you can click on the right half to proceed to next image and on the left half to go to previous picture? It's not mobile friendly like it is now. Or where do I find the PHP, CSS files to change it? ![:)](/media/kunena/emoticons/3.png ":)") - [ ![ScreenShot2017-12-13at20.20.40.png](/forum/attachment/41829) ](/forum/attachment/41829 "...at20.20.40.png") [ ](/forum/attachment/41829?download=1 "...at20.20.40.png") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTMxODUtY2hhbmdlLXNoYWRvd2JveC1tZWRpYS12aWV3ZXI/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") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86324 - Thank you received: 14285 - - 8 years 10 months ago [\#284442](#284442) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Change Shadowbox Media Viewer](/forum/26-product-category-display/893185-change-shadowbox-media-viewer#284442 "-- url of the page with the problem -- : www.capicua.be -- HikaShop version -- : 3.2.1 -- Joomla version -- : 3.8.3 -- PHP version -- : 7.0.1 -- Browser(s) name and version -- : Safari Hi, Now the popup is the standard Shadowbox Media Viewer, with the controls below the picture on the right. Is it possible to change it so you can click on the right half to proceed to next image and on the left half to go to previous picture? It's not mobile friendly like it is now. Or where do I find the PHP, CSS files to change it? :)")* Hi, Shadowbox doesn't use any PHP. All is done with a javascript and a CSS file. If you use the "shadowbox (external)" in the HikaShop configuration, then the CSS and javascript files come from our CDN server. If you use the "shadowbox (embedded)", the it's up to you (your template) to load these files on the pages. So copy the files [ cdn.hikashop.com/shadowbox/shadowbox.css](https://cdn.hikashop.com/shadowbox/shadowbox.css) and [ cdn.hikashop.com/shadowbox/shadowbox.js](https://cdn.hikashop.com/shadowbox/shadowbox.js) to your template and add them in the index.php of your template and then customize them any way you want. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTMxODUtY2hhbmdlLXNoYWRvd2JveC1tZWRpYS12aWV3ZXI/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation. - **[Designjunkie](/forum/user/38825-designjunkie "View Designjunkie's Profile")** - [![Designjunkie's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/38825-designjunkie "View Designjunkie's Profile") Topic Author - [ Offline](/forum/user/38825-designjunkie) Less More - Posts: 5 - Thank you received: 0 - - 8 years 9 months ago [\#286094](#286094) by [Designjunkie](/forum/user/38825-designjunkie "View Designjunkie's Profile") Replied by *[Designjunkie](/forum/user/38825-designjunkie "View Designjunkie's Profile")* on topic *[Change Shadowbox Media Viewer](/forum/26-product-category-display/893185-change-shadowbox-media-viewer#286094 "-- url of the page with the problem -- : www.capicua.be -- HikaShop version -- : 3.2.1 -- Joomla version -- : 3.8.3 -- PHP version -- : 7.0.1 -- Browser(s) name and version -- : Safari Hi, Now the popup is the standard Shadowbox Media Viewer, with the controls below the picture on the right. Is it possible to change it so you can click on the right half to proceed to next image and on the left half to go to previous picture? It's not mobile friendly like it is now. Or where do I find the PHP, CSS files to change it? :)")* Ok, thanks, but I don't understand a thing from that .js file ![:/](/irritated.gif ":/") Is it not possible to just have a regular image popup, where you can click on the left side of the picture to go to previous and when you click on right side, it goes to the next image? Just plain and simple like here: [ www.bjlnostalgie.be/index.php/component/...nd-in-de-sneeuw-1992](http://www.bjlnostalgie.be/index.php/component/content/article/82-algemeen/258-bobbejaanland-in-de-sneeuw-1992) Had a lot of complaints already that visitors don't like fiddling with the little controls underneath the image popup... Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTMxODUtY2hhbmdlLXNoYWRvd2JveC1tZWRpYS12aWV3ZXI/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") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86324 - Thank you received: 14285 - - 8 years 9 months ago [\#286096](#286096) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Change Shadowbox Media Viewer](/forum/26-product-category-display/893185-change-shadowbox-media-viewer#286096 "-- url of the page with the problem -- : www.capicua.be -- HikaShop version -- : 3.2.1 -- Joomla version -- : 3.8.3 -- PHP version -- : 7.0.1 -- Browser(s) name and version -- : Safari Hi, Now the popup is the standard Shadowbox Media Viewer, with the controls below the picture on the right. Is it possible to change it so you can click on the right half to proceed to next image and on the left half to go to previous picture? It's not mobile friendly like it is now. Or where do I find the PHP, CSS files to change it? :)")* Hi, It is possible. You can either modify the CSS file of shadowbox like I explained above or you can implement a new popup gallery system different from shadowbox. Obsidev actually developed plugins for several of them here: [ www.hikashop.com/marketplace/product/117...pups-by-obsidev.html](https://www.hikashop.com/marketplace/product/117-integration-imagepopups-by-obsidev.html) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTMxODUtY2hhbmdlLXNoYWRvd2JveC1tZWRpYS12aWV3ZXI/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) 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.084 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)