I am using current version of ASP. Is there a simple code that can be added so that the pictures on the proddetail page will not be bigger than 700x700. Without having to go through and resize pictures surely there must be a simple code that can be used? See an example of a pic that is too big

https://www.greatmusicproducts.com/proddetail.asp?prod=M32R-ATA

Thanks,
Rick

rlafave

You could use CSS and set


Marshall
CENLYT Productions - ms designs
Affordable Web Design
Custom Ecommerce Designs
Responsive Websites
Cenlyt.com

Which file is that I need to modify and where is it located?

rlafave

Sorry also where in the file do I put it?

rlafave

Hi Rick, comment out the following in magicthumb.css so that its like:

td > .MagicThumb > img, td > .MagicThumb.magic-for-ie8 > img {
/* max-width: none; */
/* width: auto; */
}

Winners never quit, quitters never win
CSS and Responsive Designs
User Manual for Ecommerce Templates

Hi Sinbad,

That did not change the picture. When I click expand the picture is the right size. It is BEFORE I click the expand that the picture is too big. Also when I do click expand there is no left and right arrow and the page is froze at that point.

rlafave

Hi it is working from what I can see, try clearing your browser cache.

Winners never quit, quitters never win
CSS and Responsive Designs
User Manual for Ecommerce Templates

Won't let me exit after expanding the pic .... clicking the X does nothing.

Responsive Design Deals Ecomm Plus - ASP 6.8
www.paradiseclothingco.com

Ok I see the pictures are sized correctly now. The only other issue is that when you lcik on the picture the expanded picture is always the first one, even if you are on the 2nd picture when you click the picture it expands the first picture only, any idea on why that is happening?

rlafave

Sorry one other thing. Do you know why the categories menu to the left is showed the expanded view BEHIND the picture?

rlafave

Hi in style.css around line 2 add the z-index so that its like the following and that will fix the menu.

ul.ectmenu1 {
list-style: inside;
border: 1px solid;
color: #000000;
font: 14px Arial, Helvetica, sans-serif;
padding: 1px;
z-index: 5000;
}

Can you check that you have set the correct image in the product admin for the second image.

Winners never quit, quitters never win
CSS and Responsive Designs
User Manual for Ecommerce Templates

The menu to the left is fixed, thank you so much. The only other issue is that when you go to the second or third or fourth picture(everything past the first one) and you click on any of those pictures the expanded picture always only shows the first picture. I checked and it appears the pictures in the CVS file are correct.

rlafave

Hi can you paste the lines from the image csv for that product here.

Winners never quit, quitters never win
CSS and Responsive Designs
User Manual for Ecommerce Templates

M32R-ATA thumbnails/M32R-ATA.jpg 0 0
M32R-ATA ospebay/m32r-ata_01.jpg 1 0
M32R-ATA ospebay/m32r-ata_02.jpg 1 1
M32R-ATA ospebay/m32r-ata_03.jpg 1 2
M32R-ATA ospebay/m32r-ata_04.jpg 1 3
M32R-ATA ospebay/m32r-ata_05.jpg 1 4
M32R-ATA ospebay/m32r-ata_06.jpg 1 5
M32R-ATA ospebay/m32r-ata_07.jpg 1 6
M32R-ATA ospebay/m32r-ata_c01.jpg 1 7
M32R-ATA ospebay/mc12u-10_c02.jpg 1 8
M32R-ATA ospebay/m32r-ata_c06.jpg 1 9
M32R-ATA ospebay/m32r-ata_c07.jpg 1 10
M32R-ATA ospebay/m32r-ata_07.jpg 1 12


rlafave

Also it is doing it on every product that has more than one picture. When you click next at the bottom of the picture and then click on the picture it still expands to the first picture. I think it has something to do with the magic thumb

rlafave

Also I thought when the magic thumb expanded picture comes up you can scroll to the right if there is more than one picture, it doesn't seem to do that now.

rlafave

Hi Rick, the csv looks good, you should be able to click for the next image when it is expanded, did it do that before?

quote:

---

it doesn't seem to do that now

---

Winners never quit, quitters never win
CSS and Responsive Designs
User Manual for Ecommerce Templates

As I recall once you clicked on the picture that picture would expand AND you could click left or right in expanded view to see the next picture. Now every picture you click on a product only shows the FIRST picture and no scrolling.

rlafave

I checked the magic thumb demo and yes it has arrows on each side which mine does not.

rlafave

Well I am getting a little frustrated. I still can't get Magic Thumb to work correctly, I have emailed the company 8 times over the last week and no response. I have a paid license. Here is what the code looks like in the proddetails.asp page:

<html>
<head>
<title>Great Music Products Items</title>
<LINK REL=STYLESHEET TYPE="text/css" HREF="style.css">
<LINK REL=STYLESHEET TYPE="text/css" HREF="style1.css">
<link type="text/css" rel="stylesheet" href="magicthumb/magicthumb.css" />
</head>

And the Magic Thumb works partially as it will only show the first picture in expanded view no matter which picture you click on and no scroll left to right in expanded view.

Magic Thumb says I also need to add the code: <script type="text/javascript" src="magicthumb/magicthumb.js"></script> however when I do and click on the picture for expanded view it expands and freezes and won't do anything. I just want it to work correctly, can you guys help me with this???

rlafave

You don't want to add that line.

Do you definitely have this in includes.asp

magictoolbox="MagicThumb"

Andy

Please feel free to review / rate our software