- Posts: 81
- Thank you received: 9
Order of the Toolbar Icons
- Leilahodgkins
-
Topic Author
- Offline
Less
More
3 years 3 weeks ago #354871
by Leilahodgkins
Order of the Toolbar Icons was created by Leilahodgkins
-- 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
-- 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.
3 years 2 weeks ago - 3 years 3 weeks ago #354873
by Philip
Replied by Philip on topic Order of the Toolbar Icons
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 :
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
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 :
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: 3 years 3 weeks ago by Philip.
Please Log in or Create an account to join the conversation.
- Leilahodgkins
-
Topic Author
- Offline
Less
More
- Posts: 81
- Thank you received: 9
3 years 2 weeks ago #354887
by Leilahodgkins
Replied by Leilahodgkins on topic Order of the Toolbar Icons
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
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.
3 years 2 weeks ago #354893
by nicolas
Replied by nicolas on topic Order of the Toolbar Icons
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
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.
- Leilahodgkins
-
Topic Author
- Offline
Less
More
- Posts: 81
- Thank you received: 9
3 years 2 weeks ago #354922
by Leilahodgkins
Replied by Leilahodgkins on topic Order of the Toolbar Icons
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.
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.264 seconds