Editing the Billing Address

  • Posts: 214
  • Thank you received: 1
11 years 10 months ago #117488

Hi There,

I'm just wondering, if you look at the Billing address in the image I'm attaching, everything looks a little squashed.

I would like to change the layout a little (basically put a gap between the two addresses, move the town to it's own line etc), where abouts would I look? I'm in Views atm but I'm not sure what I'm looking for.

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 12953
  • Thank you received: 1778
11 years 10 months ago #117496

Hi,

I think that you'll probably be able to do that by using some CSS code or by editing your address and address_view file of your checkout view of your front-end template, through "Hikashop->Display->Views"

The following user(s) said Thank You: matps

Please Log in or Create an account to join the conversation.

  • Posts: 214
  • Thank you received: 1
11 years 10 months ago #117500

Thanks for the advice Mohamed, turns out what I was after was in address / address_template.php.

Please Log in or Create an account to join the conversation.

  • Posts: 51
  • Thank you received: 0
11 years 7 months ago #127583

matps - what did you do in the file to edit the spacing, and where exactly did you find the file?
Thanks!

Please Log in or Create an account to join the conversation.

  • Posts: 83933
  • Thank you received: 13588
  • MODERATOR
11 years 7 months ago #127604

If you want to space out the elements in the address template, simply add spaces, line returns in it. Make sure that you're doing the change for all the address_template files. If you don't see the changes, it's maybe that you're not editing the correct one.

The following user(s) said Thank You: IanK

Please Log in or Create an account to join the conversation.

  • Posts: 51
  • Thank you received: 0
11 years 7 months ago #127623

Thanks Nicolas, I worked out how to get the lines the way I want them. However I'd like to have a space after the telephone number, and I couldn't find out how to do this one.
Can I also ask where I should edit to get the 'Shipping Address' and 'Billing Address' legend colour changed from black to light blue, as in the Shipping Method and Payment method legend. Thanks!

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 26251
  • Thank you received: 4040
  • MODERATOR
11 years 7 months ago #127636

Hi,

However I'd like to have a space after the telephone number

I think that if you are talking about adding some space between two addresses, the best will be to use some CSS.

I also ask where I should edit to get the 'Shipping Address' and 'Billing Address' legend colour changed from black to light blue

Same thing for the legend colors.
That's not HikaShop which define it but your template. We do not specify colors in the HikaShop CSS because it's not his goal.

I will recommend you the customization documentation:
www.hikashop.com/support/integrated-docu...ize-the-display.html

Regards,


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

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

Please Log in or Create an account to join the conversation.

  • Posts: 51
  • Thank you received: 0
11 years 4 months ago #139618

I've tried to add for the above question the following css - but it makes no difference to the layout. Can you help?

.hikashop_checkout_billing_address_info {
padding-bottom: 20px !important;
}

Please Log in or Create an account to join the conversation.

  • Posts: 12953
  • Thank you received: 1778
11 years 4 months ago #139636

Hi,
Can you show me exactly what you want to do through some screenshots and give me a link to the page where you have your issue so that I can directly check your CSS code ?

Please Log in or Create an account to join the conversation.

  • Posts: 51
  • Thank you received: 0
11 years 4 months ago #139640



Mohamed,
You will notice that there are two possible billing addresses, and two possible shipping addresses. They are very close together, one above the other. What I would like to do is introduce a space between them, and I suspect the best way to do this is to add padding after the telephone number, which is what I was trying to do.

The page with the issue requires you to register, login and make a purchase, so to save you having to do this,
the direct link to the css file is www.brspools.co.uk/_testing_site/media/c...frontend_custom2.css

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 13201
  • Thank you received: 2322
11 years 4 months ago #139659

Hi,

You can use the following css property:

.hikashop_checkout_billing_address tr td, .hikashop_checkout_shipping_address tr td{
    padding-bottom: 20px !important;
}

Please Log in or Create an account to join the conversation.

  • Posts: 51
  • Thank you received: 0
11 years 4 months ago #139667

Thanks for the reply Xavier, unfortunately this does not work :(

Please Log in or Create an account to join the conversation.

  • Posts: 12953
  • Thank you received: 1778
11 years 4 months ago #139855

Hi,
I wanted a direct access to your website so that I can directly test what CSS code would be the best to do what you want to do ? Can you give me a link to your website and a test account ?

Please Log in or Create an account to join the conversation.

  • Posts: 51
  • Thank you received: 0
11 years 4 months ago #139952

I've sent you a PM Mohamed. (I think!)

Please Log in or Create an account to join the conversation.

Time to create page: 0.167 seconds
Powered by Kunena Forum