Ecommerce software home
Shopping Cart Software Forum for Ecommerce Templates
Home | Profile | Register | Active Topics | Members | Search | FAQ
Username:
Password:
Save Password
Forgot your Password?



Find us on Facebook

Follow us on Twitter

View our YouTube channel


 All Forums
 General
 Design issues
 PREV NEXT buttons not working on recommended item
 New Topic  Reply to Topic
 Printer Friendly
Author  Topic   

RackMetro
Starting Member

USA
22 Posts

Pre-sales questions only
(More Details...)

Posted - 09/19/2020 :  12:28:35  
Hi,

- I just added recommended items to home page. But i found that PREV NEXT buttons on pics are not working.
Please help how to make them.

- How to disable "Enlarge" on pics when on mobile phone.devices? The pictures look too large..

Thanks,

Phil
ECT Moderator

United Kingdom
7127 Posts

Posted - 09/20/2020 :  04:25:30  
Hi,
It looks like you're missing the call to the ectcart.js file in your index.php file, adding the line below should sort out that problem

<script type="text/javascript" src="js/ectcart.js"></script>

For the giant images to resize on mobile devices try adding the following to your style.css file

img.giantimage{max-width:100%; height:auto}



* Database Migrations and Conversions*
* ASP to PHP Cart Conversions*

*Contact Us*
*Buy The PHP Capture Card Plugin*
*Rate Our Services/View Our Feedback*

Edited by - Phil on 09/20/2020 04:34:10

RackMetro
Starting Member

USA
22 Posts

Pre-sales questions only
(More Details...)

Posted - 09/21/2020 :  00:27:51  
Can you be more precise? I am not a techie.

Where is exactly in index.php should put that script line?

The same question regarding img.giant image in style.css? Where exactly in style.css? line no? Or before or after?

Thanks again.

Phil
ECT Moderator

United Kingdom
7127 Posts

Posted - 09/21/2020 :  01:06:05  
In code view anywhere before the closing head tag
<head>
<title>RACKMETRO</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1" />
<link href="css/ectcart.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/ectstyle.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/html5.js"></script>
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<link rel="stylesheet" href="css/responsivemobilemenu.css" type="text/css"/>
<script type="text/javascript" src="js/responsivemobilemenu.js"></script>
<script type="text/javascript" src="js/ectcart.js"></script>
</head>

and in your style.css file here will be fine

body{
padding:0px;
margin:0px;
font: 100%/1.5 Arial, serif;
}
img.giantimage{max-width:100%; height:auto}




* Database Migrations and Conversions*
* ASP to PHP Cart Conversions*

*Contact Us*
*Buy The PHP Capture Card Plugin*
*Rate Our Services/View Our Feedback*

RackMetro
Starting Member

USA
22 Posts

Pre-sales questions only
(More Details...)

Posted - 09/21/2020 :  22:58:11  
Thanks a lot. The script works to make PREV NEXT buttons work on home page recommended items.

The giant images looking so large on mobile - continue. But I don't think is that big an issue. So, I can live with for now.

Thanks a lot Phil.

Phil
ECT Moderator

United Kingdom
7127 Posts

Posted - 09/22/2020 :  02:42:31  
quote:
The giant images looking so large on mobile - continue. But I don't think is that big an issue. So, I can live with for now.


The css does resize the giant image so it doesn't exceed the screen width of the device being used, I've tested it, but if you want to reduce the giant image to a smaller size just on screen widths below let's say 350 px add this at the very end of your css/style.css file

@media all and (max-width: 350px) {
img.giantimage{max-width:70%; height:auto}
}



* Database Migrations and Conversions*
* ASP to PHP Cart Conversions*

*Contact Us*
*Buy The PHP Capture Card Plugin*
*Rate Our Services/View Our Feedback*

RackMetro
Starting Member

USA
22 Posts

Pre-sales questions only
(More Details...)

Posted - 09/22/2020 :  14:51:19  
The giant image is still just like before. Still not working on giant image.
I am checking using samsung phone.

Vince
Administrator

39271 Posts

Posted - 09/23/2020 :  00:23:35  
I had a look at different mobile resolutions and everything seems fine. Could it be the problem here and with the bullet points is you are not forcing a refresh of the style sheet when you make these changes so you are not seeing the page with the changes in place? On desktop for instance you often have to do a <Ctrl>+Refresh to force a refresh of the cache. On mobile, often just clicking the refresh button a couple of times does the trick.

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater
   Topic   
 New Topic  Reply to Topic
 Printer Friendly
Jump To:
Shopping Cart Software Forum for Ecommerce Templates © 2002-2019 ecommercetemplates.com
This page was generated in 0.03 seconds. Snitz Forums 2000