VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: Jacson on October 06, 2017, 12:32:16 PM

Title: disable drop down #number of product list?
Post by: Jacson on October 06, 2017, 12:32:16 PM
My question is easy and simple. I've read the whole related pages but they didn't get the answer, just refer to unrelevant posts!.
The good answer would be appreciated.
The question:
How to eliminate the "drop down #number of product list" that shows the number of displayed products. I have just three producs, so, logicly I don't need this dropdown. :-\
Title: Re: disable drop down #number of product list?
Post by: jenkinhill on October 06, 2017, 13:13:56 PM
It is very easy. You could set up a template override, but even easier than that is to hide the element with css.

For default VM templates you could use
.orderby-displaynumber .display-number  {
display: none;
}

If using a commercial template the style selector may be different but if you look at the page code you will see what to use.
Title: Re: disable drop down #number of product list?
Post by: Jacson on October 07, 2017, 17:00:22 PM
Thank you Jenkinhill
In template override, the which one I must choose [I've attached screenshot]?!!!
I've tried some of them but I couldn't get that I want.
Title: Re: disable drop down #number of product list?
Post by: GJC Web Design on October 07, 2017, 21:56:42 PM
com_virtuemart->category
Title: Re: disable drop down #number of product list?
Post by: Jacson on October 08, 2017, 10:22:22 AM
Thank you so much   :-*

Part 1:
I've deleted the similar line in Template override (Screenshot attached) and hopefully "Result of" box is gone.  ;D

Part 2:
I couldn't use the code that you gave it to me.
In which line I must put this code?
.orderby-displaynumber .display-number  {
   display: none;}

Please help me in which line in template override that I've created   (/html/com_virtuemart/category/default.php)    I can put the code    (.orderby-displaynumber .display-number  {display: none;})    for next time. ;)
Title: Re: disable drop down #number of product list?
Post by: jenkinhill on October 08, 2017, 12:38:28 PM
.orderby-displaynumber .display-number  {
   display: none;}

Is css - so you add it to your template custom css file (if there is one) or the main template css file,   or use a full VM css override. http://docs.virtuemart.net/tutorials/templating-layouts/106-override-vmsite-ltr-css.html

But as stated earlier, if you already use a template override or commercial template then the css class selector may be different.
Title: Re: disable drop down #number of product list?
Post by: Jacson on October 08, 2017, 16:47:48 PM
Holy man. You are awesome. That was my first CSS.
I've reverted my changes. I've created a new CSS in my template and add your code. (the box is gone)
:-*  :-*  8)  :-*  :-*
The great supporters:
Jenkinhill  :-*
GJC Web Design  :-*