PREV NEXT buttons not working on recommended item

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 7680 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 7680 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 7680 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 42756 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 »