VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: MarcoFox on October 02, 2012, 13:45:52 PM

Title: Multiple page navigation
Post by: MarcoFox on October 02, 2012, 13:45:52 PM
Hello, I'm using a artisteer template on my Joomla 2.5 site, but whenever I have a multiple page product listing, the navigation screws up.

Basically, the numbers all get crumped together, even though there is more than enough space.

(http://metro-som.com/online/index.php?option=com_virtuemart&view=category&virtuemart_category_id=8&Itemid=108&lang=en)

So, what's wrong here?

Thank you.

[attachment cleanup by admin]
Title: Re: Multiple page navigation
Post by: bytelord on October 02, 2012, 14:30:22 PM
Hi,

That's problem with artisteer template that overrides your css. I reply on your previous post how to use firebug and override your vm template to make that fixes.
http://forum.virtuemart.net/index.php?topic=108235.msg362049#msg362049

In the above case your artisteer template places some ul/ui image bullets and also you does not leave space between the elemetns ...

Regards

Title: Re: Multiple page navigation
Post by: MarcoFox on October 04, 2012, 15:30:58 PM
Thank you very much. Its sorted now.
Title: Re: Multiple page navigation
Post by: fmlk4u on November 16, 2012, 23:38:50 PM
Hello,

I am still pretty inexperienced user of VM but made some progress. Indeed I have the same problem. See e.g.
http://www.new.keyboard-centrum.nl/nl/assortiment/keyboards

How can I override the artisteer css. With Firebug I discovered that for the paginatiion list bullets are used which is silly indeed But isn't VM generating the <ul> and <li> coding which artisteer interprates.

And how can I set the defaul number of articles (now 10)? I cannot find setting in the VM Configuration.

Thanks for anyone who can help me out.

Regards, Fred
Title: Re: Multiple page navigation
Post by: bytelord on November 18, 2012, 16:48:29 PM
Hello,

artisteer templates are a little bit mess and not easy to override many times. You should ask them how to override their attributes.

.art-postcontent ul > li

that one is placing that image bullet for ALL ul, ui lists ...

an easy solution is to override vm2 css and paste the following attribute:

.vm-pagination ul li {
    background-image: none !important;
}

so with that will not shown for vm pagination that bullets. I test it with firebug and working fine for your site.

Use firebug to examine your site code and css styling: http://forum.virtuemart.net/index.php?topic=102850.0
Also read more about template overrides: http://forum.virtuemart.net/index.php?topic=98505.0

Regards