Announcement

Collapse
No announcement yet.

Getting Navigation to show Rollover Button for Particular Section

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Getting Navigation to show Rollover Button for Particular Section

    If a certain variable is set to true, is there a way that I can change the state of all of the navigation buttons to "roll off" and set one certain navigation graphic to "roll on"?

    The reason is that I have a new section set up beneath the catalog; so the catalog tab lights up when the new section is being viewed, however I need a different tab to light up and for the catalog tab to show the "roll off" state, despite this new section falling under "catalog" in the Actinic site tree... is there a way I might be able to achieve this?

    The navigation graphics are set up using the standard button image/button rollover image options in the page settings.

    Thanks in advance.
    Adapt Design & Advertising
    www.adaptdesign.com

    Cardoons.co.uk - Cards With An Inflated Personality
    www.cardoons.co.uk

    #2
    Using a blockif with a variable wrapped around a CSS class on the navigation link would be one way to do this. You can then set the class on or off on a per section basis. Though it depends on your knowledge of coding.
    Peblaco

    Comment


      #3
      Thanks for your reply, your suggestion is good but the navigation is populated with a two line "reoccurring" script so I can't seem to target individual navigation items
      Adapt Design & Advertising
      www.adaptdesign.com

      Cardoons.co.uk - Cards With An Inflated Personality
      www.cardoons.co.uk

      Comment


        #4
        The code populating the navigation is as follows:

        Code:
        <actinic:block if="%3cactinic%3avariable%20name%3d%22BrochureImage%22%20%2f%3e%20%21%3d%20%22%22"><actinic:block if="%3cactinic%3avariable%20name%3d%22OuterBrochurePageID%22%20%2f%3e%20%21%3d%20%3cactinic%3avariable%20name%3d%22BrochurePageID%22%20%2f%3e" ><a href="<actinic:variable name="BrochurePageURL" />" <actinic:block if="%3cactinic%3avariable%20name%3d%22BrochureImageAlt%22%20%2f%3e%20%21%3d%20%22%22">onmouseover="SwapImage('br_nav<actinic:variable name="BrochurePageID" />','<actinic:variable name="BrochureImageAlt" />')" onmouseout="RestoreImage()"</actinic:block>><actinic:variable name="BrochurePageLinkImage" value="Standard Brochure Page Link Image" /></actinic:block><actinic:block if="%3cactinic%3avariable%20name%3d%22OuterBrochurePageID%22%20%2f%3e%20%3d%3d%20%3cactinic%3avariable%20name%3d%22BrochurePageID%22%20%2f%3e"><img src="<actinic:variable name="BrochureImageAlt" />" alt="<actinic:variable name="BrochureName" />" title="<actinic:variable name="BrochureName" />" /></actinic:block><actinic:block if="%3cactinic%3avariable%20name%3d%22OuterBrochurePageID%22%20%2f%3e%20%21%3d%20%3cactinic%3avariable%20name%3d%22BrochurePageID%22%20%2f%3e" ></a></actinic:block></actinic:block>
        I had to create a brochure page for "Gifts" just to add a button for the new Gifts section into the main navigation, this was done so that it behaves in the same way as all of the other rollover buttons. The Gifts brochure page will more or less be a redirect to the proper Gifts page beneath "Catalog", however when the user gets there, the tab comes off Gifts (brochure page) and the Catalog tab highlights... but I need Gifts to stay highlighted. The reason it is located under Catalog is because, as far as I'm aware this is the only location in the site tree where you can add products with prices etc. Hope this makes sense.
        Adapt Design & Advertising
        www.adaptdesign.com

        Cardoons.co.uk - Cards With An Inflated Personality
        www.cardoons.co.uk

        Comment


          #5
          You could edit the layout "Standard Brochure Page Link Image" and add a blockif around the source of the image to change the default image to the rollover image.
          Last edited by peblaco; 16-Jul-2012, 11:58 AM. Reason: Addition
          Peblaco

          Comment


            #6
            Thanks for advising "Standard Brochure Page Link Image".

            For some reason the variable I'm setting on the section is appearing on the website as being empty when I'm trying to view the value as text on the website, is there any reason behind this? Setting the variable to either true or false is printing "0" regardless of which option is selected. Setting this variable as a "text" variable shows no results either. I believe having access to a variable for this will be all I need - am I going wrong somewhere?
            Adapt Design & Advertising
            www.adaptdesign.com

            Cardoons.co.uk - Cards With An Inflated Personality
            www.cardoons.co.uk

            Comment


              #7
              Hi, the Place of Setting must be "Section" because I would need the variable to apply to pages which feature products - as far as I know these are not allowed to be Brochure pages. Could it be that variables don't work on Section pages?

              I now have the website working as I wanted, with the Gifts tab highlighting when the user is viewing the Gift page or any of its subsections (products are housed in Section pages), but this is all thanks to some ugly code along the lines of "if this section is Gifts, or Gifts Product 1, or Gifts Product 2, then show highlight". There are around 4 iterations of similar code on the general navigation buttons, the Shop button, the Brochure pages nav, etc.

              So this means I will need to update all iterations manually with every new product that is added to Gifts - not ideal. Of course assigning each new sub Section page of Gifts with the "show highlight: true" variable is the solution - but it seems variables do not get filled properly when they are based on Section pages? Is this correct?
              Adapt Design & Advertising
              www.adaptdesign.com

              Cardoons.co.uk - Cards With An Inflated Personality
              www.cardoons.co.uk

              Comment


                #8
                Hi Peblaco, I think it might be a bug in the software. The variable appears in the content tree and I can set it to true or false in there, but I cannot get the variable to reveal its value as text within the design - it insists on remaining empty regardless of what value I give it.

                Thank you for taking the time to help me out with this - unfortunately I think I'm going to have to do things the awkward way, luckily new products are only added to the store once in a while.
                Adapt Design & Advertising
                www.adaptdesign.com

                Cardoons.co.uk - Cards With An Inflated Personality
                www.cardoons.co.uk

                Comment

                Working...
                X