- This topic has 9 replies, 2 voices, and was last updated 7 months, 2 weeks ago by
David.
-
AuthorPosts
-
July 15, 2020 at 2:30 am #1364036
Daniele
Hello guys,
I would like to show shopping cart and search icons near to logo, like this website:
https://www.thedressingscreen.com/How can I achieve this result?
thanks!
July 15, 2020 at 5:19 am #1364196David
StaffCustomer SupportHi there,
hmmm…. my approach would be this:
1. Create a new menu, don’t add any menu items and assign it to your primary navigation. This way it can display just the search and cart.
2. Then create the full menu and add that to the Secondary Nav and Off Canvas Panel ( For mobile ).
2.1 The secondary nav can be set to Below Header and we can remove it with some CSS on mobile.
3. For your Primary Nav set it to Float right, so its in the same container as the Logo.If you can set that up and share us a link i can then figure out the CSS for the layout.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/July 15, 2020 at 6:53 am #1364273Daniele
Hi David,
thanks for your answer, do you think is more elegant this solution or modify any template?July 15, 2020 at 7:49 am #1364486David
StaffCustomer SupportIts not the most elegant way to do it – but it is the simplest way.
All other ways would probably require plugins and custom development.Let us know.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/July 15, 2020 at 10:34 am #1364684Daniele
Hi David,
maybe I found a solution,
line 471 functions.php of gp-premium pluginfunction generatepress_wc_menu_cart( $nav, $args ) {
// If our primary menu is set, add the search icon
if ( $args->theme_location == apply_filters( ‘generate_woocommerce_menu_item_location’, ‘secondary’ ) && generatepress_wc_get_setting( ‘cart_menu_item’ ) ) {
$has_items = false;I substituted ‘primary’ with ‘secondary’
then with CSS:
#secondary-navigation {
position: absolute;
top: 50px;
right: 50px;
}So I obtain this:
Is this solution a sh**? π sorry I’m a php noob
If it works can you give me a hint to place a filter in functions.php child theme? So I can update GP-premium without loosing edits
thanks!
July 15, 2020 at 10:41 am #1364690David
StaffCustomer SupportPretty good snooping for a PHP Noob π
You can use this PHP Filter snippet to move the Cart to the Secondary Navigation:
https://docs.generatepress.com/article/generate_woocommerce_menu_item_location/
And you can even move the search to it:
Might require some messing around on Mobile though
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/July 15, 2020 at 10:56 am #1364716Daniele
Thanks mate!
Yes effectively with this solution I lose the cart in mobile near the logo πJuly 15, 2020 at 11:13 am #1364725David
StaffCustomer SupportYeah something we are looking at is to make it easier to move these menu items around.
It is possible with thewp_is_mobile()
function to only move it on desktop …. but i wouldn’t rely on that function for something as important as the menu cart.Based on the example design – the method i proposed above is one of the simplest solution. Is there any issues with using the Primary nav solely for the icons ?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/July 15, 2020 at 11:16 am #1364726Daniele
Yes I think I will go with the solution provided by you, in the meanwhile there are no better way to do it.
thanks!July 15, 2020 at 11:17 am #1364727David
StaffCustomer SupportYeah sorry about that – i am still looking at options.
If you want to achieve the example design ofsearch | logo | cart
– then i am more than happy to help with the CSSDocumentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.