Custom fields mess up with cart checkout display

  • Posts: 65
  • Thank you received: 3
6 years 8 months ago #289025

-- url of the page with the problem -- : www.ginmacher.de
-- HikaShop version -- : 3.3.0
-- Joomla version -- : 3.7.2
-- PHP version -- : 7.1
-- Browser(s) name and version -- : Firefox, Chrome
-- Error-message(debug-mod must be tuned on) -- : Custom Fields mess up cart display

Hello Team,

see below screenshot:



I added a custom field called "Information" in the product listing to show additional information about the product. If this field is filled, then it wioll be display correctly. But if this field is not filled within a product, it will show up with its caption directly over the other field.

Example (as shown in screenshot):

At name WACHOLDER, the custom field description lays directly over the Price field (if not filled). If filled (for example at the Orange), the field will be display underneath which is correct.

How can I change that, that also empty lines are displayed correct or on the other way are not visible?

You can check by yourself with

1.) Go to: www.ginmacher.de/index.php/gin-konfigurator/44-wacholder
2.) click this product in the cart
3.) go to: www.ginmacher.de/index.php/warenkorb to see your checkout and make window of browser small as it would be responsive. Same problem applies also on mobile.

Thanks for your help.

Alexander

Attachments:

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

  • Posts: 4747
  • Thank you received: 644
  • MODERATOR
6 years 8 months ago #289030

Hello,

Thank you for your return, there is a missing Css command, and so we will fix this on our side.

Now to solve your issue, and as it's an error on our side, I will give you the code, follow me step by step :
- Have a look on this tutorial
- In your frontend_default.css arround line 1290, you have this :

.hikashop_checkout_cart table td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 30%;
   }
=> add this code :
min-height: 25px;
As result you have now this :
.hikashop_checkout_cart table td {
		min-height: 25px;
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 30%;
  }

I hope this will fit your needs.
Regards

Last edit: 6 years 8 months ago by Philip.
The following user(s) said Thank You: ginmacher

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

  • Posts: 65
  • Thank you received: 3
6 years 8 months ago #289168

Thanks for solving the issue Phillipe!

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

Time to create page: 0.064 seconds
Powered by Kunena Forum