Skip to main content

Carousel Mobile

More
4 years 10 months ago #337391 by munobwa
Carousel Mobile was created by munobwa
-- HikaShop version -- : 4.2.3
-- Joomla version -- : 3.9.24
-- PHP version -- : 7.2

I want to add a clickable link "SEE ALL ITEMS" at the bottom of hikashop content module Carousel so that one can click the link and go to the products listing/categories listing to display items in the configured source category of the carousel. I am sure I need to edit code in the carousel.php file; DISPLAY-VIEWS-Carousel for products/categories basing on some parameters like menu and main category to create a clickable link. Please some guidance.

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

More
4 years 10 months ago #337394 by Philip
Replied by Philip on topic Carousel Mobile
Hello,

Before be able to answer you precisely, can you provide your carousel settings screenshot, please ?
This will allow us to better understand your context, and answer you more precisely.

Awaiting your element to progress.
Regards

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

More
4 years 10 months ago #337417 by munobwa
Replied by munobwa on topic Carousel Mobile
Please see attached screen shots. 1-3 in top to bottom order. Carousel is set to Auto.
Thank You.

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

More
4 years 10 months ago - 4 years 10 months ago #337434 by Philip
Replied by Philip on topic Carousel Mobile
Hello,

Thank you for your additional information, the best solution is to proceed to an override view from the product/carousel view.
Follow me step by step to learn how to process :
1. Have a look on this tutorial to learn how to create an override view.
2. Then create your button and your url link to redirect the user to your wanted item listing.
By example :
<a class="hikabtn hikacart" href="YourWebsite/product_listing_url">
<span>View all</span>
</a>

In order to use the regular css don't forget to add the class as on my example in red, hikabtn hikacart

And you must insert it at the end of your view.
Hope this will help you to achieved what you need.

Regards
Last edit: 4 years 10 months ago by Philip.

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

More
4 years 10 months ago #337464 by munobwa
Replied by munobwa on topic Carousel Mobile
Yes that is coding the "View All" clickable link in the Products/Category Carousel view; it works but not a solution when you have multiple instances of the carousel module in the website because it will keep pasting the same link on different carousels.
This is what we need:
<a class="hikabtn hikacart" href="<?php CODE to get the selected menu option in hikashop content module for the products/category listing of the carousel and identify the corresponding menu URL and insert it here ?> ">
<span>View all</span>
</a>

MAY YOU PLEASE GUIDE US ON THE PROPER CODE TO INSERT THE LINK AS ABOVE?

That way each instance of the content module with carousel enabled will have the correct "View All Link". Its a good feature for smaller displays like smart phones and reduce website bounce rates.

Alternatively Hikashop should add a "View All Link" option in the carousel options to ease the process.

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

More
4 years 10 months ago - 4 years 10 months ago #337503 by nicolas
Replied by nicolas on topic Carousel Mobile
Hi,

The code should be something like that:
Code:
<?php JRoute::_('index.php?option=com_hikashop&view=product&layout=listing&Itemid='.$this->params->get('itemid')); ?>
Last edit: 4 years 10 months ago by nicolas.

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

More
4 years 8 months ago #338522 by munobwa
Replied by munobwa on topic Carousel Mobile
Thank You

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

Time to create page: 0.191 seconds
Powered by Kunena Forum