Announcement

Collapse
No announcement yet.

Section Pagination - 1,2,3,4,5 buttons

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

    Section Pagination - 1,2,3,4,5 buttons

    Hi

    I have developed my site with pagination on some sections e.g. cufflinks p1, cufflinks p2 - and the second page onwards is only available via next/prev buttons once you hit the first page. I have used 3x templates (e.g. act_Primarywithnext, act_primarywithprev...http://www.kjbeckett.com/acatalog/cufflinks.html This seems to work well!

    However I am concious that the next/prev buttons may be missed by users (who then dont ever see the second page onwards). I am also aware that many people expect to see the 1,2,3,4,5 links on pages of this type.

    So I am trying to figure out the best way to do the 1,2,3,4,5 links. But not quite sure of the best way to go - any ideas????

    My initial thoughts are:

    1) create a customproperty (e.g. cus12345link) then place this into the primary page.
    2) within the section properties select cus12345link - then in the value - put the html code to drive that particular pages 123... links. The problem is the space required for this exceeds the field limit. Furthermore im not sure if i can use html in the field.
    2a) in the value of cus12345link - point towards a html page?

    I hope this is clear? Any thoughts would be really appreciated!

    Many thanks

    Paul
    KJ Beckett
    Men's Clothing & Accessories
    Cufflinks, Underwear, Ties, Grooming Products
    Bath, England
    Fast delivery to UK, USA and worldwide.
    Men's Fashion Blog

    #2
    Here's a thought I had, and I haven't tried it, but I have had the need to have pagination on my sites.

    You name your pages a specific way that defines the sequence and the total number of pages within that sequence, so page one might be named 'page1-5.html', page two 'page2-5.html' so that there are 5 pages in that section.

    You then write some javascript/php to extract that current page sequence and the total page count (ie, page x of y) from the url.

    eg:

    var url = document.location.href;
    url = url.replace("http://www.xyz.com/acatalog/page","");
    url = url.replace(".html","");

    qryArray = url.split("-");
    var currentSequence = qryArray[0]; //=> "2"
    var totalPages = qryArray[1]; //=> "5"

    for (i=0; i < totalPages; i++) {

    document.write("<a href=\"page" + i + "-" + totalPages + ".html\">" + i + "</a> ";
    }

    Like I say, haven't tested it but could be worth a go.
    http://www.johnsons-seeds.com - Actinic plugins, remote add to cart and custom CMS
    http://www.dtbrownseeds.co.uk - More seeds and plants....
    http://www.mr-fothergills.co.uk - Well it used to be Actinic...

    Comment


      #3
      You'd also have to code for pages arrived at via the Search facility (their URL's look like http://inferno/cgi-bin/sh000730.pl?REFPAGE=http%3a%2f%2finferno%2fv7mysite%2facatalog%2findex%2ehtml&WD=red&SHOP=%20&PN=mysite%2dOUTDOOR%2dHYDRATION%2ehtml%23a000117#a000117)

      You can avoid this by turning of Highlight Located Text in View / Search Settings / Results.

      That leaves Business - Logged in Customers to deal with as all their pages are passed through the Perl.

      And SSL where the URL will be https.
      Norman - www.drillpine.biz
      Edinburgh, U K / Bitez, Turkey

      Comment


        #4
        Hi

        Thanks for your comments.

        I must admit I had invisaged a much more basic concept - using pure html.

        The reason for this is that the pages wont change that often (and there wont be that many - e.g. 6 pages max for an one section).

        Therefore I had planned to create the 1,2,3,4,5 with basic html links. It wouldn't be that time consuming to do.

        The problem I have is how to target the code I have written using section properties.

        Paul
        KJ Beckett
        Men's Clothing & Accessories
        Cufflinks, Underwear, Ties, Grooming Products
        Bath, England
        Fast delivery to UK, USA and worldwide.
        Men's Fashion Blog

        Comment


          #5
          I have is how to target the code I have written using section properties
          There isn't much room in Custom Properties for a lot of HTML.

          Why not just hand code it into a fragment at the top / bottom of each pages product list. Put your HTML within !!< and >!! tags (so Actinic knows to use it as HTML). You'll only need simple links unless you have logged-in customers.

          PS Still like that JavaScript idea as it's automatic. All you have to do is set your page names and forget (until you add / remove pages). One drawback would be that if you did add / remove pages you'd have to change all that sections page names and thus break bookmarks and search engine links.
          Norman - www.drillpine.biz
          Edinburgh, U K / Bitez, Turkey

          Comment


            #6
            Again just a thought that would perhaps accomodate logged in users:

            var url = document.location.href;
            url = url.replace("http://www.xyz.com/acatalog/page","");
            url = url.replace(".html","");

            qryArray = url.split("-");
            var currentSequence = qryArray[0]; //=> "2"
            var totalPages = qryArray[1]; //=> "5"

            for (i=0; i < totalPages; i++) {

            document.write("<a href=\"http://www.xyz.com/cgi-bin/ss000001.pl?SECTIONID=page" + i + "-" + totalPages + ".html&NOLOGIN=1\">" + i + "</a> ";
            }

            But yes it's certainly got its limitations. Anyway, maybe it'll help, maybe not.
            Good luck.
            http://www.johnsons-seeds.com - Actinic plugins, remote add to cart and custom CMS
            http://www.dtbrownseeds.co.uk - More seeds and plants....
            http://www.mr-fothergills.co.uk - Well it used to be Actinic...

            Comment


              #7
              Paul,

              I've written a completely Automatic way of doing this in JavaScript. It interrogates the SectionTree structure, works out what the sibling levels are and displays a list of the sibling sections and their links. E.g.

              Pages: 1 - [2] - 3 - 4 - 5 - 6 - 7 - 8 - 9 - 10 - 11 - 12 - 13.

              where the page we're currently on [2] is in Bold.

              This was quite a bit of work so I'm going to put it on my "DonationWare" pages.

              Since you gave me the idea I'll send you a copy. Can you remind me of your e-mail address? Don't post it here as spammers might find it.
              Norman - www.drillpine.biz
              Edinburgh, U K / Bitez, Turkey

              Comment


                #8
                Norman's Section Pagination / Siblings List - Excellent

                Have installed Norman's [excellent] Section Pagination / Siblings List program on a client's site www.bridgehousechandlery.co.uk. NB. site is still being developed, products and blurb are still being loaded plus the layout needs tidying up but Norman's program is working a treat.

                You have the choice of displaying page numbers or page titles.
                Installation is a doddle with the clear and concise instructions plus you can format the display if required. We've currently left as is and opted to display page titles instead of page numbers.
                Works on deep nested sections - this site will have over 10,000 products and hundreds of sections four or five levels deep when finished.

                What a godsend - the thought of having to hard code all the sibling links ... glad I found it beforehand!
                Many thanks Norman!
                www.eyewear2gogo.com - designer sunglasses at discount prices
                www.solarequip.co.uk - solar products at discount prices!
                www.stuff2gogo.com - great stuff - great prices

                Comment


                  #9
                  Originally posted by Univiz
                  Have installed Norman's [excellent] Section Pagination / Siblings List program
                  Norman, can you please let me know which add-on Univiz is referring to here:
                  http://www.drillpine.biz/actinicstuff/index.html

                  I am trying to get the same page 1,2,3,4,5 etc. style navigation at the bottom of pages.

                  Many thanks

                  Comment


                    #10
                    Another obvious solution I implemented, (credit to someone in the forum some time ago), is simply to reduce the number products per section by splitting your products into additional sections based on price or variable such as widgets £20-£25 and widgets £25-£30 and so on. It's also picked up by well by the SEs and looks good in search results.

                    Duncan R

                    Comment


                      #11
                      Thanks Duncan, that does sound like a good idea and I'll save it as a tip! In this case we specifically want to have links like 1 | 2 | 3 | 4 etc. with the current page in bold.

                      Comment


                        #12
                        I have an add-on that displays these sibling level lists.

                        I didn't post it (and quite a few other recent add-ons) on www.drillpine.biz/actinicstuff as too many people were helping themselves.

                        I've been selling this patch for UK£ 25 / US$ 40, so you'd have to contact me if you want it.

                        Here's a note from its ReadMe
                        Code:
                        Displaying a clickable list of same level sections on a Product Page (V1.02)
                        
                        E.g. somewhere on the page you can have:
                        
                        Pages: 1 - [2] - 3 - 4 - 5 - 6 - 7 - 8.
                        
                        where the current page is marked in [bold].
                        
                        You can set a limit that will stop this list from being displayed unless there are
                        at least a certain number of sibling sections.
                        
                        You can optionally show the page names instead of their sequence e.g.
                        
                        Pages: BLUE SHOE - [CINNAMON] - CLOSET - ELISE RYAN - FOLIA - KIOSK - LACEYS - LOVE UK
                        
                        Note that this will only work on live sites, not on Preview pages.
                        On Preview pages some demo text will be shown "Pages: 1 - [2] - 3"
                        so you can fine tune the layout.
                        Norman - www.drillpine.biz
                        Edinburgh, U K / Bitez, Turkey

                        Comment


                          #13
                          Hi Norman

                          In Actinic back-office, where multiple pages for a particular product type (e.g. cufflinks) are required - I have a number of subsections at the SAME level (e.g.

                          By Type
                          Bow Ties
                          Cufflinks Page 1
                          Cufflinks Page 2
                          Cufflinks Page 3
                          Wallets
                          By Season
                          Summer
                          Winter Page 1
                          Winter Page 2

                          )

                          On the cufflinks pages I originally wanted pagination buttons (e.g 1 - 2 - 3) but this patch wasnt suitable becuase my sections are all at the same level. Is this still the case - do the pages (sections) that require pagination buttons need to be in their own section?

                          Paul
                          KJ Beckett
                          Men's Clothing & Accessories
                          Cufflinks, Underwear, Ties, Grooming Products
                          Bath, England
                          Fast delivery to UK, USA and worldwide.
                          Men's Fashion Blog

                          Comment


                            #14
                            Could you indent that lot (use hyphens - not spaces) so I can see what you mean. The Forum has put it all against the margin.
                            Norman - www.drillpine.biz
                            Edinburgh, U K / Bitez, Turkey

                            Comment


                              #15
                              Oops!

                              By Type
                              -Bow Ties
                              -Cufflinks Page 1
                              -Cufflinks Page 2
                              -Cufflinks Page 3
                              -Wallets
                              By Season
                              -Summer
                              -Winter Page 1
                              -Winter Page 2
                              KJ Beckett
                              Men's Clothing & Accessories
                              Cufflinks, Underwear, Ties, Grooming Products
                              Bath, England
                              Fast delivery to UK, USA and worldwide.
                              Men's Fashion Blog

                              Comment

                              Working...
                              X