Re: Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]
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.
Re: Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]
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.
Re: Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]
Quote:
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.
Re: Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]
What a champion, that did the trick, Thank You very very much :bow:
Re: Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]
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.');
?>
Re: Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]
Quote:
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
Re: Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]
Thanks Simon, I've removed the / from br but made no difference :(
Re: Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]
Quote:
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.
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]
Quote:
Originally Posted by
rlexyd
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.
