Product Quantity

How to add +/- or up and down arrow for quantity box in product detail page

Look like this

quantity.jpg

Hi

Please show me an exact page I can see this buttons.

this link
http://pattayapickle.com/index.php?page ... &Itemid=27

Hi

Ok. Here is a link to the image with arrows up and down used by quantity http://pattayapickle.com/templates/gk_y ... button.png . Please simply make Your own image with "+" and "-" and replace this file so if the size will be exact than You will not have to do anything else.

Hi

Please simply make Your own image with "+" and "-"

How can I do?

Hi

I'm editing such image with photoshop, than color over arrows with the same color background is and draw + and -. When You have an image ready You just need to replace this image via ftp to the new one.

I'm so sorry if I make you misunderstand.

But I mean "How to show +/- (or up/down arrow) next to quantity box in product detail page?"

This is my site
http://siteisfied.com/~easyshap

This is example site (joomla1.5, Virtuemart 1)
http://pattayapickle.com/index.php?page ... &Itemid=27

Hi

Ok. I get it now First please try rename /html/com_virtuemart to /html/_com_virtuemart to see if default VM layout got this buttons. If yes than send me an access to ftp so I'll try to copy it from default layout to the one provided with our template.

Hi

I have replaced the code for quantity from default VM file to template's one. The code I've used is:

Code: Select all

<?php // Display the quantity box
$stockhandle = VmConfig::get ('stockhandle', 'none');
if (($stockhandle == 'disableit' or $stockhandle == 'disableadd') and ($this->product->product_in_stock - $this->product->product_ordered) < 1) { ?>
   <a href="<?php echo JRoute::_ ('index.php?option=com_virtuemart&view=productdetails&layout=notify&virtuemart_product_id=' . $this->product->virtuemart_product_id); ?>" class="notify"><?php echo JText::_ ('COM_VIRTUEMART_CART_NOTIFY') ?></a>
<?php } else { ?>
   <span class="quantity-box">
      <input type="text" class="quantity-input js-recalculate" name="quantity[]" onblur="check(this);" value="<?php if (isset($this->product->step_order_level) && (int)$this->product->step_order_level > 0) {
      echo $this->product->step_order_level; } else if(!empty($this->product->min_order_level)){ echo $this->product->min_order_level; }else { echo '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>
<?php // Display the quantity box END ?>


Looks like it's working

thank you

It's work

Hi

That wasn't an easy thing, so I'm very happy it's working finally

For missing icons

Please download attached zip file, extract it and copy "cartquantity.png" only to /templates/gk_storebox/images/vm/

Then add any one of the following css in override.css or in each styleX.css
Style 1

Code: Select all

.quantity-plus {background: url(../images/vm/cartquantity.png) no-repeat 0 0 #000000!important;}
.quantity-minus {background: url(../images/vm/cartquantity.png)no-repeat 0 -38px #000000!important;}
.quantity-plus:hover {background: url(../images/vm/cartquantity.png) no-repeat 0 0 #ff7e57!important;}
.quantity-minus:hover {background: url(../images/vm/cartquantity.png)no-repeat 0 -38px #ff7e57!important;}


Style 2

Code: Select all

.quantity-plus {background: url(../images/vm/cartquantity.png) no-repeat 0 0 #000000!important;}
.quantity-minus {background: url(../images/vm/cartquantity.png)no-repeat 0 -38px #000000!important;}
.quantity-plus:hover {background: url(../images/vm/cartquantity.png) no-repeat 0 0 #56bfdc!important;}
.quantity-minus:hover {background: url(../images/vm/cartquantity.png)no-repeat 0 -38px #56bfdc!important;}


Style 3

Code: Select all

.quantity-plus {background: url(../images/vm/cartquantity.png) no-repeat 0 0 #000000!important;}
.quantity-minus {background: url(../images/vm/cartquantity.png)no-repeat 0 -38px #000000!important;}
.quantity-plus:hover {background: url(../images/vm/cartquantity.png) no-repeat 0 0 #96a0d6!important;}
.quantity-minus:hover {background: url(../images/vm/cartquantity.png)no-repeat 0 -38px #96a0d6!important;}


See you around...

Look very nice

Thank you so much

No problem at all, see you around...

But now I see problem

Add to cart button not work

Is this before adding icons & css or before editing php files so we can check properly.

I also see 403 forbidden error when clicking on add to cart button so it might be a temporary permission error in your server.

See you around...

I'm not sure.

Never try before

For test purposes rename following folder so Virtuemart can use its own style and let us know if add to cart button working.

Rename to anything else such as "com_virtuemart_testing"

Code: Select all

/templates/gk_storebox/html/com_virtuemart/


See you around...

yes

It's work

I'll PM my ftp to you

Ok waiting for details.

This is fixed now. Please check and let us know.

It's work now

No problem, see you around...