Skip to main content

Responsive thumbnails

More
9 years 2 months ago #274802 by mojooutdoors-holden
-- 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.

More
9 years 2 months ago - 9 years 2 months ago #274823 by Philip
Replied by Philip on topic Responsive thumbnails
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: 9 years 2 months ago by Philip.

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

More
9 years 1 month ago #276119 by mojooutdoors-holden
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.175 seconds
Powered by Kunena Forum