Terry Paulhus
Ecommerce Template Expert
Canada
573 Posts |
 Posted - 03/28/2020 : 09:50:24
Is there a way to control the number of pagenums that show. Currently it shows from 1-10.
When I configure the screen for phone, it still shows that many and causes it to wrap.
Is there some sort of control where you could just see 4 or 5? or better yet, it could just say previous or next?
Terry (Redsei)
|
Terry Paulhus
Ecommerce Template Expert
Canada
573 Posts |
Posted - 03/28/2020 : 09:56:21
I've tried the display: none setting on .ectlink and poof... they all go away. hmmmm.......  Terry (Redsei) |
1818charlie
ECT Moderator
United Kingdom
1198 Posts |
Posted - 03/28/2020 : 10:37:10
Hi Terry, I've never seen any setting with regards to page number display apart from the one for the include file which allows for showing the page numbers at the top of the page as well as the bottom. I've just looked at the site's I manage and all show the page numbers perfectly on mobile https://v45.co.uk/ect/ectpagenums-1.jpgSteve Bolton, Lancashire, UK Remember - Any edits to the ectcart.css file will be overwritten by updater's. ALL edits to ectcart.css rules should be placed in your style.css file
Edited by - 1818charlie on 03/28/2020 10:40:39
|
Terry Paulhus
Ecommerce Template Expert
Canada
573 Posts |
Posted - 03/28/2020 : 10:40:58
1818Charlie,
I have increased the padding slightly between the numbers as I made the numbers have the look of a button. I didn't want to go the route of just a text thing...
Terry (Redsei)
|
dbdave
ECT Moderator
USA
10468 Posts |
Posted - 03/28/2020 : 11:30:12
I have extensive styling on mine. I got a head start with the post from Marshall in this thread https://www.ecommercetemplates.com/support/topic.asp?TOPIC_ID=109320  The important thing to me, is for users on small devices to be able to tap the page numbers easily. David
Edited by - dbdave on 03/28/2020 11:32:02
|
Terry Paulhus
Ecommerce Template Expert
Canada
573 Posts |
Posted - 03/28/2020 : 11:33:30
Is there a PHP alternative?
Terry (Redsei)
|
dbdave
ECT Moderator
USA
10468 Posts |
Posted - 03/28/2020 : 13:26:56
Hi Terry, the first part of his post is all css I believe.
I don't have any mods to achieve my look you see. It's all css.
I'll see if I can gather what I have done and post it.
David
|
dbdave
ECT Moderator
USA
10468 Posts |
Posted - 03/28/2020 : 13:38:25
Ok, I actually loaded up the css on my php test site to be sure I have it all here. It's all css and you can of course adjust colors to your liking. See the demo on the bottom of the page here - https://www.floridasurpluswarehouse.com/dev/products.php here is the css to create that div.pagenums {
color: #FFFFFF;
float: left;
width: 100%;
padding: 10px 0;
text-align: center;
font-weight: bold;
}
div.pagenums a.ectlink{
padding: 4px 7px;
line-height: 30px;
white-space: nowrap;
color: #800000;
border: 1px solid #800000;
border-radius: 4px;
font-size: 16px;
-webkit-box-shadow: 0 2px 4px #c0c0c0;
-moz-box-shadow: 0 2px 4px #c0c0c0;
box-shadow: 0 2px 4px #c0c0c0;
}
div.pagenums a.ectlink:hover{
color:#e71b1f;
border:1px solid #510102;
-webkit-box-shadow:inset 0 2px 4px #ccc;
-moz-box-shadow:inset 0 2px 4px #ccc;
box-shadow:inset 0 2px 4px #ccc;
}
div.pagenums .currpage{
border: 1px solid #800000;
color: #FFFFFF;
padding: 4px 7px;
font-size:16px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
background-color: #800000;
cursor: no-drop;
}
div.pagenums > a.ectlink:first-child::after {
content: " First";
}
div.pagenums > a.ectlink:last-child::before {
content: " Last ";
}
span.pagebarquo {
display:none;
}  |
Terry Paulhus
Ecommerce Template Expert
Canada
573 Posts |
Posted - 03/28/2020 : 17:43:36
Thanks Dave... I threw that in... that's exactly what I was doing on mine-however, I have more than 4+ pages. So when I'm at that level I get this at the 800px wide level.  Terry (Redsei) |
Marshall
Ecommerce Template Guru
USA
1916 Posts |
Posted - 03/28/2020 : 18:55:44
Terry, the color here
div.pagenums {
color: #FFFFFF;
float: left;
width: 100%;
padding: 10px 0;
text-align: center;
font-weight: bold;
}
should be the same color as the page background which I assume from the screen shot is black. As for how Phil got four numbers, I cannot say, unless there only happened to be four pages.
Marshall
CENLYT Productions - ms designs
Affordable Web Design
Custom Ecommerce Designs
Responsive Websites
Cenlyt.com
Edited by - Marshall on 03/28/2020 18:56:37
|
Terry Paulhus
Ecommerce Template Expert
Canada
573 Posts |
Posted - 03/28/2020 : 19:00:06
Yeah there were only 4 pages...
having more than 10 gives you two new buttons, left and right....
first-previous-1-2-3-4-5-6-7-8-9-next-last
Terry (Redsei)
|
dbdave
ECT Moderator
USA
10468 Posts |
Posted - 03/28/2020 : 20:10:24
Yes, the whole thing wraps, but what I did is create adjustments at smaller breakpoints in my css file to make the buttons just a bit smaller and they don't overlap and it's really only a few categories that I have that are more than a few pages anyway.
You should tweak it for smaller views and it will at least work better than just numbers.
David
|
Terry Paulhus
Ecommerce Template Expert
Canada
573 Posts |
Posted - 03/28/2020 : 20:12:32
Yeah I have done that for now... was hoping that the numbers inside (1-9) would have a style that I could hide for the smaller view... then I'd be left with 4 buttons... which works for me.
Terry (Redsei)
|
dbdave
ECT Moderator
USA
10468 Posts |
Posted - 03/28/2020 : 20:50:56
Perhaps you might make a post in the suggestions forum for some improvements to the page number feature.
I think Vince could work some magic to make them easier to style, more friendly for mobile users and options to maybe just show the first/last and previous/next
Thanks,
David
|
Terry Paulhus
Ecommerce Template Expert
Canada
573 Posts |
Posted - 03/28/2020 : 20:52:41
Good Idea!
Terry (Redsei)
|
ITZAP
Ecommerce Template Guru
Australia
1018 Posts |
Posted - 03/28/2020 : 21:56:02
Terry, my suggestion would be to go STORE ADMIN >> General Settings, see Products per page: and double that value ... Submit Gary  |
Terry Paulhus
Ecommerce Template Expert
Canada
573 Posts |
Posted - 03/28/2020 : 21:58:03
Ha... I thought about all of that... I currently have 1200 products and have to put up another 5000.....
Terry (Redsei)
|
Vince
Administrator
42874 Posts |
Posted - 03/29/2020 : 04:14:07
|
Terry Paulhus
Ecommerce Template Expert
Canada
573 Posts |
Posted - 03/29/2020 : 06:55:35
WOW-Thanks Vince.
Was that in the latest update of ver 7.2.1 (which I am currently using)? or is there a place where I can go to grab the two files?
Terry (Redsei)
Edited by - Terry Paulhus on 03/29/2020 06:56:05
|
Vince
Administrator
42874 Posts |
Posted - 03/29/2020 : 09:10:12
|
Terry Paulhus
Ecommerce Template Expert
Canada
573 Posts |
Posted - 03/29/2020 : 11:45:01
I have to say Vince I am truly in awe with you and the countless others that have helped me through all of the questions I have had.
All of your response times and over and above customer service has fortified my commitment with ECT.
Years ago I had strayed away from this store in hopes of a simpler, easier solution and I had my fair share of dealing with other stores that in the end added more time and headaches.
But ECT has been solid through and through.
So glad I'm back.
Terry (Redsei)
|
| |
Pagenum trim back