Order of the Toolbar Icons

  • Posts: 73
  • Thank you received: 8
  • Hikaserial Standard Hikashop Business Hikashop Essential
7 months 4 weeks ago #354871

-- HikaShop version -- : 4.7.5
-- Joomla version -- : 4.3.4

Hi there,

I am creating a site in Gallery mode but using the wishlist.

I have modified the wishlist page, cart \ show.php, slightly and hidden some elements with CSS to make it look like an image lightbox but is there a way to change the order of the Toolbar icons?

I had a look at toolbar \ default.php but can't figure it out. The main one that is troubling us is the 'Empty the Wishlist' button - it is the first button and easy to hit by mistake.

Many thanks for your help
Leila

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

  • Posts: 4540
  • Thank you received: 612
  • MODERATOR
7 months 4 weeks ago #354873

Hello,

That's because the toolbar\default view build the Html via a foreach (a loop), so it's not hard html code, that's why you don't see the exact code responsible for displaying the "empty the wishlist" button.

Now, I can suggest you a method to don't display this button or another via custom Css, follow me step by step :
- Have a look on this tutorial to learn how to use custom Css
- Use this kind of css command :
.specific_page_class .hika_toolbar a.hikabtn:first-child {
display: none;
}
=> You have to restrict your command to your Wishlist page, and use unique class association to be sure that your command will be used in your required page.
See my screenshot :

alt


In red: Your targueted button AND his custom Css (WITHOUT the specific page class)
In green: My body class with his specific class, we suggest to select unique class like for example in my screenshot "itemid-125", best tool in my case.

Regards

Last edit: 7 months 4 weeks ago by Philip.

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

  • Posts: 73
  • Thank you received: 8
  • Hikaserial Standard Hikashop Business Hikashop Essential
7 months 4 weeks ago #354887

Thanks for your reply Philip.

However, I want to keep the Empty the Wishlist button but just move it to a different position so it's not so prominent.

Not to worry if this can't be done, we can make do as it is, or maybe in the end I will remove it (client's decision :) ).

Best wishes
Leila

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

  • Posts: 81597
  • Thank you received: 13081
  • MODERATOR
7 months 4 weeks ago #354893

Hi,

Changing the order of elements can be done with CSS.
Here is a page talking about how to do it:
stackoverflow.com/questions/7425665/swit...ck-elements-with-css

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

  • Posts: 73
  • Thank you received: 8
  • Hikaserial Standard Hikashop Business Hikashop Essential
7 months 3 weeks ago #354922

Thanks for the info, that's a useful page about the CSS.

In this case, the PHP for the toolbar buttons is a bit beyond me so I'll leave it for now but the info about columns is very interesting and I'm sure will be useful for other applications.

Thanks for your time.

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

Time to create page: 0.051 seconds
Powered by Kunena Forum