Welcome, Guest
Username: Password: Remember me
Use this Category for your support questions about Virtuemart Template - FashionMart (SKU# FLEX-00008)

TOPIC: pagination issue

pagination issue 6 years 10 months ago #1614

Hello the team it seem that my pagination style is not working, i do not have the same pagination than your demo ,

could you please let me know what to do in order to fix this?

thank you
Attachments:
The administrator has disabled public write access.

pagination issue 6 years 10 months ago #1627

Hi,

Look at this PHP file in your server:

ROOT/templates/<yourjoomlatemplatefolder>/html/pagination.php

and change its file name to pagination2.php
So it will become this:
ROOT/templates/<yourjoomlatemplatefolder>/html/pagination2.php

Then you will have the SAME pagination style as you see in our DEMO.

Regards.
The administrator has disabled public write access.

pagination issue 6 years 9 months ago #1651

its not the best way to do it, because doing that it brakes all my category / blog pagination (from k2)

Do you have an another solution please?

thank you
The administrator has disabled public write access.

pagination issue 6 years 9 months ago #1663

Then you should manually change the CSS rules from
/templates/<yourjoomlatemplate>/html/com_virtuemart/assets/css/flexibleVM2Global.css

First, use the "Firebug" and see what DIV element ID your pagination elements are using. It is
<div id="bottom-pagination">

Also the Scheme looks like this (in original Joomla):
<div id="bottom-pagination">
	<ul>
	<li class="pagination-start">
		<span class="pagenav">Start</span>
	</li>
	<li class="pagination-prev">
		<span class="pagenav">Prev</span>
	</li>
	<li>
		<span class="pagenav">1</span>
	</li>
......
.....
.....	
	<li class="pagination-next">
		<a class="pagenav" href="......" title="Next">Next</a>
	</li>
	<li class="pagination-end">
		<a class="pagenav" href="....." title="End">End</a>
	</li>
	</ul>
</div>

In original Joomla, but apparently this PHP file:
ROOT/templates/<yourjoomlatemplatefolder>/html/pagination.php

is changing the scheme or the DIV element ID or Class names to something else to let the K2 Component controls them.
Use Firebug to see the DIV element ID and LI classes.

Then open this
/templates/<yourjoomlatemplate>/html/com_virtuemart/assets/css/flexibleVM2Global.css

and change the CSS rules.

lets say, the DIV element ID is something like this:
<div id="paginationK2">

Then in the
/templates/<yourjoomlatemplate>/html/com_virtuemart/assets/css/flexibleVM2Global.css
Where ever you see "bottom-pagination", replace it with "paginationK2" for example;
div#bottom-pagination ul li span {
	background-color:#FAFAFA;  
	margin:1px;
	padding:8px;
	color:#FFFFFF;
	border:1px solid #d8d8d8;
	font-family: 'Oswald', sans-serif;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 0 10px rgba(0, 0, 0, 0.1) inset;
	display:block;
	color:#CCC; 
}

change it to:
div#paginationK2 ul li span {
	background-color:#FAFAFA;  
	margin:1px;
	padding:8px;
	color:#FFFFFF;
	border:1px solid #d8d8d8;
	font-family: 'Oswald', sans-serif;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 0 10px rgba(0, 0, 0, 0.1) inset;
	display:block;
	color:#CCC;	 
}


Regards.
Last Edit: 6 years 9 months ago by Support.
The administrator has disabled public write access.

pagination issue 5 years 4 weeks ago #10884

I have the same issue but I I am using a Yootheme template I tried the stated solution list above but didnt work. Please advise
The administrator has disabled public write access.

pagination issue 5 years 3 weeks ago #10925

hi,

This is a very old topic. And this patch is little complicated.

The easiest way to solve the pagination style problem is;

find this PHP file:
/templates/YOUR_TEMPLATE/html/pagination.php

and rename it to this:
/templates/YOUR_TEMPLATE/html/pagination2.php

everything will be just fine.

Regards.
Support
The administrator has disabled public write access.
Time to create page: 0.113 seconds

MaterialMart

for Virtuemart 3

Google's Material Design has finally arrived to Virtuemart

Virtumart Template - MaterialMart Virtumart Template - CleanMart Virtumart Template - CleanMart Virtumart Template - CleanMart

Fully responsive!

Buy Now   |   Live Demo