How to edit wording on checkout page

  • Posts: 11
  • Thank you received: 0
2 years 11 months ago #332291

-- url of the page with the problem -- : bobandangie.co.uk/index.php/hika-shop
-- HikaShop version -- : Starter 4.4.2
-- Joomla version -- : 3.9.26
-- PHP version -- : 7.4.18
-- Browser(s) name and version -- : Microsoft edge

Hi, I have a simple shop in testing phase using Paypal express, no registration required, collection only and it seems to be working using the paypal button. My problem is that there is wording on the checkout which is not required and I would like to remove it, is that possible in any of the setups or do I have to go into PHP somehow?
This is what comes up: -
Registration not allowed
No payment methods found
Enter your coupon

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

  • Posts: 81504
  • Thank you received: 13064
  • MODERATOR
2 years 11 months ago #332308

Hi,

Well, if you use PayPal express checkout and you don't want login/registration, I would recommend to remove the "login" view from the "checkout workflow" under the Checkout tab of the HikaShop configuration.
Same for the coupon area.
Regarding the payment view however, you need to keep it, otherwise, users will be able to finish the checkout without a payment method instead of using the "express checkout" button of PayPal.
Now, any text of the HikaShop interface, including all the ones you mentioned, can be customized with translation overrides:
www.hikashop.com/download/languages.html#modify
Also, you could use some simple CSS to hide the areas you don't want to display :
www.hikashop.com/support/documentation/1...ize-the-display.html
careerkarma.com/blog/css-hide-element/

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

  • Posts: 11
  • Thank you received: 0
2 years 11 months ago #332352

Hi Nicolas, thanks for the information.
I don't have a login view or coupon so don't know why the wording appears in the checkout box. I would love to be able to edit the wording if I could find out where it was.
Can you help me further please by letting me know exactly how to find the checkout box to edit it.

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

  • Posts: 81504
  • Thank you received: 13064
  • MODERATOR
2 years 11 months ago #332353

Hi,

Here is a tutorial which explains how to configure your checkout workflow:
www.hikashop.com/support/documentation/4...eckout-workflow.html
If you see the "Registration not allowed" and "Enter your coupon" text on your checkout, then you must have the login and coupon views in your checkout workflow, under the Checkout tab of the HikaShop configuration page. I don't see how that would be possible otherwise.
Please check the situation there.

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

  • Posts: 11
  • Thank you received: 0
2 years 11 months ago #332362

Hi Nicolas,
Thank you so much for trying to sort this out for me. My workflow doesn't display in boxes for some reason but I have taken screenshots of the checkout workflow as displayed on my screen. You will see that Coupon is set to "no option"

Attachments:

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

  • Posts: 81504
  • Thank you received: 13064
  • MODERATOR
2 years 11 months ago #332364

Hi,

You seem to have a CSS issue. Go under the Display tab of the HikaShop configuration and make sure that the "backend CSS" is set to "default" and save.
It should then hopefully display properly.

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

  • Posts: 11
  • Thank you received: 0
2 years 11 months ago #332375

Hi Nicolas,
Thanks again for your help, I corrected that problem and have deleted the coupon and login boxes, those two messages no longer appear. Sadly I still get the "no payment methods found" message so I still have something wrong.

Attachments:

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

  • Posts: 11
  • Thank you received: 0
2 years 11 months ago #332377

Hi, I found that I just need to delete the payment box as well so only the cart is left, now everything is fine.

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

  • Posts: 81504
  • Thank you received: 13064
  • MODERATOR
2 years 11 months ago #332387

Hi,

Yes and No. As I said in my first message, if you just delete the "payment" view, then customers can click on the "finish" button to create the order without any payment. So if you do that, you would have to hide the finish button with CSS code.

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

  • Posts: 11
  • Thank you received: 0
2 years 11 months ago #332392

Ah, I see now. I am gradually getting to understand a bit better, takes a while at my age! Sorry but I still need to ask where I can find the CSS style sheet for the checkout box and what it is called please?

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

  • Posts: 81504
  • Thank you received: 13064
  • MODERATOR
2 years 11 months ago #332393

Hi,

You can add such CSS code to hide the "finish" button:
#hikabtn_checkout_next{ display:none; }

This page explains how you can add such CSS code:
www.hikashop.com/support/documentation/1...ize-the-display.html

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

  • Posts: 11
  • Thank you received: 0
2 years 11 months ago #332524

Hi, I can see the finish button on the HTML side but can't work out exactly where to put your code into the CSS, could you give a bit more detail for this case please?

HTML
<div class="buttons_right">
<button id="hikabtn_checkout_next" type="submit" class="hikabtn hikabtn-success hikabtn_checkout_next" onclick="return window.checkout.submitStep(this);">Finish</button>
</div>

CSS
element.style {
}
body.site {
border-top: 3px solid #0088cc;
background-color: #f4f6f7;
}
body.site {
border-top: 3px solid #0088cc;
padding: 20px;
background-color: #f4f6f7;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (max-width: 979px)
body {
padding-top: 0;
}
body {
margin: 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 18px;
color: #333;
background-color: #fff;
}
user agent stylesheet
body {
display: block;
margin: 8px;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;

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

  • Posts: 81504
  • Thank you received: 13064
  • MODERATOR
2 years 11 months ago #332527

Hi,

As explained on the link I gave, you need to add your custom CSS to the "styles for frontend" setting of the HikaShop configuration.
So, go there, click on the edit icon to get the popup and add the CSS line I gave in the textarea, at the end and save.

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

  • Posts: 11
  • Thank you received: 0
2 years 11 months ago #332568

Hi Nicolas,

Thank you for that. I hadn't read the tutorial well enough and was clicking on the wrong bits, sorry about that. Having found the right display button to click it made sense. I'm glad you told me to put it at the end, that worked, thank you.

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

Time to create page: 0.118 seconds
Powered by Kunena Forum