+/- buttons design

  • Posts: 57
  • Thank you received: 0
11 years 4 months ago #108814

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

thanks

Attachments:

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

  • Posts: 12953
  • Thank you received: 1778
11 years 4 months ago #108841

Hi,

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

$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 :
$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.

  • Posts: 57
  • Thank you received: 0
11 years 4 months ago #108891

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

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

  • Posts: 12953
  • Thank you received: 1778
11 years 4 months ago #108895

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.

  • Posts: 57
  • Thank you received: 0
11 years 4 months ago #108896

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

Attachments:

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

  • Posts: 12953
  • Thank you received: 1778
11 years 4 months ago #108898

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: 11 years 4 months ago by Mohamed Thelji.

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

  • Posts: 57
  • Thank you received: 0
11 years 4 months ago #108907

Hi, with these lines

.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.

  • Posts: 12953
  • Thank you received: 1778
11 years 4 months ago #108908

Does it solve it with this CSS 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.

  • Posts: 57
  • Thank you received: 0
11 years 4 months ago #108913

You have a PM

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

  • Posts: 12953
  • Thank you received: 1778
11 years 4 months ago #108915

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

color: transparent;
by :
color: transparent !important;

The following user(s) said Thank You: mirkozax

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

  • Posts: 57
  • Thank you received: 0
11 years 4 months ago #108916

Yes this is the ultimate solution

GREAT Mohamed !

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

Time to create page: 0.088 seconds
Powered by Kunena Forum