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

TOPIC: How display the quantity box?

How display the quantity box? 9 years 6 months ago #2273

hi,
how display the quantity box in view list category?? (next to button "add to cart")
The topic has been locked.

How display the quantity box? 9 years 6 months ago #2285

Hi,

The reason why we hide quantity boxes from "category browse page" is because there wasn't enough space.
If you insist on adding it to category browse page,

then open this PHP file:
ROOT/templates/<yourjoomlatemplate>/html/com_virtuemart/category/default.php
(default.php, flexv2.php, defaultlist.php or flexv2list.php... depends on which category browse page you are using currently)

Then find this line:
<input type="hidden" class="quantity-input" name="quantity[]" value="1" />

And replace it with this:
<div id="CategoryBrowsePageQuantity"> 
	<span class="quantity-box">
		<input type="text" class="quantity-input js-recalculate" name="quantity[]" value="`1"/>
	</span>
	<span class="quantity-controls js-recalculate">
		<input type="button" class="quantity-controls quantity-plus"/>
		<input type="button" class="quantity-controls quantity-minus"/>
	</span>
</div>


But the layout won't look good. Because the "add to cart" button is big and there is no enough space to include the "quantity" boxes. You will need some CSS works to make things look good. Since it is a custom modification (because quantity boxes are hidden in our DEMO) you are on your own with modifying things and make them look better.

(i would suggest you to decrease the "add to cart" button size little bit)

Use #CategoryBrowsePageQuantity for every CSS rule you add extra, so your new CSS rules will be effective only in category browse page, but has no effect on product details page's quantity boxes.

You can use FireBug plugin for this customization, browse here for more info about FireBug.
www.flexiblewebdesign.com/forum-virtuemart-2-template-puremart-support/342-using-firebug-for-customization-or-troubleshooting

Regards.
Forum Support.
Last Edit: 9 years 6 months ago by Support.
The topic has been locked.

How display the quantity box? 9 years 6 months ago #2297

thx a lot , in list view - good look :) thanks!
The topic has been locked.

How display the quantity box? 9 years 6 months ago #2300

I am glad it works. Looks like your website is wide enough to make fit everything at once. Great.

Case solved. Topis is closed.

Regards,
Forum Support,
The topic has been locked.
Time to create page: 0.123 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