Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

**simon1066** · 1 Aug 2021, 12:01 PM

While it won't give 2 additional images per row on mobile you could try this to give three images (as you've defined in your admin configuration) per row:

in responsive_mobile.css, in the blank line after line#388 add,

Code:

.additionalImages.centeredContent.back {
    float: left;
}

although I see there is similar code commented out at that line so you may have already tried and discarded this.

**rlexyd** · 2 Aug 2021, 12:40 AM

Hi Simon, thank you so much for that, it did the trick :)
I did not notice that code in the CSS, it took someone a little more clever to pick it up right away :)
Thanks again.
Now, I hope we get the head banner problem sorted now, as it's a bit annoying as customers can't see the message on their mobiles which is my main customers right now.

**simon1066** · 2 Aug 2021, 11:53 AM

Originally Posted by rlexyd

Hi Simon, thank you so much for that, it did the trick :)
I did not notice that code in the CSS, it took someone a little more clever to pick it up right away :)
Thanks again.
Now, I hope we get the head banner problem sorted now, as it's a bit annoying as customers can't see the message on their mobiles which is my main customers right now.

A bit more thought on this and I believe you need to add some padding to the <body> tag. So in responsive_mobile.css add:

Code:

body {padding-top:36px;}

You'll need to add it to both the landscape and portrait sections of the stylesheet and adjust the value to suit. Showing the banner below the nav menu, rather than above, is the best I can do at the moment.

**rlexyd** · 2 Aug 2021, 12:23 PM

What a champion, that did the trick, Thank You very very much

**rlexyd** · 3 Aug 2021, 07:46 AM

Sorry Simon, there is another problem I'm having that you might be able to help me with.
I edited my (/includes/languages/english/modules/payment/dirbankaus.php) to include an image and help centre it as well.
The code I used was:

<div id="bankpayment">Bank Deposit/Internet Transfer:<br><strong>Payment details will be included in your order confirmation email.</strong></br><img src="images/bankpayment.jpg" alt="Bank Payment" /></div>

Now it displays well during the checkout, when using One Page Checkout and the regular zen checkout and the emails that get sent out, however checkout success page goes all funny, it goes black background and the bottom ezpage footer move all the way up.

When I change the code to the following:

Bank Deposit/Internet Transfer<div id="bankpayment"><img src="images/bankpayment.jpg" alt="" /></a></div>

The payment method displays correctly, althouh I cannot add the extra BOLD text.

I also added this to stylesheet.css... #bankpayment {text-align:center;}

Obviously I'm doing something wrong which is why it's ruining the checkout success page.

Here is 2 snapshots of the 1st code and the error it causes:
https://i.imgur.com/WHEXiqN.jpg
https://i.imgur.com/9GXD2gV.jpg

Here is 2 snapshots of the 2nd code which doesn't have an error (but I need to the extra line and make it bold but everytime I try it causes the above error.):
https://i.imgur.com/sNBHBx3.jpg
https://i.imgur.com/LbLIwdu.jpg

Just so you know, here is the full dirbankaus.php lines.

Code:

<?php

$id=$_SESSION['customer_id'];
$ln=$_SESSION['customer_last_name'];




  define('EMAIL_TEXT_NO_DELIVERY',
  '<p>No Delivery, see below:');
  define('MODULE_PAYMENT_DIRBANKAUS_TEXT_EMAIL_FOOTER', 
  "Please use the following details to transfer your total order value:\n\n" .
  "\nAccount No.:  " . MODULE_PAYMENT_DIRBANKAUS_ACCNUM .
  "\nBSB Number:   " . MODULE_PAYMENT_DIRBANKAUS_BSB . 
  "\nAccount Name: " . MODULE_PAYMENT_DIRBANKAUS_ACCNAM . 
  "\nBank Name:    " . MODULE_PAYMENT_DIRBANKAUS_BANKNAM .
  "\nSwift Code:   " . MODULE_PAYMENT_DIRBANKAUS_SWIFT . 
  "\nReference:    "  . $ln ."-" . $id . "-%s" .
  "\n\nSend Cheques/Money Orders To:    " . MODULE_PAYMENT_DIRBANKAUS_ADDRESS . 
  "\nCheques/Money Orders Payable To:   " . MODULE_PAYMENT_DIRBANKAUS_PAYABLE .
  "\n\nThanks for your order which will ship immediately once we receive payment in the above account.\n");


  define('MODULE_PAYMENT_DIRBANKAUS_HTML_EMAIL_FOOTER', 
  '<BR>Please use the following details to transfer your total order value:<br><pre>' .
  "\nAccount No.:  " . MODULE_PAYMENT_DIRBANKAUS_ACCNUM .
  "\nBSB Number:   " . MODULE_PAYMENT_DIRBANKAUS_BSB . 
  "\nAccount Name: " . MODULE_PAYMENT_DIRBANKAUS_ACCNAM . 
  "\nBank Name:    " . MODULE_PAYMENT_DIRBANKAUS_BANKNAM .
  "\nSwift Code:   " . MODULE_PAYMENT_DIRBANKAUS_SWIFT . 
  "\nReference:    "  . $ln ."-" . $id . "-%s" .
  "\n\nSend Cheques/Money Orders To:    " . MODULE_PAYMENT_DIRBANKAUS_ADDRESS . 
  "\nCheques/Money Orders Payable To:   " . MODULE_PAYMENT_DIRBANKAUS_PAYABLE .
  '</pre><p>Thanks for your order which will ship immediately once we receive payment in the above account.');


  define('MODULE_PAYMENT_DIRBANKAUS_TEXT_TITLE', '<div id="bankpayment">Bank Deposit/Internet Transfer:<br><strong>Payment details will be included in your order confirmation email.</strong></br><img src="images/bankpayment.jpg" alt="Bank Payment" /></div>');
   define('MODULE_PAYMENT_DIRBANKAUS_TEXT_DESCRIPTION', 
  '<BR>Banking and Address details will be sent to your email once the order is confirmed.<br><pre>' . 
  '</pre><p>Thanks for your order which will ship immediately once we receive payment.');
?>

**simon1066** · 3 Aug 2021, 09:44 AM

Originally Posted by rlexyd

<div id="bankpayment">Bank Deposit/Internet Transfer:<br><strong>Payment details will be included in your order confirmation email.</strong></br><img src="images/bankpayment.jpg" alt="Bank Payment" /></div>

It looks as though the </strong></br> is causing the problem, you should be using </strong><br>

Whenever I get a screwy layout, I first check the HTML code (and perhaps CSS) for errors - use https://validator.w3.org

**rlexyd** · 3 Aug 2021, 10:45 AM

Thanks Simon, I've removed the / from br but made no difference

**simon1066** · 3 Aug 2021, 11:01 AM

Originally Posted by rlexyd

Thanks Simon, I've removed the / from br but made no difference

Have you validated the HTML? The validator (https://validator.w3.org) won't be able to scan your checkout success page but you can paste the source code of the page in to the 'Validate by Direct Input' tab.

That's all I have I'm afraid.

**rlexyd** · 3 Aug 2021, 11:11 AM

doing it now but not sure what is actually causing this problem..
https://i.imgur.com/FRqMftN.png
https://i.imgur.com/2fEoB3J.png
https://i.imgur.com/acVJmSu.png
https://i.imgur.com/MwLOLyw.png

Am I supposed to be deleting all the yellow codes??

**simon1066** · 3 Aug 2021, 11:33 AM

Originally Posted by rlexyd

doing it now but not sure what is actually causing this problem..
https://i.imgur.com/FRqMftN.png
https://i.imgur.com/2fEoB3J.png
https://i.imgur.com/acVJmSu.png
https://i.imgur.com/MwLOLyw.png

Am I supposed to be deleting all the yellow codes??

No, the yellow is just highlighting the location of the error. From those screeshots there are quite a few HTML errors, you will need to resolve them I'm afraid. Just work through them one at a time. A quick and dirty method of viewing these is to view the page source code in Firefox and the errors (most of them anyway) will be helpfully highlighted in red. That gives a clue of where to look in your template php files.

Thread: Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

Thread Tools

Search Thread

Display

Re: Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

Re: Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

Re: Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

Re: Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

Re: Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

Re: Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

Re: Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

Re: Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

Re: Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

Re: Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

Similar Threads

v155 Support Thread - Responsive Color Changes for 155

v151 Tableau Responsive Theme - Support Thread

v155 Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

v154 Order Steps Responsive [Support Thread]

Bentley Classic Template Support Thread

Bookmarks

Bookmarks

Posting Permissions