+/- buttons design

mirkozax
Topic Author
Offline

13 years 3 months ago #108814 by mirkozax

+/- buttons design was created by mirkozax

Hi, how to change design with a graphic to +/- cart buttons ?

thanks

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

Mohamed Thelji
Offline

13 years 3 months ago #108841 by Mohamed Thelji

Replied by Mohamed Thelji on topic +/- buttons design

Hi,

My solution would be to edit the "administrator/components/com_hikashop/helper/cart.php" file, and change these lines :

Code:

$html ='
					<table>
						<tr>
							<td rowspan="2">
								<input id="hikashop_product_quantity_field_'.$i.'" type="text" value="'.JRequest::getInt('quantity',$min_quantity).'" class="hikashop_product_quantity_field" name="quantity" onchange="hikashopCheckQuantityChange(\'hikashop_product_quantity_field_'.$i.'\','.$max_quantity.','.$min_quantity.');" />
							</td>
							<td>
								<a id="hikashop_product_quantity_field_change_plus_'.$i.'" class="hikashop_product_quantity_field_change_plus hikashop_product_quantity_field_change" href="#" onclick="return hikashopQuantityChange(\'hikashop_product_quantity_field_'.$i.'\',1,'.$max_quantity.','.$min_quantity.');">+</a>
							</td>
							<td rowspan="2">
								'.$html.'
							</td>
						</tr>
						<tr>
							<td>
								<a id="hikashop_product_quantity_field_change_minus_'.$i.'" class="hikashop_product_quantity_field_change_minus hikashop_product_quantity_field_change" href="#" onclick="return hikashopQuantityChange(\'hikashop_product_quantity_field_'.$i.'\',0,'.$max_quantity.','.$min_quantity.');">&ndash;</a>
							</td>
						</tr>
					</table>
					';
				}

by these lines :

Code:

$html ='
							<input id="hikashop_product_quantity_field_'.$i.'" type="text" value="'.JRequest::getInt('quantity',$min_quantity).'" class="hikashop_product_quantity_field" name="quantity" onchange="hikashopCheckQuantityChange(\'hikashop_product_quantity_field_'.$i.'\','.$max_quantity.','.$min_quantity.');" />
							<a id="hikashop_product_quantity_field_change_plus_'.$i.'" class="hikashop_product_quantity_field_change_plus hikashop_product_quantity_field_change" href="#" onclick="return hikashopQuantityChange(\'hikashop_product_quantity_field_'.$i.'\',1,'.$max_quantity.','.$min_quantity.');">+</a>
							/
							<a id="hikashop_product_quantity_field_change_minus_'.$i.'" class="hikashop_product_quantity_field_change_minus hikashop_product_quantity_field_change" href="#" onclick="return hikashopQuantityChange(\'hikashop_product_quantity_field_'.$i.'\',0,'.$max_quantity.','.$min_quantity.');">&ndash;</a>
					'.$html;
				}

Hope this will help you a little

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

mirkozax
Topic Author
Offline

13 years 3 months ago #108891 by mirkozax

Replied by mirkozax on topic +/- buttons design

Sorry, but this modification add a graphic botton to change the layout +/- ?

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

Mohamed Thelji
Offline

13 years 3 months ago #108895 by Mohamed Thelji

Replied by Mohamed Thelji on topic +/- buttons design

No I just misunderstood your question, I think that you'll probably find your answer there .

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

mirkozax
Topic Author
Offline

13 years 3 months ago #108896 by mirkozax

Replied by mirkozax on topic +/- buttons design

I don't want HIDE +/- buttons, but I want change it with a graphic buttons like in the attachment

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

Mohamed Thelji
Offline

13 years 3 months ago - 13 years 3 months ago #108898 by Mohamed Thelji

Replied by Mohamed Thelji on topic +/- buttons design

Sure, and the link that I gave you will probably do the job :

You can look at the point 3 of that thread for that:
www.hikashop.com/en/forum/4-how-to/32418...uration-problem.html

Last edit: 13 years 3 months ago by Mohamed Thelji.

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

mirkozax
Topic Author
Offline

13 years 3 months ago #108907 by mirkozax

Replied by mirkozax on topic +/- buttons design

Hi, with these lines

Code:

.hikashop_product_quantity_field_change_plus{
background-image: url("../images/as.png");
color: transparent;
display: block;
width: 16px;
height: 23px;
}

when I mouse over on + or - the simbols appear, how I can hide +/- and use only my images ?

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

Mohamed Thelji
Offline

13 years 3 months ago #108908 by Mohamed Thelji

Replied by Mohamed Thelji on topic +/- buttons design

Does it solve it with this CSS code :

Code:

#hikashop_product_quantity_field_change_plus, #hikashop_product_quantity_field_change_minus{
color: transparent;
}

If not, can you give me a temporary link to your product page for testing purpose ?

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

mirkozax
Topic Author
Offline

13 years 3 months ago #108913 by mirkozax

Replied by mirkozax on topic +/- buttons design

You have a PM

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

Mohamed Thelji
Offline

13 years 3 months ago #108915 by Mohamed Thelji

Replied by Mohamed Thelji on topic +/- buttons design

Ok, the solution will just be to change this property :

Code:

color: transparent;

by :

Code:

color: transparent !important;

The following user(s) said Thank You: mirkozax

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

mirkozax
Topic Author
Offline

13 years 3 months ago #108916 by mirkozax

Replied by mirkozax on topic +/- buttons design

Yes this is the ultimate solution

GREAT Mohamed !

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

Time to create page: 0.321 seconds