Announcement

Collapse
No announcement yet.

freebie: popout section aware nav.

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

    #91
    the zip file refrenced in the first post contains a set of blocks, to impliment the 'staying out' of sub sections.

    there are *zero* extended info pages. in the skate design we used only images, no text in the extendeds. Everything is single product per page sections.

    this menu is *designed* to stay out like that. first post also has a link that explains the nature of the makenav nenu call that is made several times in the suggested blocks template.

    Comment


      #92
      Originally posted by gabrielcrowe View Post
      the zip file refrenced in the first post contains a set of blocks, to impliment the 'staying out' of sub sections.
      sorry a little... ... not entirely sure what you mean by 'staying out of subsections'?
      Chris Adams

      Comment


        #93
        Originally posted by gabrielcrowe View Post
        This menu requires a starting section. for most cases you'll want to use the root section, '0'. It can also be configured to as many sections deep as you require, usually, 2 is sufficient. You can also instruct the menu to force open all its trees, or even only display the sections that are required, based on the current location in the catalog. This is the setting that most people should use.

        And finally...
        So, if anyone could give this a go, I'd be grateful. Some errors, enhancements or feedback please! I need to know if this causes any odd behavior in Actinic, after you have installed and got this working.
        Hi gabe (or anyone else that can help!), newbie here!

        I've installed your menu system and got it working to a degree, but any further advice you could give me would be appreciated.

        Red text - this is what I'm having an issue with at the moment. Please bear in mind I'm a complete novice with both Actinic and CSS! On my main shop front page (ie index.html) the whole tree is expanded, showing all sections and subsections. What I'd like ideally is for all the sections to be collapsed until such times as the user clicks the section heading. Then I'd like the subsections below that section only to 'pop out' or expand as shown in your original post.

        When I click to view a list of subsections or individual products, all the sub sections are collapsed into their section headings, but these just link to their own page and don't expand to show the sub sections.

        I hope this makes sense, if not, just shout at me till I explain it better I'm using Actinic v 8.5.1 HFUA.

        Thanks in advance.
        Need a barcode label or card printer? Look no further than OnlyZebra.

        Thinking about barcode scanning and whether it could improve your business' efficiency? We can offer a range of products from numerous manufacturers. OnlyAML, OnlyIntermec, OnlyLXE, OnlyOpticon & OnlyPsion or OnlyRugged, the one stop shop for all your needs.

        Comment


          #94
          Originally posted by NicNac View Post
          What I'd like ideally is for all the sections to be collapsed until such times as the user clicks the section heading. Then I'd like the subsections below that section only to 'pop out' or expand as shown in your original post.
          Hi

          This is the default action as defined in the line
          <actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Brochure%27" > <actinic:block php="true" > MakeNav(0,2,0,0); </actinic:block></actinic:block>
          Change it to MakeNav(0,1,0,0) then you will just have the top sections.

          Malcolm

          SellerDeck Accredited Partner,
          SellerDeck 2016 Extensions, and
          Custom Packages

          Comment


            #95
            Originally posted by malbro View Post
            Hi
            Change it to MakeNav(0,1,0,0) then you will just have the top sections.
            Thanks for the reply, but unless I'm missing something blindingly obvious, it's still not working.

            Here's the block code I have now...

            Code:
            <div class="navcontainerment">
            	<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Brochure%27" > <actinic:block php="true" selectable="false"> MakeNav(0,1,0,0); </actinic:block></actinic:block>
            	<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Checkout%20Page%200%27" > </actinic:block>
            	<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Checkout%20Page%201%27" > </actinic:block>
            	<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Checkout%20Page%202%27" > </actinic:block>
            	<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Shopping%20Cart%27" > <actinic:block php="true" selectable="false"> MakeNav(0,1,0,0); </actinic:block></actinic:block>
            	<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Add%20To%20Cart%20Confirmation%27" > <actinic:block php="true" selectable="false"> MakeNav(0,1,0,0); </actinic:block></actinic:block>
            	<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Receipt%27" > </actinic:block>
            	<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Search%27" > <actinic:block php="true" selectable="false"> MakeNav(0,1,0,0); </actinic:block></actinic:block>
            	<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Search%20Results%27" > <actinic:block php="true" selectable="false"> MakeNav(0,1,0,0); </actinic:block></actinic:block>
            	<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Bounce%20Page%27" > <actinic:block php="true" selectable="false"> MakeNav(0,1,0,0); </actinic:block></actinic:block>
            	<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Site%20Map%27" >	<actinic:block php="true" selectable="false"> MakeNav(0,1,0,0); </actinic:block></actinic:block>
            	<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Terms%20And%20Conditions%27" >	<actinic:block php="true" selectable="false"> MakeNav(0,1,0,0); </actinic:block></actinic:block>
            	<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Section%27">
            	<actinic:block if="%3cactinic%3avariable%20name%3d%22SectionLevel%22%20%2f%3e%20%3e%200">
            	<actinic:block php="true" selectable="false"> MakeNav(0,1,0,<actinic:variable name="SectionID" />); </actinic:block>
            					</actinic:block>
            	<actinic:block if="%3cactinic%3avariable%20name%3d%22SectionLevel%22%20%2f%3e%20%3d%3d%200" >
            	<actinic:block php="true" selectable="false"> MakeNav(0,1,0,0); </actinic:block>
            					</actinic:block>
            			</actinic:block>
            </div>
            Need a barcode label or card printer? Look no further than OnlyZebra.

            Thinking about barcode scanning and whether it could improve your business' efficiency? We can offer a range of products from numerous manufacturers. OnlyAML, OnlyIntermec, OnlyLXE, OnlyOpticon & OnlyPsion or OnlyRugged, the one stop shop for all your needs.

            Comment


              #96
              Originally posted by NicNac View Post
              Then I'd like the subsections below that section only to 'pop out' or expand as shown in your original post.
              I think, I'm sure I'll be corrected if I'm wrong, the nav lists in Gabe's original post were images of several different Section lists, to give us an idea of what could be done in terms of styling. They are not showing several tiers of navigation, which I think is what you are after.

              Malcolm in Post #82 has it set up like this:

              http://testsite.toddesigns.co.uk/

              Is this more like what you are looking for?

              Army Gore-tex
              Winter Climbing Mitts
              webD's Blog: Website design, SEO and other ramblings…
              Twitter LinkedIN

              If you think a post is good, rate it!

              Find the answers in the Knowledge Base | Have you read the User Guides

              Comment


                #97
                Originally posted by webD View Post
                I think, I'm sure I'll be corrected if I'm wrong, the nav lists in Gabe's original post were images of several different Section lists, to give us an idea of what could be done in terms of styling. They are not showing several tiers of navigation, which I think is what you are after.

                Malcolm in Post #82 has it set up like this:

                http://testsite.toddesigns.co.uk/

                Is this more like what you are looking for?
                That would be fantastic! But of course I am a complete novice and so don't expect to be able to run before I can walk!

                I'd just like something like the following:

                Books
                Example 1
                Example 2
                Example 3
                Stationary
                Gifts & Cards

                Where Books is the 'current' section, displaying the 'current' sub sections just indented underneath it. And the other sub sections collapsed into its section's heading.

                The code as it is at the moment displays all section headings and all sub sections, reagrdless of where I am in the catalog. And the section headings just take me to the list of sub sections within that section, and don't collapse/expand the list.

                I don't know if this is possible or if I misunderstood the usage of the code?

                Thanks for your help
                Need a barcode label or card printer? Look no further than OnlyZebra.

                Thinking about barcode scanning and whether it could improve your business' efficiency? We can offer a range of products from numerous manufacturers. OnlyAML, OnlyIntermec, OnlyLXE, OnlyOpticon & OnlyPsion or OnlyRugged, the one stop shop for all your needs.

                Comment


                  #98
                  I have this set up in a test site:

                  http://www.web-d.biz/acatalog/GORETEX.html

                  and as yo can see it's only showing the subsections of the selected section.

                  I have done nothing to modify Gabe's original code. Well, nothing that I can remember anyway.

                  Is your site uploaded at all? A URL would be good.

                  When you say it's still not working, do you mean it's not displaying how you would like it to, or that you can't get the navigation to display at all?

                  Army Gore-tex
                  Winter Climbing Mitts
                  webD's Blog: Website design, SEO and other ramblings…
                  Twitter LinkedIN

                  If you think a post is good, rate it!

                  Find the answers in the Knowledge Base | Have you read the User Guides

                  Comment


                    #99
                    Originally posted by webD View Post
                    I have this set up in a test site:

                    http://www.web-d.biz/acatalog/GORETEX.html

                    and as yo can see it's only showing the subsections of the selected section.

                    I have done nothing to modify Gabe's original code. Well, nothing that I can remember anyway.

                    Is your site uploaded at all? A URL would be good.

                    When you say it's still not working, do you mean it's not displaying how you would like it to, or that you can't get the navigation to display at all?
                    Damn, wish mine would just work! lol

                    The site is currently only uploaded internally, so can't offer you a URL I'm afraid...

                    Yeah, the nav works and everything, it's just not displaying as I'd like. Something like yours is exactly what I'm after...
                    Need a barcode label or card printer? Look no further than OnlyZebra.

                    Thinking about barcode scanning and whether it could improve your business' efficiency? We can offer a range of products from numerous manufacturers. OnlyAML, OnlyIntermec, OnlyLXE, OnlyOpticon & OnlyPsion or OnlyRugged, the one stop shop for all your needs.

                    Comment


                      Here's the code taken from my site:

                      Code:
                      <div class="navcontainerment">
                      			<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Brochure%27" > <actinic:block php="true" selectable="false"> MakeNav(0,2,1,0); </actinic:block></actinic:block>
                      			<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Checkout%20Page%200%27" > </actinic:block>
                      			<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Checkout%20Page%201%27" > </actinic:block>
                      			<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Checkout%20Page%202%27" > </actinic:block>
                      			<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Shopping%20Cart%27" > <actinic:block php="true" selectable="false"> MakeNav(0,1,0,0); </actinic:block></actinic:block>
                      			<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Add%20To%20Cart%20Confirmation%27" > <actinic:block php="true" selectable="false"> MakeNav(0,1,0,0); </actinic:block></actinic:block>
                      			<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Receipt%27" > </actinic:block>
                      			<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Search%27" > <actinic:block php="true" selectable="false"> MakeNav(0,2,0,0); </actinic:block></actinic:block>
                      			<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Search%20Results%27" > <actinic:block php="true" selectable="false"> MakeNav(0,1,0,0); </actinic:block></actinic:block>
                      			<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Bounce%20Page%27" > <actinic:block php="true" selectable="false"> MakeNav(0,1,0,0); </actinic:block></actinic:block>
                      			<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Site%20Map%27" >	<actinic:block php="true" selectable="false"> MakeNav(0,1,0,0); </actinic:block></actinic:block>
                      			<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Terms%20And%20Conditions%27" >	<actinic:block php="true" selectable="false"> MakeNav(0,1,0,0); </actinic:block></actinic:block>
                      			<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Section%27">
                      					<actinic:block if="%3cactinic%3avariable%20name%3d%22SectionLevel%22%20%2f%3e%20%3e%200">
                      						<actinic:block php="true" selectable="false"> MakeNav(0,2,0,<actinic:variable name="SectionID" />); </actinic:block>
                      					</actinic:block>
                      					<actinic:block if="%3cactinic%3avariable%20name%3d%22SectionLevel%22%20%2f%3e%20%3d%3d%200" >
                      						<actinic:block php="true" selectable="false"> MakeNav(0,2,1,0); </actinic:block>
                      					</actinic:block>
                      			</actinic:block>
                      </div>
                      This will give you all of the subsections showing on the Home Page. If you want to hisde the subsections on the home page, change the first bolck to this:

                      Code:
                      <actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Brochure%27" > <actinic:block php="true" selectable="false"> MakeNav(0,1,1,0); </actinic:block></actinic:block>

                      Army Gore-tex
                      Winter Climbing Mitts
                      webD's Blog: Website design, SEO and other ramblings…
                      Twitter LinkedIN

                      If you think a post is good, rate it!

                      Find the answers in the Knowledge Base | Have you read the User Guides

                      Comment


                        Originally posted by webD View Post
                        Here's the code taken from my site:

                        Code:
                        <div class="navcontainerment">
                        			<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Brochure%27" > <actinic:block php="true" selectable="false"> MakeNav(0,2,1,0); </actinic:block></actinic:block>
                        			<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Checkout%20Page%200%27" > </actinic:block>
                        			<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Checkout%20Page%201%27" > </actinic:block>
                        			<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Checkout%20Page%202%27" > </actinic:block>
                        			<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Shopping%20Cart%27" > <actinic:block php="true" selectable="false"> MakeNav(0,1,0,0); </actinic:block></actinic:block>
                        			<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Add%20To%20Cart%20Confirmation%27" > <actinic:block php="true" selectable="false"> MakeNav(0,1,0,0); </actinic:block></actinic:block>
                        			<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Receipt%27" > </actinic:block>
                        			<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Search%27" > <actinic:block php="true" selectable="false"> MakeNav(0,2,0,0); </actinic:block></actinic:block>
                        			<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Search%20Results%27" > <actinic:block php="true" selectable="false"> MakeNav(0,1,0,0); </actinic:block></actinic:block>
                        			<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Bounce%20Page%27" > <actinic:block php="true" selectable="false"> MakeNav(0,1,0,0); </actinic:block></actinic:block>
                        			<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Site%20Map%27" >	<actinic:block php="true" selectable="false"> MakeNav(0,1,0,0); </actinic:block></actinic:block>
                        			<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Terms%20And%20Conditions%27" >	<actinic:block php="true" selectable="false"> MakeNav(0,1,0,0); </actinic:block></actinic:block>
                        			<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Section%27">
                        					<actinic:block if="%3cactinic%3avariable%20name%3d%22SectionLevel%22%20%2f%3e%20%3e%200">
                        						<actinic:block php="true" selectable="false"> MakeNav(0,2,0,<actinic:variable name="SectionID" />); </actinic:block>
                        					</actinic:block>
                        					<actinic:block if="%3cactinic%3avariable%20name%3d%22SectionLevel%22%20%2f%3e%20%3d%3d%200" >
                        						<actinic:block php="true" selectable="false"> MakeNav(0,2,1,0); </actinic:block>
                        					</actinic:block>
                        			</actinic:block>
                        </div>
                        This will give you all of the subsections showing on the Home Page. If you want to hisde the subsections on the home page, change the first bolck to this:

                        Code:
                        <actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Brochure%27" > <actinic:block php="true" selectable="false"> MakeNav(0,1,1,0); </actinic:block></actinic:block>
                        Yay, it's working in the catalog pages now, thanks so much!

                        But (you just knew that was coming...) this is probably just me being stupid, the whole list of subsections are still showing on the main page, but the nav shows as expandable/collapsable within the catalog itself...
                        Need a barcode label or card printer? Look no further than OnlyZebra.

                        Thinking about barcode scanning and whether it could improve your business' efficiency? We can offer a range of products from numerous manufacturers. OnlyAML, OnlyIntermec, OnlyLXE, OnlyOpticon & OnlyPsion or OnlyRugged, the one stop shop for all your needs.

                        Comment


                          I'm glad it's running as you'd like it now.

                          If you have a look at the bottom of my last post it shows you how to hide the subsections on the home page.

                          You need to change the very first:

                          Code:
                          MakeNav(0,2,1,0)
                          to

                          Code:
                          MakeNav(0,1,1,0)

                          Army Gore-tex
                          Winter Climbing Mitts
                          webD's Blog: Website design, SEO and other ramblings…
                          Twitter LinkedIN

                          If you think a post is good, rate it!

                          Find the answers in the Knowledge Base | Have you read the User Guides

                          Comment


                            Originally posted by webD View Post
                            I'm glad it's running as you'd like it now.

                            If you have a look at the bottom of my last post it shows you how to hide the subsections on the home page.

                            You need to change the very first:

                            Code:
                            MakeNav(0,2,1,0)
                            to

                            Code:
                            MakeNav(0,1,1,0)
                            Sorry, I wasn't being ignorant, I have already done that...
                            Need a barcode label or card printer? Look no further than OnlyZebra.

                            Thinking about barcode scanning and whether it could improve your business' efficiency? We can offer a range of products from numerous manufacturers. OnlyAML, OnlyIntermec, OnlyLXE, OnlyOpticon & OnlyPsion or OnlyRugged, the one stop shop for all your needs.

                            Comment


                              Hmmmm, that's interesting...

                              Have you uploaded at all?

                              Originally posted by NicNac View Post
                              Sorry, I wasn't being ignorant, I have already done that...
                              I hadn't thought that you were being ignorant. It's often easy to miss things (I do it a lot!) and as it works for me I'd assumed you hadn;t seem it. No apology necessary.

                              Army Gore-tex
                              Winter Climbing Mitts
                              webD's Blog: Website design, SEO and other ramblings…
                              Twitter LinkedIN

                              If you think a post is good, rate it!

                              Find the answers in the Knowledge Base | Have you read the User Guides

                              Comment


                                have you made sure you're making changes on both the brochure AND catalog homepage, if you're using both to display the menu?
                                Tracey

                                Comment

                                Working...
                                X