- Posts: 137
- Thank you received: 2
+ and - button on product page
13 years 1 month ago #121487
by 1fcb
+ and - button on product page was created by 1fcb
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.
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.
13 years 1 month ago #121508
by nicolas
Replied by nicolas on topic + and - button on product page
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.
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.
13 years 1 month ago #121531
by 1fcb
Replied by 1fcb on topic SOLVED: + and - button on product page
Solved: thanks!
Please Log in or Create an account to join the conversation.
13 years 1 month ago #121535
by 1fcb
Replied by 1fcb on topic + and - button on product page
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;
}
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.
Less
More
- Posts: 12953
- Thank you received: 1778
13 years 1 month ago #121538
by Mohamed Thelji
Replied by Mohamed Thelji on topic + and - button on product page
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.
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.
13 years 1 month ago #121554
by 1fcb
Replied by 1fcb on topic + and - button on product page
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;
}
.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.199 seconds