Announcement

Collapse
No announcement yet.

Expanding Section Links

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

    Expanding Section Links

    How can I alter the section links that display on the left to expand & show the individual products included in each section ?

    i.e.;
    Section 1
    ---Product 1
    ---Product 2
    Section 2
    ---Product 1
    ---Product 1

    http://www.eurocardplayer.net/acatalog/

    #2
    You will need to implement a new script into the Act_Primary .. check out Normans donationware menus at www.drillpine.biz or you can code it yourself using either Javascript or CSS etc


    Bikster
    SellerDeck Designs and Responsive Themes

    Comment


      #3
      Thanks for your reply & the URL. Unfortunately that site dosn't offer what I need. I am not after cascading or dynamic menu's just a simple menu>submenu

      Any other ideas ?

      Thanks

      Comment


        #4
        Oh OK.... the easy way using Actinic would be to have 1 product per page and use the YahooSection script that can be found in say the Smart theme.. or again you can use Javascript or CSS etc to create the same effect and not go through the CGI bin


        Bikster
        SellerDeck Designs and Responsive Themes

        Comment


          #5
          Exactly how would I go about finding & using the 'YahooSection' script ?

          And how would I create this either using CSS or JavaScript ?

          What variables would I need to include ? Which HTML template do I need to alter ?

          Could you be more specific please ?

          Thanks.

          Comment


            #6
            See page 39 of the Advanced Guide available on the actinic support page http://www.actinic.co.uk/support/downloads.htm
            Bill
            www.egyptianwonders.co.uk
            Text directoryWorldwide Actinic(TM) shops
            BC Ness Solutions Support services, custom software
            Registered Microsoft™ Partner (ISV)
            VoIP UK: 0131 208 0605
            Located: Alexandria, EGYPT

            Comment


              #7
              Originally posted by FearTheHands
              And how would I create this either using CSS or JavaScript ?
              CSS and Javascript tutorials are available on the internet - do a search for "CSS Navigation" for lots of examples - check out the W3C website as a good starting point.

              You can integrate these with the various Actinic functions and templates (Act_Primary.html) in the guide as Bill has linked to above. This does assume some level of HTML knowledge but the YahooSection scripts are handled from within Actinic and usually easier to maintain.

              HTH


              Bikster
              SellerDeck Designs and Responsive Themes

              Comment


                #8
                If you have a look at my site www.qualitysilver.co.uk this is using a collapsing menu from Norman.

                The price was £25.00 and the script was quite easy to install.

                Kind regards

                Jason
                Regards

                Jason

                Titan Jewellery (Swift Design)
                Zirconium Rings
                Damascus Steel Rings

                Comment


                  #9
                  Sorry forgot to mention that this menu is not available on his website.

                  In order to get the script you would have to e-mail him from his site.

                  Kind regards

                  Jason
                  Regards

                  Jason

                  Titan Jewellery (Swift Design)
                  Zirconium Rings
                  Damascus Steel Rings

                  Comment


                    #10
                    Buzby:

                    Thanks for the link, but this is not the type of section menu I want

                    All I want is a static menu as in my 1st post. I don't want a dynamic menu that expands on click or mouseover. I simply want the section list to display the section category & subsections:

                    i.e.;
                    Section 1
                    ---Product 1
                    ---Product 2
                    Section 2
                    ---Product 1
                    ---Product 1

                    Nothing animated, nothing dynamic - static, is all

                    jont:

                    I am more than aware how to create either CSS or JavaScript drop down/dynamic menu's etc, it's what I've made my living at for the last 1o years. However I am unaware how to integrate these into actinic as this is the 1st time I have dealt with actinic.
                    Please see the above reply as to what my needs are - there is nothing dynamic about it - I simply need a static menu that reads the section sub links & displays them

                    Thanks,
                    Glenn

                    Comment


                      #11
                      Hi Glenn - taken from page 39 of the Advanced User Guide - this will create what you are looking for

                      Code:
                      #This code will lay out your sections and sub-sections within a list of
                      #hyperlinks (first depth of subsections only). The sub-sections will appear
                      #indented.P aste the following code within the <HEAD></HEAD> tags of your
                      #Overall Layout template:
                      
                      <!--@act NETQUOTEVAR:SECTIONTREE_RAW -->
                      <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
                      <!--
                      function SectionList(ar)
                      {
                      var strIDs = '<table border=0 width=95% cols=2>';
                      for (var i=1;i<=ar.length;i++)
                      {
                      if (ar[i].sURL !=null)
                      {
                      strIDs += '<tr><td colspan=2><a href="' + ar[i].sURL + '"><span
                      class="actxxsmall">' + ar[i].sName + '</span></a></td></tr>';
                      {
                      if (ar[i].pChild)
                      {
                      for (var j=1;j<=ar[i].pChild.length;j++)
                      {
                      if (j <= ar[i].pChild.length)
                      {
                      strIDs += '<tr><td><img src=shim.gif width=5></td><td><a href="' +
                      ar[i].pChild[j].sURL + '"><span class="actxxsmall">' + ar[i].pChild[j].sName +
                      '</span></a></td></tr>';
                      }
                      }
                      }
                      }
                      }
                      }
                      strIDs += '</table>'
                      return strIDs
                      }
                      //-->
                      </SCRIPT>
                      
                      
                      #And then insert the following code in the main body of the page where you
                      #want the image list to appear.
                      
                      
                      <script language=Javascript1.1>document.write(SectionList(section_tree))
                      </script>
                      The above code needs pasting into the Act_Primary.html template in the head and body accordingly.

                      Jont


                      Bikster
                      SellerDeck Designs and Responsive Themes

                      Comment


                        #12
                        Glenn- just as a note that takes the links via the CGI bin which is not that search engine friendly so often best to include at least a hardcoded textual link in the Act_Primary to the sitemap.html page as generated by Actinic


                        Bikster
                        SellerDeck Designs and Responsive Themes

                        Comment


                          #13
                          Glenn, if you intend to continue working on Actinic sites, you will likely have other questions that are answered in the Advanced Guide or the Design Guide available from the same place. I would strongly recommend you download and read both. They will really help your understanding of Actinic.
                          Bill
                          www.egyptianwonders.co.uk
                          Text directoryWorldwide Actinic(TM) shops
                          BC Ness Solutions Support services, custom software
                          Registered Microsoft™ Partner (ISV)
                          VoIP UK: 0131 208 0605
                          Located: Alexandria, EGYPT

                          Comment


                            #14
                            Once again Bill, RTFM!

                            Comment


                              #15
                              How can I alter the section links that display on the left to expand & show the individual products included in each section ?
                              I'm afraid that the Actinic JavaScript structures only provide a list of Sections (each HTML product page) - not each product.

                              So unless you have a single product per page you will not be able to get the layout you desire.

                              If you are able to use a single product per page then putting

                              <!--@act NETQUOTEVAR:SECTIONTREE_RAW -->

                              into the <HEAD> section of your Act_Primary.html will cause Actinic to generate (and include) a file Act_section_tree.js (in Site1 and it will also be uploaded to your server). If you look at this file you'll see a simple tree structure that you can manipulate as you like.

                              This structure contains some entries that you may not need to use and you can save some download time by using

                              NETQUOTEVAR:SECTIONTREE_NAMES
                              NETQUOTEVAR:SECTIONTREE_URLS

                              instead of the

                              <!--@act NETQUOTEVAR:SECTIONTREE_RAW -->

                              line, as this will give you just the names and URL's needed without any extraneous data. A quick peek at the genrated source will show you what's happening.
                              Norman - www.drillpine.biz
                              Edinburgh, U K / Bitez, Turkey

                              Comment

                              Working...
                              X