+ and - button on product page

  • Posts: 137
  • Thank you received: 2
11 years 9 months ago #121487

On your Hikashop demo site you are displaying + and - buttons next to the quantity input field. They are not shown in my template. Is this a specific add-on? I see you are referencing the class="hikashop_product_quantity_field_change".

How could I implement such buttons? I have the button jpgs but would need how to show them and combine with the class functionality.

Please Log in or Create an account to join the conversation.

  • Posts: 83992
  • Thank you received: 13604
  • MODERATOR
11 years 9 months ago #121508

Hi,

They are displayed by default by HikaShop. If you don't see them it's either that your template is overriding their display and not displaying them, or more likely that you removed them yourself by changing the option "Display the quantity field on the product page" to "normal input" instead of "ajax input" in the configuration of HikaShop.

Please Log in or Create an account to join the conversation.

  • Posts: 137
  • Thank you received: 2
11 years 9 months ago #121531

Solved: thanks!

Please Log in or Create an account to join the conversation.

  • Posts: 137
  • Thank you received: 2
11 years 9 months ago #121535

ah, one more question: your demo website shows the + and - buttons with an underlying img. I'd like to do the same.

Can I include something like this in the Hikashop CSS or would that need changes to the template?

.hikashop_product_quantity_main .hikashop_product_stock td a {
background: url("../images/add_white_dot.png") no-repeat scroll center center transparent;
color: #14CBEC;
font-weight: bold;
margin-top: 3px;
padding: 3px 15px;
}

Please Log in or Create an account to join the conversation.

  • Posts: 12953
  • Thank you received: 1778
11 years 9 months ago #121538

Hi,
The solution will be to use the classes :
hikashop_product_quantity_field_change_plus
hikashop_product_quantity_field_change_minus
in your CSS file.

Please Log in or Create an account to join the conversation.

  • Posts: 137
  • Thank you received: 2
11 years 9 months ago #121554

FINALLY SOLVED. Works great. As the classes are not yet defined in my Custom CSS, I've included the following:

.hikashop_product_quantity_field_change_plus{
background: url("http:/my servers url to the image") no-repeat scroll center center;
font-weight: bold;
margin-top: 3px;
padding: 3px 15px;
}

Please Log in or Create an account to join the conversation.

Time to create page: 0.073 seconds
Powered by Kunena Forum