- Posts: 11
- Thank you received: 0
How to edit wording on checkout page
-- 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.
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.
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.
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.
Please Log in or Create an account to join the conversation.
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.
Please Log in or Create an account to join the conversation.
Please Log in or Create an account to join the conversation.
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.
Please Log in or Create an account to join the conversation.
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.
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.
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.
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.