- Posts: 8
- Thank you received: 0
Carousel Mobile
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.
-- 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.
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
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.
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.
Thank You.
Please Log in or Create an account to join the conversation.
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
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.
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.
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.
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:
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.
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