[Skip to main content](#vessel-content) # Frontend Category Menu Display ## - **[manlui](/forum/user/40200-manlui "View manlui's Profile")** - [![manlui's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/40200-manlui "View manlui's Profile") Topic Author - [ Offline](/forum/user/40200-manlui) Less More - Posts: 6 - Thank you received: 0 - - 10 years 10 months ago [\#225603](#225603) by [manlui](/forum/user/40200-manlui "View manlui's Profile") *[Frontend Category Menu Display](/forum/26-product-category-display/881377-frontend-category-menu-display#225603 "-- HikaShop version -- : Business 2.6.0 -- Joomla version -- : 3.4.1 -- Error-message(debug-mod must be tuned on) -- : How can I change to "arrow" icon before the category list to other icon?? How can I change to "arrow" icon before the category list to other icon?? Thanks! :)")* was created by *[manlui](/forum/user/40200-manlui "View manlui's Profile")* -- HikaShop version -- : Business 2.6.0 -- Joomla version -- : 3.4.1 -- Error-message(debug-mod must be tuned on) -- : How can I change to "arrow" icon before the category list to other icon?? How can I change to "arrow" icon before the category list to other icon?? Thanks! ![:)](/media/kunena/emoticons/3.png ":)") - [ ![Capture.png](/forum/attachment/28717) ](/forum/attachment/28717 "Capture.png") [ ](/forum/attachment/28717?download=1 "Capture.png") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84ODEzNzctZnJvbnRlbmQtY2F0ZWdvcnktbWVudS1kaXNwbGF5P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Xavier](/forum/user/4105-xavier "View Xavier's Profile")** - [![Xavier's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4105.png)](/forum/user/4105-xavier "View Xavier's Profile") - [ Offline](/forum/user/4105-xavier) Less More - Posts: 13201 - Thank you received: 2322 - - - - [](http://www.kidiweb.fr) - 10 years 10 months ago [\#225604](#225604) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Frontend Category Menu Display](/forum/26-product-category-display/881377-frontend-category-menu-display#225604 "-- HikaShop version -- : Business 2.6.0 -- Joomla version -- : 3.4.1 -- Error-message(debug-mod must be tuned on) -- : How can I change to "arrow" icon before the category list to other icon?? How can I change to "arrow" icon before the category list to other icon?? Thanks! :)")* Hi, This looks like more a template issue than an HikaShop one ![;)](/media/kunena/emoticons/24.png ";)") Please read that tutorial to see how to change the css properties: [ www.hikashop.com/support/documentation/1...ize-the-display.html](http://www.hikashop.com/support/documentation/153-customize-the-display.html) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84ODEzNzctZnJvbnRlbmQtY2F0ZWdvcnktbWVudS1kaXNwbGF5P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[liontv](/forum/user/40184-liontv "View liontv's Profile")** - [![liontv's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/gallery/splatter_hand.png)](/forum/user/40184-liontv "View liontv's Profile") - [ Offline](/forum/user/40184-liontv) Less More - Posts: 25 - Thank you received: 1 - - - 10 years 10 months ago [\#225801](#225801) by [liontv](/forum/user/40184-liontv "View liontv's Profile") Replied by *[liontv](/forum/user/40184-liontv "View liontv's Profile")* on topic *[Frontend Category Menu Display](/forum/26-product-category-display/881377-frontend-category-menu-display#225801 "-- HikaShop version -- : Business 2.6.0 -- Joomla version -- : 3.4.1 -- Error-message(debug-mod must be tuned on) -- : How can I change to "arrow" icon before the category list to other icon?? How can I change to "arrow" icon before the category list to other icon?? Thanks! :)")* Hello people, I'm trying to adapt my hikashop of youtheme UIKit frameworks. The issue is that I have problems with the product screen category. I is being really difficult to locate the files in question I have reviewed the [ tutorial](http://www.hikashop.com/support/documentation/153-customize-the-display.html) but working those files, I see no result changes. [ capture](http://www.awesomescreenshot.com/image/887784/c9bd584b96cfbcd816fcc37e33908ade) My idea is to incorporate the style of my template -> [ capture template](http://www.awesomescreenshot.com/image/887864/580f95f7397d8f23809a7ee838613b39) [ url template](http://yootheme.com/demo/joomla/bento) and [ example ](http://getuikit.com/docs/overlay.html)frameworks overlay Could you give me some clue? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84ODEzNzctZnJvbnRlbmQtY2F0ZWdvcnktbWVudS1kaXNwbGF5P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[lousyfool](/forum/user/28604-lousyfool "View lousyfool's Profile")** - [![lousyfool's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar28604.jpg)](/forum/user/28604-lousyfool "View lousyfool's Profile") - [ Offline](/forum/user/28604-lousyfool) Less More - Posts: 2143 - Thank you received: 746 - - [](http://www.inphase.one) - 10 years 10 months ago - 10 years 10 months ago [\#225804](#225804) by [lousyfool](/forum/user/28604-lousyfool "View lousyfool's Profile") Replied by *[lousyfool](/forum/user/28604-lousyfool "View lousyfool's Profile")* on topic *[Frontend Category Menu Display](/forum/26-product-category-display/881377-frontend-category-menu-display#225804 "-- HikaShop version -- : Business 2.6.0 -- Joomla version -- : 3.4.1 -- Error-message(debug-mod must be tuned on) -- : How can I change to "arrow" icon before the category list to other icon?? How can I change to "arrow" icon before the category list to other icon?? Thanks! :)")* @liontv: For making HikaShop adapting a Yootheme template style, it will require you to do quite a bit of editing of the HikaShop frontend CSS, or not using the default CSS not at all but instead adding what's required to your template's custom CSS. Then, since YT templates come with most basic Bootstrap 2 classes, for basic responsive behaviour of HikaShop it's a good start to turn on Bootstrap in the template settings as well as in the HikaShop configuration. For further customization, like e.g. UIkit overlays and else, you'll indeed need to edit HikaShop views quite a bit as well. (...) --- Need help with customisations of layouts, style or other site development? [ PM me!](/component/uddeim/?task=new) (Don't forget to turn on [ "E-mail notification of new messages"](/component/uddeim/?task=settings)) Last edit: 10 years 10 months ago by [lousyfool](/forum/user/28604-lousyfool "View lousyfool's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84ODEzNzctZnJvbnRlbmQtY2F0ZWdvcnktbWVudS1kaXNwbGF5P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[liontv](/forum/user/40184-liontv "View liontv's Profile")** - [![liontv's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/gallery/splatter_hand.png)](/forum/user/40184-liontv "View liontv's Profile") - [ Offline](/forum/user/40184-liontv) Less More - Posts: 25 - Thank you received: 1 - - - 10 years 10 months ago [\#225805](#225805) by [liontv](/forum/user/40184-liontv "View liontv's Profile") Replied by *[liontv](/forum/user/40184-liontv "View liontv's Profile")* on topic *[Frontend Category Menu Display](/forum/26-product-category-display/881377-frontend-category-menu-display#225805 "-- HikaShop version -- : Business 2.6.0 -- Joomla version -- : 3.4.1 -- Error-message(debug-mod must be tuned on) -- : How can I change to "arrow" icon before the category list to other icon?? How can I change to "arrow" icon before the category list to other icon?? Thanks! :)")* Great truth is that UIKit frameworks is super fun to work. It is not very difficult to implement, but if you have to be careful is a sensitive issue. It would be better you to work on a template free yoot***e first and try to die trying as I am doing. Now I just need some clue a to create my own screen category, I have really wanted to implement my 100% template hikashop. By now I'm trying to write in the php files listing / category but does not work, nor in the listing of php / product. Really I do not understand how to work the part of category? and how to create my own Can you help me @Xavier Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84ODEzNzctZnJvbnRlbmQtY2F0ZWdvcnktbWVudS1kaXNwbGF5P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86555 - Thank you received: 14304 - - 10 years 10 months ago [\#225817](#225817) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Frontend Category Menu Display](/forum/26-product-category-display/881377-frontend-category-menu-display#225817 "-- HikaShop version -- : Business 2.6.0 -- Joomla version -- : 3.4.1 -- Error-message(debug-mod must be tuned on) -- : How can I change to "arrow" icon before the category list to other icon?? How can I change to "arrow" icon before the category list to other icon?? Thanks! :)")* Hi, Go in the menu Display>Views and edit the files for your template and it will work. If you don't see any change, it's either that you're not editing the correct files, or not editing the files for the correct template. For the files, in order to tell you which file you need to edit we would need to have a link to the page you're talking about and that you tell us what you want to change where Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84ODEzNzctZnJvbnRlbmQtY2F0ZWdvcnktbWVudS1kaXNwbGF5P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[liontv](/forum/user/40184-liontv "View liontv's Profile")** - [![liontv's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/gallery/splatter_hand.png)](/forum/user/40184-liontv "View liontv's Profile") - [ Offline](/forum/user/40184-liontv) Less More - Posts: 25 - Thank you received: 1 - - - 10 years 9 months ago - 10 years 9 months ago [\#227586](#227586) by [liontv](/forum/user/40184-liontv "View liontv's Profile") Replied by *[liontv](/forum/user/40184-liontv "View liontv's Profile")* on topic *[Frontend Category Menu Display](/forum/26-product-category-display/881377-frontend-category-menu-display#227586 "-- HikaShop version -- : Business 2.6.0 -- Joomla version -- : 3.4.1 -- Error-message(debug-mod must be tuned on) -- : How can I change to "arrow" icon before the category list to other icon?? How can I change to "arrow" icon before the category list to other icon?? Thanks! :)")* I need to convert this display category. listing_img_title.php Code: <div style="height:<?php echo $this->image->main_thumbnail_y;?>px;text-align:center;clear:both;" class="hikashop_category_image"> <a href="<?php echo $link;?>" title="<?php echo $this->escape($this->row->category_name); ?>"> <?php $image_options = array('default' => true,'forcesize'=>$this->config->get('image_force_size',true),'scale'=>$this->config->get('image_scale_mode','inside')); $img = $this->image->getThumbnail(@$this->row->file_path, array('width' => $this->image->main_thumbnail_x, 'height' => $this->image->main_thumbnail_y), $image_options); if(!empty($img) && $img->success) { echo '<img class="hikashop_product_listing_image" title="'.$this->escape(@$this->row->file_description).'" alt="'.$this->escape(@$this->row->file_name).'" src="'.$img->url.'"/>'; } ?> </a> </div> <?php } ?> <br/> <span class="hikashop_category_name"> <a href="<?php echo $link;?>"> <?php echo $this->row->category_name; if($this->params->get('number_of_products',0)){ echo ' ('.$this->row->number_of_products.')'; } ?> </a> </span> adapted to display my template. Code: <div class="uk-panel uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-fade" style="min-height: 359px;"> <figure class="uk-overlay uk-overlay-hover "> <img src="parejas2.jpg" class="uk-overlay-scale" alt="titleproduct" width="700" height="750"> <div class="uk-overlay-panel uk-overlay-background uk-overlay-fade"></div> <div class="uk-overlay-panel uk-overlay-fade uk-flex uk-flex-center uk-flex-middle uk-text-center"> <div> <h3 class="uk-h3 uk-margin-small">TITLE PRODUCT</h3> <div class="uk-margin-small"><div class="uk-text-center uk-contrast"><h2 class="preciopor">PRICE €</h2> <span>2 personas</span></div></div> <div class="uk-grid uk-grid-small uk-flex-center uk-margin" data-uk-grid-margin=""> <div><a class="uk-button uk-button-primary" href="URLPRODUCT">purchase</a></div> </div> </div> </div> </figure> </div> You can help me please Last edit: 10 years 9 months ago by [liontv](/forum/user/40184-liontv "View liontv's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84ODEzNzctZnJvbnRlbmQtY2F0ZWdvcnktbWVudS1kaXNwbGF5P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Jerome](/forum/user/80-jerome "View Jerome's Profile")** - [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile") - [ Offline](/forum/user/80-jerome) - HikaShop core developer Less More - Posts: 26400 - Thank you received: 4080 - - [](http://obsi.dev) - 10 years 9 months ago [\#227589](#227589) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Frontend Category Menu Display](/forum/26-product-category-display/881377-frontend-category-menu-display#227589 "-- HikaShop version -- : Business 2.6.0 -- Joomla version -- : 3.4.1 -- Error-message(debug-mod must be tuned on) -- : How can I change to "arrow" icon before the category list to other icon?? How can I change to "arrow" icon before the category list to other icon?? Thanks! :)")* Hi, I'm sorry, our support team do not provide such kind of customization support. We have a documentation in order to help on customization but your request is far beyond what our support can do. [ www.hikashop.com/support/support/documen...ize-the-display.html](https://www.hikashop.com/support/support/documentation/153-customize-the-display.html) Regards, --- Jerome - Obsidev.com HikaMarket & HikaSerial developer / HikaShop core dev team. The following user(s) said Thank You: [liontv](/forum/user/40184-liontv "View liontv's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84ODEzNzctZnJvbnRlbmQtY2F0ZWdvcnktbWVudS1kaXNwbGF5P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[liontv](/forum/user/40184-liontv "View liontv's Profile")** - [![liontv's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/gallery/splatter_hand.png)](/forum/user/40184-liontv "View liontv's Profile") - [ Offline](/forum/user/40184-liontv) Less More - Posts: 25 - Thank you received: 1 - - - 10 years 9 months ago [\#227870](#227870) by [liontv](/forum/user/40184-liontv "View liontv's Profile") Replied by *[liontv](/forum/user/40184-liontv "View liontv's Profile")* on topic *[Frontend Category Menu Display](/forum/26-product-category-display/881377-frontend-category-menu-display#227870 "-- HikaShop version -- : Business 2.6.0 -- Joomla version -- : 3.4.1 -- Error-message(debug-mod must be tuned on) -- : How can I change to "arrow" icon before the category list to other icon?? How can I change to "arrow" icon before the category list to other icon?? Thanks! :)")* I got it at the end. I leave here my solution if someone helps you in the future. Code: <!-- PRODUCT IMG --> <div style="height:<?php echo $this->image->main_thumbnail_y;?>px;text-align:center;clear:both;" class="r012345 uk-panel uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-fade"> <div style="position:relative;text-align:center;clear:both;width:<?php echo $this->image->main_thumbnail_x;?>px;margin: auto;" class="hikashop_product_image_subdiv uk-overlay uk-overlay-hover "> <?php if($this->params->get('link_to_product_page',1)){ ?> <a href="<?php echo $link;?>" title="<?php echo $this->escape($this->row->product_name); ?>"> <?php } $image_options = array('default' => true,'forcesize'=>$this->config->get('image_force_size',true),'scale'=>$this->config->get('image_scale_mode','inside')); $img = $this->image->getThumbnail(@$this->row->file_path, array('width' => $this->image->main_thumbnail_x, 'height' => $this->image->main_thumbnail_y), $image_options); if($img->success) { echo '<img class="class="uk-overlay-scale" title="'.$this->escape(@$this->row->file_description).'" alt="'.$this->escape(@$this->row->file_name).'" src="'.$img->url.'"/>'; } $main_thumb_x = $this->image->main_thumbnail_x; $main_thumb_y = $this->image->main_thumbnail_y; if($this->params->get('display_badges',1)){ $this->classbadge->placeBadges($this->image, $this->row->badges, -10, 0); } $this->image->main_thumbnail_x = $main_thumb_x; $this->image->main_thumbnail_y = $main_thumb_y; if($this->params->get('link_to_product_page',1)){ ?> </a> <?php } ?> <!-- EO PRODUCT IMG --> <?php } ?> <div class="uk-overlay-panel uk-overlay-background uk-overlay-fade"></div> <div class="r0123 uk-overlay-panel uk-overlay-fade"> <!-- PRODUCT NAME --> <div class="r01234"><span class="hikashop_product_name"> <?php if($this->params->get('link_to_product_page',1)){ ?> <a href="<?php echo $link;?>"> <?php } echo $this->row->product_name; if($this->params->get('link_to_product_page',1)){ ?> </a> <?php } ?> </span> <!-- EO PRODUCT NAME --> <!-- PRODUCT PRICE --> <?php if($this->params->get('show_price','-1')=='-1'){ $config =& hikashop_config(); $this->params->set('show_price',$config->get('show_price')); } if($this->params->get('show_price')){ $this->setLayout('listing_price'); echo $this->loadTemplate(); } ?></div></div></div></div> <!-- EO PRODUCT PRICE --> The following user(s) said Thank You: [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84ODEzNzctZnJvbnRlbmQtY2F0ZWdvcnktbWVudS1kaXNwbGF5P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop Install & Update Product & Category Display Content Creation Sales and Orders Orders management Reports & Statistics Customers Checkout Payment Methods Shipping Methods Import & Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel & Slider Mass Actions Filters & Search Discount & Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.087 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)