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

#   Highlight chosen payment method

##

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

Less More

- Posts: 1
- Thank you received: 0
-
-

10 years 10 months ago [\#224140](#224140) by [ailin](/forum/user/21547-ailin "View ailin's Profile")  *[Highlight chosen payment method](/forum/29-payment-methods/881091-highlight-chosen-payment-method#224140 "-- url of the page with the problem -- :   www.roelvaag.com/  -- HikaShop version -- : 2.6.0  I offer 3 different payment methods. I wish it was more clear to the customer that their selected method is actually selected. As of now, nothing happens when they select a method. If they don't see the &quot;Finish&quot; button at the bottom they might just leave, thinking there's something wrong with the webshop.  How do I highlight the chosen method? The best thing I can think of is the payment method's background colour to change.  Alternatively, I'd like the customer to be redirected directly to the selected payment method without having to click the &quot;Finish&quot; button.  &#91;The URL is not to the page in question, as you'd need to add a product to cart and register to get there.&#93;")* was created by *[ailin](/forum/user/21547-ailin "View ailin's Profile")*

-- url of the page with the problem -- : [ www.roelvaag.com/](http://www.roelvaag.com/)
-- HikaShop version -- : 2.6.0

I offer 3 different payment methods. I wish it was more clear to the customer that their selected method is actually selected. As of now, nothing happens when they select a method. If they don't see the "Finish" button at the bottom they might just leave, thinking there's something wrong with the webshop.

How do I highlight the chosen method? The best thing I can think of is the payment method's background colour to change.

Alternatively, I'd like the customer to be redirected directly to the selected payment method without having to click the "Finish" button.

[The URL is not to the page in question, as you'd need to add a product to cart and register to get there.]

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI5LXBheW1lbnQtbWV0aG9kcy84ODEwOTEtaGlnaGxpZ2h0LWNob3Nlbi1wYXltZW50LW1ldGhvZD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) 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: 86320
- Thank you received: 14276
-
-

10 years 10 months ago [\#224145](#224145) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Highlight chosen payment method](/forum/29-payment-methods/881091-highlight-chosen-payment-method#224145 "-- url of the page with the problem -- :   www.roelvaag.com/  -- HikaShop version -- : 2.6.0  I offer 3 different payment methods. I wish it was more clear to the customer that their selected method is actually selected. As of now, nothing happens when they select a method. If they don't see the &quot;Finish&quot; button at the bottom they might just leave, thinking there's something wrong with the webshop.  How do I highlight the chosen method? The best thing I can think of is the payment method's background colour to change.  Alternatively, I'd like the customer to be redirected directly to the selected payment method without having to click the &quot;Finish&quot; button.  &#91;The URL is not to the page in question, as you'd need to add a product to cart and register to get there.&#93;")*

Hi,

The simplest I think would be to remove the code: Code:

.hika-radio input[type="radio"] { display:none; }

in the frontend CSS file of HikaShop that you can edit from the Display tab of the HikaShop configuration.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI5LXBheW1lbnQtbWV0aG9kcy84ODEwOTEtaGlnaGxpZ2h0LWNob3Nlbi1wYXltZW50LW1ldGhvZD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

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

Less More

- Posts: 64
- Thank you received: 7
-
-

10 years 9 months ago [\#227930](#227930) by [justme](/forum/user/40056-justme "View justme's Profile")  Replied by *[justme](/forum/user/40056-justme "View justme's Profile")* on topic *[Highlight chosen payment method](/forum/29-payment-methods/881091-highlight-chosen-payment-method#227930 "-- url of the page with the problem -- :   www.roelvaag.com/  -- HikaShop version -- : 2.6.0  I offer 3 different payment methods. I wish it was more clear to the customer that their selected method is actually selected. As of now, nothing happens when they select a method. If they don't see the &quot;Finish&quot; button at the bottom they might just leave, thinking there's something wrong with the webshop.  How do I highlight the chosen method? The best thing I can think of is the payment method's background colour to change.  Alternatively, I'd like the customer to be redirected directly to the selected payment method without having to click the &quot;Finish&quot; button.  &#91;The URL is not to the page in question, as you'd need to add a product to cart and register to get there.&#93;")*

> nicolas wrote: Hi,
>
> The simplest I think would be to remove the code:
>
> Code:
>
> .hika-radio input[type="radio"] { display:none; }
>
>
>
> in the frontend CSS file of HikaShop that you can edit from the Display tab of the HikaShop configuration.

I have the same problem with the payment method. Is there realy no other way to do this? Just showing a radio button is not very professional looking. Can't we give the button a different color?

And as to the next question of previous user, can you go directly to the next step after selecting the payment method?

Thanks in advance.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI5LXBheW1lbnQtbWV0aG9kcy84ODEwOTEtaGlnaGxpZ2h0LWNob3Nlbi1wYXltZW50LW1ldGhvZD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[Jerome](/forum/user/80-jerome "View Jerome's Profile")**
- [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile")
- [ Offline](/forum/user/80-jerome)
- HikaShop core developer

Less More

- Posts: 26394
- Thank you received: 4078
-
- [](http://obsi.dev)
-

10 years 9 months ago [\#227940](#227940) by [Jerome](/forum/user/80-jerome "View Jerome's Profile")  Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Highlight chosen payment method](/forum/29-payment-methods/881091-highlight-chosen-payment-method#227940 "-- url of the page with the problem -- :   www.roelvaag.com/  -- HikaShop version -- : 2.6.0  I offer 3 different payment methods. I wish it was more clear to the customer that their selected method is actually selected. As of now, nothing happens when they select a method. If they don't see the &quot;Finish&quot; button at the bottom they might just leave, thinking there's something wrong with the webshop.  How do I highlight the chosen method? The best thing I can think of is the payment method's background colour to change.  Alternatively, I'd like the customer to be redirected directly to the selected payment method without having to click the &quot;Finish&quot; button.  &#91;The URL is not to the page in question, as you'd need to add a product to cart and register to get there.&#93;")*

Hi,

You can take a look at the way that is displayed when using the "bootstrap design" (it requires a bootstrap 2 template in order to be displayed properly. You can use the default Joomla 3 template for tests).

Regards,

---

Jerome - Obsidev.com
HikaMarket &amp; HikaSerial developer / HikaShop core dev team.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI5LXBheW1lbnQtbWV0aG9kcy84ODEwOTEtaGlnaGxpZ2h0LWNob3Nlbi1wYXltZW50LW1ldGhvZD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) 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.072 seconds

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

[](#top)
