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

#   Headers for Shipping and Payment Method

##

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

Less More

- Posts: 2
- Thank you received: 0
-
-

12 years 2 months ago [\#167994](#167994) by [flodog](/forum/user/31845-flodog "View flodog's Profile")  *[Headers for Shipping and Payment Method](/forum/27-checkout/870455-headers-for-shipping-and-payment-method#167994 "-- url of the page with the problem -- :   www.frogfuel.co.uk  -- HikaShop version -- : 2.3.2 -- Joomla version -- : 3.2.3 -- PHP version -- : 5.3.29 -- Browser(s) name and version -- : Chrome  Hi,  Hopefully this is a quite a simple fix.  On my shipping/payment method screen I want to have to the plain css buttons replaced by the images that I currently have next to them.  So rather than a button saying Hermes I want the Hermes Logo there instead and the same for PayPal Pro. PayPal is slightly more difficult as this image also needs to be clickable so the customer goes to their PayPal. I have attached a screenshot of this page which should hopefully help you understand a bit better.  Thanks")* was created by *[flodog](/forum/user/31845-flodog "View flodog's Profile")*

-- url of the page with the problem -- : [ www.frogfuel.co.uk](http://www.frogfuel.co.uk)
-- HikaShop version -- : 2.3.2
-- Joomla version -- : 3.2.3
-- PHP version -- : 5.3.29
-- Browser(s) name and version -- : Chrome

Hi,

Hopefully this is a quite a simple fix.

On my shipping/payment method screen I want to have to the plain css buttons replaced by the images that I currently have next to them.

So rather than a button saying Hermes I want the Hermes Logo there instead and the same for PayPal Pro.
PayPal is slightly more difficult as this image also needs to be clickable so the customer goes to their PayPal.
I have attached a screenshot of this page which should hopefully help you understand a bit better.

[ ![shipping.jpg](/forum/attachment/19077) ](/forum/attachment/19077 "shipping.jpg")

Thanks

- [ ![shipping.jpg](/forum/attachment/19077) ](/forum/attachment/19077 "shipping.jpg") [ ](/forum/attachment/19077?download=1 "shipping.jpg")

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

- **[Xavier](/forum/user/4105-xavier "View Xavier's Profile")**
- [![Xavier's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4105.png)](/forum/user/4105-xavier "View Xavier's Profile")
- [ Offline](/forum/user/4105-xavier)

Less More

- Posts: 13201
- Thank you received: 2322
-
-
-
- [](http://www.kidiweb.fr)
-

12 years 2 months ago [\#167998](#167998) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile")  Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Headers for Shipping and Payment Method](/forum/27-checkout/870455-headers-for-shipping-and-payment-method#167998 "-- url of the page with the problem -- :   www.frogfuel.co.uk  -- HikaShop version -- : 2.3.2 -- Joomla version -- : 3.2.3 -- PHP version -- : 5.3.29 -- Browser(s) name and version -- : Chrome  Hi,  Hopefully this is a quite a simple fix.  On my shipping/payment method screen I want to have to the plain css buttons replaced by the images that I currently have next to them.  So rather than a button saying Hermes I want the Hermes Logo there instead and the same for PayPal Pro. PayPal is slightly more difficult as this image also needs to be clickable so the customer goes to their PayPal. I have attached a screenshot of this page which should hopefully help you understand a bit better.  Thanks")*

Hi,

That can potentially be done thanks to some css like: Code:

label[for="radio_paypal_1"]{ background-image: url('/j33/media/com_hikashop/images/payment/PayPal.jpg') !important; color: transparent; border: none; }

You can us the browser console to find the correct "for" attribute in order to apply the correct image on it.
Here is some documentation:
[ hikashop.com/support/support/documentati...ize-the-display.html](https://hikashop.com/support/support/documentation/153-customize-the-display.html)

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

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

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

Less More

- Posts: 2
- Thank you received: 0
-
-

12 years 2 months ago [\#168106](#168106) by [flodog](/forum/user/31845-flodog "View flodog's Profile")  Replied by *[flodog](/forum/user/31845-flodog "View flodog's Profile")* on topic *[Headers for Shipping and Payment Method](/forum/27-checkout/870455-headers-for-shipping-and-payment-method#168106 "-- url of the page with the problem -- :   www.frogfuel.co.uk  -- HikaShop version -- : 2.3.2 -- Joomla version -- : 3.2.3 -- PHP version -- : 5.3.29 -- Browser(s) name and version -- : Chrome  Hi,  Hopefully this is a quite a simple fix.  On my shipping/payment method screen I want to have to the plain css buttons replaced by the images that I currently have next to them.  So rather than a button saying Hermes I want the Hermes Logo there instead and the same for PayPal Pro. PayPal is slightly more difficult as this image also needs to be clickable so the customer goes to their PayPal. I have attached a screenshot of this page which should hopefully help you understand a bit better.  Thanks")*

Hi

Thank you for your response,

Once you pointed me in the right direction I kicked myself how simple it was -

label.btn.btn-radio[for="radio_paypal_2"}
{
CSS HERE
}

Thanks

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

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

[](#top)
