Need help with Top Menu Header Variant 14

This topic has 9 replies, 2 voices, and was last updated 8 years, 10 months ago ago by Eva Kemp

  • Avatar: uklive
    uklive
    Participant
    May 25, 2015 at 01:53

    I have several questions (see below)

    1. I’m using the Header Variant 10 and I didn’t see where I could modify this.
    I found, only header-structure 1-5 in wp-content/themes/royal/headers.

    I need to modify this top area so I can add a simple Icon or Wishlist text link. I want to add it right after the search Icon and before the Cart container area.

    2. Rather than making changes to the parent the files, could I copy whatever file you’ll tell me I’ll need to edit to my child theme and it would override the parent header file?

    3. Where exactly can I modify the Newsletter, My Account, Login/out area?

    8 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    May 25, 2015 at 09:32

    Hello,

    1. Please try to edit the file header-structure-4.php in wp-content/themes/royal/headers directory.

    2. You copy the file with the same directory structure in your child theme.

    3. You can edit those links in wp-content/themes/royal/framework/theme-functions.php (lines 1037-1090).

    Regards,
    Eva Kemp.

    Avatar: uklive
    uklive
    Participant
    May 26, 2015 at 20:16

    Editing header-structure-4.php in the header directory doesn’t make any changes for Header variation10. I modified the parent theme, nothing happened. I copied the entire directory structure into the royal-child and made modifications there. Still nothing. What’s going on?

    Avatar: Eva
    Eva Kemp
    Support staff
    May 26, 2015 at 20:33

    Hello,

    Please specify what icon you want to add or provide us with url to your image you want to display between search icon and shopping cart.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: uklive
    uklive
    Participant
    May 27, 2015 at 01:53

    the icon is the black heart (it’s part of your sprite imgs “-59px -5px”) , a simple link that points to the wishlist page “/wishlist”, it would be nice if the it was possible via ajax to show a counter that’s applied when they add an item to their wishlist w/o a page refresh, if that was possible at all. It doesn’t need to say wishlist, just the icon as a link.

    Avatar: uklive
    uklive
    Participant
    May 27, 2015 at 01:55

    what would be really awesome is if the heart icon operated exactly like the way the icon for the shopping cart did. when someone adds an item, the number appears. Now I just came across someone who was able to get a counter to load, dunno if this would help to anyone.

    https://wordpress.org/support/topic/get-total-wishlist-via-ajax?replies=5

    Avatar: Eva
    Eva Kemp
    Support staff
    May 27, 2015 at 11:10

    Hello,

    Unfortunately what you want to achieve requires a lot of additional customization and it’s beyond our basic support scope.
    Please take our apologies.
    If you have necessary skills you may try to do this yourself. As I see you’re using the 1st header type now and in this case you need edit the file header-structure-1.php.

    Regards,
    Eva Kemp.

    Avatar: uklive
    uklive
    Participant
    May 27, 2015 at 15:55

    could this then be implemented on your next update? Also, using the child theme to edit this doesn’t seem to work. How come? I keep the directory structure the same but no changes get applied. I understand the other functionality wouldn’t be possible w/o additional customization so to keep it simple, can we just add the icon/link in between those two places I mentioned? Would this be easier as you were ready to do this earlier.

    Avatar: Eva
    Eva Kemp
    Support staff
    May 28, 2015 at 13:03

    Hello,

    I’ve added this code in header-structure-1.php file:
    <div class="new_ico"><a href="http://fortune5water.com/wishlist/"><i class="fa fa-heart"></i></a></div>
    and this code in custom.css file:

    .new_ico {
      position: absolute;
      margin: 12px 0 0 57px;
    }
    
    .header-search {
      margin-right: 40px;
    }

    Now “Heart” icon is shown between search and cart. Please check it.
    Keep the file safe or copy it to a child theme not to lose changes after theme update http://codex.wordpress.org/Child_Themes

    Regards,
    Eva Kemp.

  • Viewing 9 results - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.