Responsive thumbnails

  • Posts: 303
  • Thank you received: 18
7 years 9 months ago #274802

-- HikaShop version -- : 2.6.4
-- Joomla version -- : 3.6.3
-- PHP version -- : 5.6

Is there an easy way to make the thumbnails convert to a carousel type display on mobile/tablet version? For example, if i have 4 images on a page: www.mojooutdoors.com/index.php/spinning-...ys/mojo-king-mallard

One image is the main and 3 thumbnails below. Is there an easy way to make these condense into a carousel type display on mobile/tablet display? Similar to what Samsung has done on their website: www.samsung.com/us/computing/memory-stor...i-1tb-mz-75e1t0b-am/

Maybe an additional plugin or some hika magic?

Please Log in or Create an account to join the conversation.

  • Posts: 4820
  • Thank you received: 654
  • MODERATOR
7 years 9 months ago #274823

Hello,

I see 2 solutions in order to get what you need :
1°) Maybe you can find a plugin that will able you to have a carroussel in responsive condition.

2°) Or create an override view with Html AND add some Css command in order to create a custom frontend css file.
Here , a tutorial to manage HikaShop override
And see this tutorial to see how to add Css command.
Here , an example of an only Html & Php carroussel

The point is to add some html element in order to have your carroussel, and only display it (via css command) when your view will be display in some device condition (see @media ) AND don't display classic image view in the same condition.
It's a possible solution that will be easy if you have good html,css & php knowledge.

Hope this will help you to go forward.

Regards

Last edit: 7 years 9 months ago by Philip.

Please Log in or Create an account to join the conversation.

  • Posts: 303
  • Thank you received: 18
7 years 9 months ago #276119

Thanks for the advice. However, i forgot that bootstrap has an easy utility to apply this effect. I just made it only display on mobile/tablet and normal display hidden on mobile/tablet.

Please Log in or Create an account to join the conversation.

Time to create page: 0.056 seconds
Powered by Kunena Forum