Move the next button and change quantity buttons

Start
Prev
1
Next
End

snarf-eu
Topic Author
Offline

Posts: 11
Thank you received: 0

10 years 5 months ago #182039

-- HikaShop version -- : 2.3.4
-- Joomla version -- : 3.3.6
-- PHP version -- : 5.3.29
-- Browser(s) name and version -- : Chrome 38.0.2125.111 m, Firefox 33.1.1

1. I would like to move the next button to the right down corner (see attachment). Previously i added a back button and now it looks a little bit ugly.

2. Is it possible to change the quantity field to "read only"? Also I want to remove the refresh button (see attachment). I know this is asked before by other users but none of the solutions worked for me.

Attachments:

Last edit: 10 years 5 months ago by snarf-eu.

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

Xavier
Offline

Posts: 13201
Thank you received: 2322

10 years 5 months ago #182068

Hi,

1. That can be done with some css properties or by editing the view "checkout / step".

2. You have to edit the view "checkout / cart" and add the following line at the top:

<?php $this->disable_modifications = true; ?>

The following user(s) said Thank You: snarf-eu

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

snarf-eu
Topic Author
Offline

Posts: 11
Thank you received: 0

10 years 5 months ago #182165

Hello,

1. Where and how exactly should I change the next button position? I checked the frontend CSS file and the next button is already in "float: right" position.

#hikashop_checkout_next_button{
float:right;
}

I also checked "step.php" and i'm looking at a lot of php code. Now what?

2. <?php $this->disable_modifications = true; ?> will disable all modifications, but I want to keep the remove button. If I use your code than the customer has only one option to remove the item and that is in the shopping cart. Not a good idea in my opinion.

Can you please give me some new advise?

Attachments:

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

nicolas
Away

Posts: 83832
Thank you received: 13572
MODERATOR

10 years 5 months ago #182197

Hi,

1. I checked your website but what you have on your screenshot is not the next button but the registration button. So it's normal that it doesn't change anything. The next button on the first step of your checkout is already on the right.
So for the button of your screenshot, it should be that CSS that you want to add:
#hikashop_register_form_button{ float:right; }

2. In that case, instead of the modification proposed by Xavier, you can change the code:

<input id="hikashop_checkout_quantity_<?php echo $row->cart_product_id;?>" type="text" name="item[<?php echo $row->cart_product_id;?>]" class="hikashop_product_quantity_field" value="<?php echo $row->cart_product_quantity; ?>" onchange="var qty_field = document.getElementById('hikashop_checkout_quantity_<?php echo $row->cart_product_id;?>'); if (qty_field){<?php echo $input; ?>}; return true;" />

by:

<input id="hikashop_checkout_quantity_<?php echo $row->cart_product_id;?>" type="hidden" name="item[<?php echo $row->cart_product_id;?>]" value="<?php echo $row->cart_product_quantity; ?>" /><?php echo $row->cart_product_quantity; ?>

and remove the code:

<div class="hikashop_cart_product_quantity_refresh">
										<a class="hikashop_no_print" href="#" onclick="var qty_field = document.getElementById('hikashop_checkout_quantity_<?php echo $row->cart_product_id;?>'); if (qty_field && qty_field.value != '<?php echo $row->cart_product_quantity; ?>'){<?php echo $input; ?> qty_field.form.submit(); } return false;" title="<?php echo JText::_('HIKA_REFRESH'); ?>">
											<img src="<?php echo HIKASHOP_IMAGES . 'refresh.png';?>" border="0" alt="<?php echo JText::_('HIKA_REFRESH'); ?>" />
										</a>
									</div>

The following user(s) said Thank You: snarf-eu

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