[SOLVED] Add to Cart POPUP Window Cutting Off

  • Posts: 81484
  • Thank you received: 13062
  • MODERATOR
9 years 11 months ago #152933

It's probably the CSS of the component.php file of your template which forces the width of the frame inside the popup to be at least this wide and thus the button goes too far on the right.
Thus, it would require to modify/override the CSS of the template to do that but I can't say exactly what as I don't know your template CSS. If you could provide a link to the page, I could say more precisely what to do.

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

  • Posts: 40
  • Thank you received: 0
9 years 11 months ago #153019

Thank you. There's an item at heritagemelbourne.vic.edu.au/index.php/h...98-safety-slouch-hat where you can click the Add to Cart button to bring up the Continue Shopping/Proceed to Checkout dialogue box. I've tried changing the template min-body width from 700 to 480 but it doesn't make any difference.

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

  • Posts: 13201
  • Thank you received: 2322
9 years 11 months ago #153026

Hi,

Thanks to try to add this property in your print.css file in your template:

iframe body{
    min-width:500px !important;
}

It's your template which is overriding css properties and make the width to high.

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

  • Posts: 40
  • Thank you received: 0
9 years 11 months ago #153168

Thank you Xavier. I added the iframe code to the print.css of my template, but nothing has changed. Tried adding it to the template.css file as well, but no change. Also cleared the cache, and tried another browser.

Last edit: 9 years 11 months ago by margknox.

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

  • Posts: 13201
  • Thank you received: 2322
9 years 11 months ago #153191

That should work, do you have put that code at the end of the css file ?
You can potentially try on another class or id to apply this properties.

Have you read that documentation ?
hikashop.com/support/support/documentati...ize-the-display.html

In the print.css file thanks to search for a property "min-width: 700px;" and change it's value to for example "500px".

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

  • Posts: 40
  • Thank you received: 0
9 years 11 months ago #153337

Thank you, it was in the body property. All good now, both buttons on the popup and no horizontal scroll bar. Thanks!

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

  • Posts: 250
  • Thank you received: 7
8 years 9 months ago #206160

The original post was two years ago and this is still a problem in 2.5.0, seeing a vertical scroll bar with this popup.

Also it would be nice if the popup said which product has been added to the cart rather than just a generic message.

Ian

Last edit: 8 years 9 months ago by iedwards.

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

  • Posts: 12953
  • Thank you received: 1778
8 years 9 months ago #206175

Hello Ian,
1.
As it's said on the previous messages that can be solved by using some CSS code.
2.
To do that you'll have to directly edit the code of the "notice" file of the "checkout" view of your front-end template via "Hikashop->Display->Views".

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

Time to create page: 0.112 seconds
Powered by Kunena Forum