VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: petepeith on June 05, 2012, 06:45:19 AM

Title: Need help on Pagination
Post by: petepeith on June 05, 2012, 06:45:19 AM
Hi, I made a custom theme and found a problem.
At the bottom on category page the page navigation show like this

StartPrev12NextEnd << there is no space between them

My question is how to make space between them? and I have no idea where to edit these thing in case that I want to customize it to show like 1 | 2 | 3 | 4

Thanks in advance!
Title: Re: Need help on Pagination
Post by: jenkinhill on June 05, 2012, 18:28:42 PM
Use Firebug to identify which css atyles/files require editing.  http://forum.virtuemart.net/index.php?topic=102850.0
Title: Re: Need help on Pagination
Post by: petepeith on June 06, 2012, 13:17:28 PM
Thanks a lot!
Is there anyway the change the word such as Start, Prev, End, Next in other word or use image instead just in case I would like to change its language.
Title: Re: Need help on Pagination
Post by: gastonfl on August 21, 2012, 17:50:16 PM
To change next etc, use language manager.
I have the same problem i use inspect element, edit vmsite-ltr.css but still with the same problem, i edit my template and the same. i change the line 181 .vm-pagination ul li{display: inline;} the inline to others but the problem is still there, i cant find a solution anywhere in the web and forum, please help with example.
Thx a lot
Title: Re: Need help on Pagination
Post by: jjk on August 21, 2012, 18:21:18 PM
Quote from: gastonfl on August 21, 2012, 17:50:16 PM
To change next etc, use language manager. I have the same problem i use inspect element,
What exactly is your problem? In the frontend pagination the strings Prev, Next, etc. might be from the file ...joomlaroot\language\en-GB\en-GB.ini, which should change to other languages automatically on a multilingual site, if your Joomla language configuration is correct.
Title: Re: Need help on Pagination
Post by: gastonfl on August 21, 2012, 18:41:48 PM
the next answer was for the other user asking.
sorry.
my problem is:
At the top and the bottom on category page the page navigation show like this

StartPrev12NextEnd << there is no space between them

My question is how to make space between them? and I have no idea where to edit these thing in case that I want to customize it to show like 1 | 2 | 3 | 4

i need add something like this <p style="word-spacing: 2em;">
i cant find where, im editing vmsite-ltr.css and my template.css i cant find a solution.
please help. many people with this problem without solution.

Thx
Title: Re: Need help on Pagination
Post by: ivus on August 21, 2012, 18:53:38 PM
Hi everyone,

I'm pretty sure we solved it over here... https://forum.virtuemart.net/index.php?topic=104473 (https://forum.virtuemart.net/index.php?topic=104473)

Quoteplease help. many people with this problem without solution.

???
Title: Re: Need help on Pagination
Post by: gastonfl on August 21, 2012, 19:07:55 PM
Thx for the answer, but is not that, already tried. i use css style from VM, tried both ways.
i need to add something in u1 or paginition. im tried almost everything.
Title: Re: Need help on Pagination
Post by: ivus on August 21, 2012, 19:14:20 PM
@gastonfl

do you have a link?
Title: Re: Need help on Pagination
Post by: gastonfl on August 21, 2012, 19:31:44 PM
ivus thx
http://just-smile.com.ar/index.php/almacen


THX
Title: Re: Need help on Pagination
Post by: jjk on August 21, 2012, 19:36:17 PM
In my case the spacing is controlled by one of my two template's css files

.pagenav {
    padding: 2px;

Perhaps you can find something similar (using Firebug really helps to locate such settings)  :)
Title: Re: Need help on Pagination
Post by: gastonfl on August 21, 2012, 19:49:41 PM
thx jjk
i edit this line in vmsite-ltr.css
.vm-pagination ul li{display: inline;padding: 2px;}
adding the padding. IT WORKS!!!!!!!!!!!!!!!!!! THX

Still have another problem with the same, the navigation is not centered, what i need to add to this line?
Thx
Title: Re: Need help on Pagination
Post by: jjk on August 21, 2012, 19:56:10 PM
Just had a look at your link. You can solve your spacing problem in this file:

ttp://just-smile.com.ar/templates/justsmile17083colbpaginatione/css/template.css

Search for this (around line 12 if my Firebug utility is correct) and increase the margin and padding from 0 to 2px for example.

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li {
    margin: 0;
    padding: 0;

-------------------------------
BTW - you have some jQuery problems/conflicts on your website which you need to solve:
ReferenceError: jQuery is not defined

Update

If you keep your solution in vmsite-ltr.css, add "2px" to the margin in my solution mentioned above in order to center the pagination.
Title: Re: Need help on Pagination
Post by: ivus on August 21, 2012, 20:00:37 PM
Hi gastonfl,

firstly you have a javascript error. 'jQuery is not defined'... you'll have to turn it on in the VM config.

vmsite-ltr.css @ line 181



.vm-pagination {display:block; clear:both;}
.vm-pagination ul li{display: inline; border-right:1px solid #000; padding: 0 5px; }
.vm-pagination ul li:last-child{ border-right:none;}



The navigation is centered in my browser?
Title: Re: Need help on Pagination
Post by: gastonfl on August 21, 2012, 20:26:28 PM
Thx i tried adding 2px margin, it works but only in firefox, in chrome no.
then i tried deleting line 181 and replace with.
.vm-pagination {display:block; clear:both;}
.vm-pagination ul li{display: inline; border-right:1px solid #000; padding: 0 5px; }
.vm-pagination ul li:last-child{ border-right:none;}

IT WORKS and add a nice touch.

Thx jjk and ivus

do you know what lenguaje file i need to edit to change the word START in navigation, i tried to overlay but doesnt work. are many files es-ES im looking but still not finding.
there is no way to stablish the width of the store in vm 2 , i remember that option in vm 1 ?

The Jquerry was off and i forgot to turn it back on, when i was looking for the problem.
Title: Re: Need help on Pagination
Post by: gastonfl on August 21, 2012, 20:29:14 PM
I forgot, i have Jquerry off when i was looking for the problem and forgot to turn it on again
Title: Re: Need help on Pagination
Post by: ivus on August 21, 2012, 20:29:55 PM
hi gastonfl,

Quotethere is no way to stablish the width of the store in vm 2 , i remember that option in vm 1 ?

please explain thoroughly as I don't use VM1
Title: Re: Need help on Pagination
Post by: jjk on August 21, 2012, 20:30:32 PM
Quote from: gastonfl on August 21, 2012, 20:26:28 PM
there is no way to stablish the width of the store in vm 2 , i remember that option in vm 1 ?

If you mean the total width of the shop, that is controlled by the Joomla template in VM2 (in order to make it easier :-)
Title: Re: Need help on Pagination
Post by: gastonfl on August 21, 2012, 20:55:03 PM
thx for the answer about the width.

do you know what lenguaje file i need to edit to change the word START in navigation, i tried to overlay but doesnt work. are many files es-ES im looking but still not finding.
It shows "iniciar" and i need "inicio" is a bad translation
Title: Re: Need help on Pagination
Post by: jjk on August 21, 2012, 21:22:22 PM
Quote from: gastonfl on August 21, 2012, 20:55:03 PM
do you know what lenguaje file i need to edit to change the word START in navigation, i tried to overlay but doesnt work. are many files es-ES im looking but still not finding. It shows "iniciar" and i need "inicio" is a bad translation

I frequently to use a free editor called Notepad++ to search for strings in language files or pieces of code. The "Start" might be in one of your spanish Joomla language files.
Title: Re: Need help on Pagination
Post by: gastonfl on August 21, 2012, 21:35:15 PM
with notepad i need to open each file and search?
because i use the search in DW

Thx
Title: Re: Need help on Pagination
Post by: jenkinhill on August 22, 2012, 17:06:20 PM
To search through multiplefiles/directories use Agent Ransack. http://www.mythicsoft.com/page.aspx?type=agentransack&page=home   

Fast & free