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

#   Feature Request for checkout / show\_block\_payment.php

##

- **[Lumiga](/forum/user/31479-lumiga "View Lumiga's Profile")**
- [![Lumiga's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar31479.png)](/forum/user/31479-lumiga "View Lumiga's Profile") Topic Author
- [ Offline](/forum/user/31479-lumiga)

Less More

- Posts: 637
- Thank you received: 26
-
-
-

7 years 5 months ago -  7 years 5 months ago [\#306810](#306810) by [Lumiga](/forum/user/31479-lumiga "View Lumiga's Profile")  *[Feature Request for checkout / show\_block\_payment.php](/forum/50-feature-request/897514-feature-request-for-checkout-show-block-payment-php#306810 "-- HikaShop version -- : 4.1.0 -- Joomla version -- : 3.9 -- PHP version -- : 7.3  Hi Hikashopteam,  We have a user interface improvement for the checkout page. It's a small order adjustment from the payment title and image. We think it's better for everybody to have this standard in Hikashop.  See change before and after.  After code change:  You might think that when the images are not the same size, it isn't an improvement at all. But images can be adjusted to the same size and titles can't. When started with images. you get a cleaner layout which improves the overall user interface.  P.S. The same adjustment also applies to the checkout / show&#95;block&#95;shipping.php  Kind regards, Lumiga")* was created by *[Lumiga](/forum/user/31479-lumiga "View Lumiga's Profile")*

-- HikaShop version -- : 4.1.0
-- Joomla version -- : 3.9
-- PHP version -- : 7.3

Hi Hikashopteam,

We have a user interface improvement for the checkout page.
**It's a small order adjustment from the payment title and image.**
We think it's better for everybody to have this standard in Hikashop.

See change before and after.
[ ![screenshot-433.jpg](/forum/attachment/46845) ](/forum/attachment/46845 "...enshot-433.jpg")

After code change:
[ ![screenshot-434.jpg](/forum/attachment/46844) ](/forum/attachment/46844 "...enshot-434.jpg")

You might think that when the images are not the same size, it isn't an improvement at all. But images can be adjusted to the same size and titles can't. When started with images. you get a cleaner layout which improves the overall user interface.

P.S. The same adjustment also applies to the checkout / show_block_shipping.php

Kind regards,
Lumiga

---

Kind regards,
Lumiga

- [ ![screenshot-434.jpg](/forum/attachment/46844) ](/forum/attachment/46844 "...enshot-434.jpg") [ ](/forum/attachment/46844?download=1 "...enshot-434.jpg")
- [ ![screenshot-433.jpg](/forum/attachment/46845) ](/forum/attachment/46845 "...enshot-433.jpg") [ ](/forum/attachment/46845?download=1 "...enshot-433.jpg")

Last edit: 7 years 5 months ago by [Lumiga](/forum/user/31479-lumiga "View Lumiga's Profile").

The following user(s) said Thank You: [n00bster](/forum/user/56367-n00bster "View n00bster's Profile")

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

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

Less More

- Posts: 103
- Thank you received: 5
-
-

7 years 5 months ago [\#306819](#306819) by [n00bster](/forum/user/56367-n00bster "View n00bster's Profile")  Replied by *[n00bster](/forum/user/56367-n00bster "View n00bster's Profile")* on topic *[Feature Request for checkout / show\_block\_payment.php](/forum/50-feature-request/897514-feature-request-for-checkout-show-block-payment-php#306819 "-- HikaShop version -- : 4.1.0 -- Joomla version -- : 3.9 -- PHP version -- : 7.3  Hi Hikashopteam,  We have a user interface improvement for the checkout page. It's a small order adjustment from the payment title and image. We think it's better for everybody to have this standard in Hikashop.  See change before and after.  After code change:  You might think that when the images are not the same size, it isn't an improvement at all. But images can be adjusted to the same size and titles can't. When started with images. you get a cleaner layout which improves the overall user interface.  P.S. The same adjustment also applies to the checkout / show&#95;block&#95;shipping.php  Kind regards, Lumiga")*

that would be nice to have in the core.
also it would be nice to get this for the delivery images to, what does the hika team think about ![;)](/media/kunena/emoticons/24.png ";)")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUwLWZlYXR1cmUtcmVxdWVzdC84OTc1MTQtZmVhdHVyZS1yZXF1ZXN0LWZvci1jaGVja291dC1zaG93LWJsb2NrLXBheW1lbnQtcGhwP3RtcGw9bWFya2Rvd24=) 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")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86541
- Thank you received: 14304
-
-

7 years 5 months ago [\#306813](#306813) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Feature Request for checkout / show\_block\_payment.php](/forum/50-feature-request/897514-feature-request-for-checkout-show-block-payment-php#306813 "-- HikaShop version -- : 4.1.0 -- Joomla version -- : 3.9 -- PHP version -- : 7.3  Hi Hikashopteam,  We have a user interface improvement for the checkout page. It's a small order adjustment from the payment title and image. We think it's better for everybody to have this standard in Hikashop.  See change before and after.  After code change:  You might think that when the images are not the same size, it isn't an improvement at all. But images can be adjusted to the same size and titles can't. When started with images. you get a cleaner layout which improves the overall user interface.  P.S. The same adjustment also applies to the checkout / show&#95;block&#95;shipping.php  Kind regards, Lumiga")*

hi,

By default the images actually go in a second line below the name of the payment method.
That way, when you have a payment method with one image and another with many, the name of the payment methods are aligned with one another:
[ monosnap.com/file/PE8sp8Okd1790aKxu7BrRuUgFUT2EW](https://monosnap.com/file/PE8sp8Okd1790aKxu7BrRuUgFUT2EW)
In your case, without the line return between both and with only one image for each payment method, it indeed makes sense to have the image before the payment method name. But I don't think that it makes sense in my example.
And with the default HTML and a bit of CSS, I'm able to get something quite close to what you want without having to change the HTML:
[ monosnap.com/file/VnjXOG7ijmeWCWvtvfLv4g8TouUiuH](https://monosnap.com/file/VnjXOG7ijmeWCWvtvfLv4g8TouUiuH)

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUwLWZlYXR1cmUtcmVxdWVzdC84OTc1MTQtZmVhdHVyZS1yZXF1ZXN0LWZvci1jaGVja291dC1zaG93LWJsb2NrLXBheW1lbnQtcGhwP3RtcGw9bWFya2Rvd24=) 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.053 seconds

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