[Skip to main content](#vessel-content)

#   More prominent buttons

##

- **[daduts](/forum/user/1658-daduts "View daduts's Profile")**
- [![daduts's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/1658-daduts "View daduts's Profile") Topic Author
- [ Offline](/forum/user/1658-daduts)

Less More

- Posts: 97
- Thank you received: 8
-
-

3 months 1 week ago [\#372826](#372826) by [daduts](/forum/user/1658-daduts "View daduts's Profile")  *[More prominent buttons](/forum/50-feature-request/910718-more-prominent-buttons#372826 "-- url of the page with the problem -- :   safetyzonespecialists.com/checkout/checkout  -- HikaShop version -- : 6.5.2 -- Joomla version -- : 5.4.7 -- PHP version -- : 8.2.31 -- Browser(s) name and version -- : Firefox 152 -- Error-message(debug-mod must be tuned on) -- : none  Hey Nic,  A small improvement suggestion.  Had two customers on the same day with the same checkout problem.  Both were guest checkouts.  They missed the OK button at the bottom of the address entry form. Tried to submit their orders without a payment or shipping method leading to confusion and customer support involvement.  I've updated to a more prominent button and added a message on both the guest checkout and address edit pages. (see attached)  Though you might want to do so in a future release as weil.  Thanks for all you do,  Cheers  Dave")* was created by *[daduts](/forum/user/1658-daduts "View daduts's Profile")*

-- url of the page with the problem -- : [ safetyzonespecialists.com/checkout/checkout](https://safetyzonespecialists.com/checkout/checkout)
-- HikaShop version -- : 6.5.2
-- Joomla version -- : 5.4.7
-- PHP version -- : 8.2.31
-- Browser(s) name and version -- : Firefox 152
-- Error-message(debug-mod must be tuned on) -- : none

Hey Nic,

A small improvement suggestion.

Had two customers on the same day with the same checkout problem.

Both were guest checkouts.

They missed the OK button at the bottom of the address entry form. Tried to submit their orders without a payment or shipping method leading to confusion and customer support involvement.

I've updated to a more prominent button and added a message on both the guest checkout and address edit pages. (see attached)

Though you might want to do so in a future release as weil.

Thanks for all you do,

Cheers

Dave

- [ ![Screenshot 2026-07-23 at 11.20.44 AM.png](/forum/attachment/63324) ](/forum/attachment/63324 "...1.20.44 AM.p") [ ](/forum/attachment/63324?download=1 "...1.20.44 AM.p")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUwLWZlYXR1cmUtcmVxdWVzdC85MTA3MTgtbW9yZS1wcm9taW5lbnQtYnV0dG9ucz90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86323
- Thank you received: 14283
-
-

3 months 1 week ago [\#372833](#372833) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[More prominent buttons](/forum/50-feature-request/910718-more-prominent-buttons#372833 "-- url of the page with the problem -- :   safetyzonespecialists.com/checkout/checkout  -- HikaShop version -- : 6.5.2 -- Joomla version -- : 5.4.7 -- PHP version -- : 8.2.31 -- Browser(s) name and version -- : Firefox 152 -- Error-message(debug-mod must be tuned on) -- : none  Hey Nic,  A small improvement suggestion.  Had two customers on the same day with the same checkout problem.  Both were guest checkouts.  They missed the OK button at the bottom of the address entry form. Tried to submit their orders without a payment or shipping method leading to confusion and customer support involvement.  I've updated to a more prominent button and added a message on both the guest checkout and address edit pages. (see attached)  Though you might want to do so in a future release as weil.  Thanks for all you do,  Cheers  Dave")*

Hey Dave,

Good catch, and thanks for the detailed report. You are right that the address confirmation button did not stand out enough. Looking at it, the "OK" button that validates the address form was using the plain button style, the same one as the "Cancel" button next to it, while the other main buttons of the checkout (the "Next" button, and the "Add a new address" button) already use our highlighted "success" style. So the one button a guest really needs to click was the least visible of the group.

We have changed that for a future release: the address "OK" button now gets the same highlighted style as the other main buttons, so it stands out as the main action of that step.

If you want the exact same thing right now, two ways:

1) The quick, no override way, add a bit of CSS in your template. The button always has the class hikashop_checkout_address_ok_button, so you can target it directly:
Code:

.hikashop_checkout_address_ok_button { background-color: #28a745; border-color: #28a745; color: #fff; font-size: 1.1em; padding: 10px 22px; } .hikashop_checkout_address_ok_button:hover { background-color: #218838; border-color: #1e7e34; }

2) The same class we are adding by default, via a view override. In the HikaShop back-end go to Display, then Views, edit the "checkout / show_block_address" view, find the OK button and add the hikabtn-success class to it:
Code:

class="&lt;?php echo $this-&gt;config-&gt;get('css_button','hikabtn'); ?&gt; hikabtn-success hikashop_checkout_address_ok_button"

With that class the button automatically inherits HikaShop's highlighted button style, no extra CSS needed. From there you can still fine tune it with the CSS above if you want your own colors.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUwLWZlYXR1cmUtcmVxdWVzdC85MTA3MTgtbW9yZS1wcm9taW5lbnQtYnV0dG9ucz90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation.

Board Categories HikaShop Install &amp; Update Product &amp; Category Display Content Creation Sales and Orders Orders management Reports &amp; Statistics Customers Checkout Payment Methods Shipping Methods Import &amp; Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel &amp; Slider Mass Actions Filters &amp; Search Discount &amp; Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to?

[](/forum/topics/feed/mode-topics?format=feed&type=rss)

Time to create page: 0.048 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)
