Edit first and last checkout page

  • Posts: 27
  • Thank you received: 0
11 years 1 month ago #150021

Hello everyone,

I wonder how to edit the first and last checkout page. In the first one (where the customer types its personal information in) I would like to add a checkbox with "Accepting the...." which must be activated to proceed.

In the last page (before clicking on "buy") I would like to duplicate the "I accept the terms & conditions" but change the text and link.

The code for this row is:
<a onclick="return window.hikashop.openBox(this,null,false);" id="shop_terms_and_cond" href="/index.php/component/content/article?id=x&tmpl=component" rel="{handler: 'iframe', size: {x: 450, y: 480}}">Accepted terms and conditions...</a>

(found out via Firebug)

But when I look in the file "step" or "status" I can´t find it. How is it included and where is the correct file?

Looking forward to hear from you soon :)

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

  • Posts: 83832
  • Thank you received: 13572
  • MODERATOR
11 years 1 month ago #150024

Hi,

There is no code to add.
For the registration, you can add a custom field of the table "user" or "address" and of the type "checkbox" via the menu Display->Custom fields.

For the T&C checkbox before the finish button, you can add the "Terms and Conditions" view in your checkout workflow in the last step of your checkout and that should handle it automatically.

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

  • Posts: 27
  • Thank you received: 0
11 years 1 month ago #150119

Thanks Nicolas for your response but it seems that you have misunderstood me.
Please look at the attachment, there, I have explained it more exactly :)

Thanks

Attachments:

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

  • Posts: 83832
  • Thank you received: 13572
  • MODERATOR
11 years 1 month ago #150170

In that case, you want to edit the file "terms" of the view "checkout" via the menu Display>Views and add your checkboxes HTML there.
You'll also want to add there (or maybe in the step view file) some PHP to check that the checkboxes were checked.

For the button position, it should actually already be set to the right by default. So it means that you already changed something which resulted in it being on the left. I don't know what you did but I don't think that you need to change any HTML/PHP. Just add a bit of CSS to float it to the right should be enough:
#hikashop_checkout_next_button {
float: right !important;
}

The following user(s) said Thank You: ff87

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

  • Posts: 27
  • Thank you received: 0
11 years 1 month ago #150516

Thanks four your help, Nicolas. I will try it out and inform my result if it's so far.

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

  • Posts: 27
  • Thank you received: 0
11 years 1 month ago #151100

Dear Nicolas,

In that case, you want to edit the file "terms" of the view "checkout" via the menu Display>Views and add your checkboxes HTML there.
You'll also want to add there (or maybe in the step view file) some PHP to check that the checkboxes were checked.


That´s right so far but how to realize this concretely? Via Firebug, I can edit the page like I imagine but I can´t find the position where to add the html.

EDIT:
- I´m on the right path. Could you please tell me where the overrides PLEASE_ACCEPT_TERMS_BEFORE_FINISHING_ORDER and PLEASE_ACCEPT_TERMS are saved?

Last edit: 11 years 1 month ago by ff87.

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

  • Posts: 83832
  • Thank you received: 13572
  • MODERATOR
11 years 1 month ago #151112

Hi,

The original translations are saved in your translation file languages/en-GB/en-GB.com_hikashop.ini and the override file is in language/overrides/en-GB.override.ini

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

  • Posts: 21
  • Thank you received: 0
10 years 5 months ago #184181

I have the same problem, but I don´t get where exactly should I write:

#hikashop_checkout_next_button {
float: right !important;
}

thanks :)

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

  • Posts: 83832
  • Thank you received: 13572
  • MODERATOR
10 years 5 months ago #184194

Hi,

You can add it in the frontend CSS file of HikaShop.
Here is a tutorial about this:
www.hikashop.com/support/support/documen...ize-the-display.html

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

  • Posts: 21
  • Thank you received: 0
10 years 5 months ago #184236

Yes, that explain how I must proceed to make changes, but what I don´t know is the name of the file where I have to change it...

I tried in checkout / terms.php writting:

?><div id="hikashop_checkout_terms" class="hikashop_checkout_terms">
<input class="hikashop_checkout_terms_checkbox" id="hikashop_checkout_terms_checkbox" type="checkbox" name="hikashop_checkout_terms" align: "right" value="1" <?php echo $this->terms_checked; ?> />

but nothing happens...
is that the reason I ask the name of the file.. :)
thanks!

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

  • Posts: 83832
  • Thank you received: 13572
  • MODERATOR
10 years 5 months ago #184238

Hi,

There is only one file called "frontend CSS file".
You are looking at the menu Display>Views, not at the Display tab of the HikaShop configuration.
Please look at the CSS edition section of the link I gave, not the layout customization section

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

  • Posts: 21
  • Thank you received: 0
10 years 4 months ago #184461

aahhh! yes, I see now, frontend_custom.css.
I wrote like this (line 481) but still not working:

#hikashopcpanel li {
list-style-type: none !important;
}

#hikashop_checkout_next_button {
float: right !important;
}

#hikashopcpanel div.icon {
float:left;
margin-bottom:5px;
margin-right:5px;
..........

any idea...? :)

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

  • Posts: 83832
  • Thank you received: 13572
  • MODERATOR
10 years 4 months ago #184463

Please provide a link to the shop so that we can see your change and analyze your website CSS.

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

  • Posts: 21
  • Thank you received: 0
10 years 4 months ago #184500

the shop is not online yet.... u^_^

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

  • Posts: 83832
  • Thank you received: 13572
  • MODERATOR
10 years 4 months ago #184504

Then we won't be able to help you further on that issue until you put it online.
Let us know when you do.

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

  • Posts: 21
  • Thank you received: 0
10 years 4 months ago #184548

ok.. thanks :)

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

Time to create page: 0.076 seconds
Powered by Kunena Forum