Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
bertiweber

How to hide Navigation elements on shopping cart page?

Question

Hello!

I would like to remove certain navigation items in the shopping cart page.

- Template: Brine (Hyde)
- Hide: Primary navigation items 4 and higher (nth-child(n+4))
- Hide: Secondary navigation item 2 (last-child)
- Hide: Footer navigation items 5 and higher (nth-child(n+5))

All other pages work perfectly fine with hiding navigation elements using css codes and targeting their collectionid- and itemnumbers. But I can't seem to find out how to target the shopping cart page.

Appreciate any help! Thank you.

Sincerely,
Berthold

Edited by bertiweber

Share this post


Link to post

8 answers to this question

Recommended Posts

  • 0
20 minutes ago, bertiweber said:

Yes of course.

It's: www.wandermagic.ch/cart

missing some spacing character, try this

body#cart .Header-nav--primary .Header-nav-item:nth-child(n+4) {
   display: none;
  }
body#Cart .Mobile-overlay-nav--primary .Mobile-overlay-nav-item:nth-child(n+4) {
   display: none;
}

Also, if you create 2 languages, site, try this guide, by me


COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

 

Share this post


Link to post
  • 0
On 2/7/2020 at 4:02 PM, tuanphan said:

Shop cart page has id: body#cart or body#Cart

Hi Tuan,

Thanks for your reply.

Unfortunately both don't work. I tried following css code in design - customs css:

body#Cart
.Header-nav--primary 
.Header-nav-item:nth-child(n+4) {
   display: none
  }
body#Cart
.Mobile-overlay-nav--primary
.Mobile-overlay-nav-item:nth-child(n+4) {
   display: none   
  

Do you have an idea, what could be changed?

Thanks a lot for your help!

Berthold

Share this post


Link to post
  • 0
Just now, bertiweber said:

Hi Tuan,

Thanks for your reply.

Unfortunately both don't work. I tried following css code in design - customs css:

body#Cart
.Header-nav--primary 
.Header-nav-item:nth-child(n+4) {
   display: none
  }
body#Cart
.Mobile-overlay-nav--primary
.Mobile-overlay-nav-item:nth-child(n+4) {
   display: none   
  

Do you have an idea, what could be changed?

Thanks a lot for your help!

Berthold

Can you share link to cart page on your site?


COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

 

Share this post


Link to post
  • 0
2 hours ago, tuanphan said:

missing some spacing character, try this


body#cart .Header-nav--primary .Header-nav-item:nth-child(n+4) {
   display: none;
  }
body#Cart .Mobile-overlay-nav--primary .Mobile-overlay-nav-item:nth-child(n+4) {
   display: none;
}

Also, if you create 2 languages, site, try this guide, by me

Really great guide!

The code for the website and mobile worked, thanks so much!

 

Another question. As you know, I have a 2-language page. All pages english/german are fine, but the only thing is the cart. Is it possible to make a 2nd cart page? For now I made the cart in English, but if possible it would be nice to also make a cart page for german users.

Edited by bertiweber

Share this post


Link to post
  • 0
7 hours ago, bertiweber said:

Really great guide!

The code for the website and mobile worked, thanks so much!

 

Another question. As you know, I have a 2-language page. All pages english/german are fine, but the only thing is the cart. Is it possible to make a 2nd cart page? For now I made the cart in English, but if possible it would be nice to also make a cart page for german users.

No. You can't create 2 cart pages.

But you can add German text, beside English Text

eg: Shopping Cart - Einkaufswagen

TOtal - 

Qty - 

...

image.thumb.png.fc1e66892abbb1435df187b10e42e509.png


COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

 

Share this post


Link to post
  • 0
12 hours ago, tuanphan said:

No. You can't create 2 cart pages.

But you can add German text, beside English Text

eg: Shopping Cart - Einkaufswagen

TOtal - 

Qty - 

...

image.thumb.png.fc1e66892abbb1435df187b10e42e509.png

That's a good idea!

So, thanks a lot for all your effort, you helped me a lot!

Best regards,

Berthold

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...