- Posts: 303
- Thank you received: 18
Responsive thumbnails
- mojooutdoors-holden
-
Topic Author
- Offline
Less
More
9 years 2 months ago #274802
by mojooutdoors-holden
Responsive thumbnails was created 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?
-- 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.
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
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.
- mojooutdoors-holden
-
Topic Author
- Offline
Less
More
- Posts: 303
- Thank you received: 18
9 years 1 month ago #276119
by mojooutdoors-holden
Replied by mojooutdoors-holden on topic Responsive thumbnails
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.215 seconds