Now I can join the happy campers!!! That mod is simply gorgeous. I had an issue with images being pale, but Stephen has been very supportive.

Now remain the catalog pages. Unfortunately I cannot generate them at root as the site is bilingual.

Anyway, that mod is a must. Stephen, thanks again for your patience and support.

Black images showing up *SOLUTION*
 

For all the people that have black gif's showing up. USE JPG!

GD2 does not have support for gifs. Due to stupid software patents.

So if you have GD2 installed use jpg's or png's for your images. Not gifs.

if you still have GD version 1 installed on your box, you can use gifs. (I recommend GD2 though, the quality of JPG's is much better).

support for gif was added back as of 7/22/04
they might have to upgrade and make sure that they have version 2.028 or higher.

Re: Black images showing up *SOLUTION*
 

Thank you, but I can't personally do that, as my shop depends on trasparencies to look right. There's some effects in my template that dynamically change background colors.

My GD 2 actually works fine with GIF.

I need a solution with good image quality and transparency. I tried outputing to PNG in Photoshop, but to my dismay, the image quality isn't nearly as good... you'd think it'd be the same as GIF, but it's not.

Both black background GIFs and inferior looking PNGs are neither a solution.

It's been about 2 months now. If this won't work, then i'm going to forget about it.

That said, this is an excellent solution and mod for those who can use jpgs (which is likely to be the bulk of 'em)

Wel waddayaknow... Never knew that :)

I'll have a look at the image.php file too see what's going on with the GIF files.

Shouldn't be that hard to figure out. I'll report back with some info if I can find something that needs to be changed.

I bought the mod a month ago, it works great and everything, and it sure makes the site load much faster.

The only thing is, how can I make product that only has thumbnail image show a little auto-generated thumbnail on the product detail page, too?

As you know, if there are detail images, then on product detail page it will generate all the little thumbnail for both xcart thumbnail image and the detial images. When there is no detail images, it doesn't generate little thumbnail for the xcart thumbnail image.

Did anyone else lose their Alt tags on their images after installing this mod? When I view my source the alt tags are missing. For example, when I view source on my product page it shows the image src as follows:


The slash right before the closing bracket is confusing to me. I'm not sure if it's from this mod or something else I did but my alt tags are gone and this slash is here instead. Would any other users of this mod please check to see if it is the same for you?

Thanks,
T.J.

The slash before the closing bracket is XHTML standard. The image mod is outputing this code. XHTML specifies that Б─°emptyБ─² tags such as
and <img> must close themselves by including a forward slash /> at the very end of the tag.

For the alt text for the iamge, make sure that the code that you inserted for the thumbnail looks like this:


Also, make sure that the code in the thumbnail.tpl file looks like this:


The biggest thing that you need to look at the the above code is the section that reads html="class=\"`$class`\" alt=\"`$alt`\""

TelaFirma,

Thanks. That fixed it. The distribution package that I got from when I purchased this a while ago did not have the alt section included. I'm sure you've updated by now. It also does not have the "sharpen=$sharpen" that is referenced. Is this a new feature of your mod or something custom that you did? If it is a new feature, how do I get my hands on the revised code?

Thanks again.

T.J.

sharpen=$sharpen was added to allow me to easily turn off the unsharp mask on a few systems that had limited memory allocated to run PHP scripts. The unsharp mask uses quite a bit of memory when working with the large popup images and there were a few instances on sites that were on a shared hosting server where PHP execution memory was set very low.

ouch. That was the problem for me? I could have easily increased that. Does that make a noticable difference in the image?

Hi TelaFirma,

Just purchased your mod, and it's great stuff, however, I am also having the problem with my transparent gifs having a black background.

I did a little research on GD and found this page which discusses how to create an image with a white background.

http://www.phpgd.com/articles.php?article=5

Apparently, when you use either the imagecreate() or imagecreatetruecolor() functions, it always starts you with a blank image with a BLACK background.

You can change the background color to white by starting with


I don't know if that will solve the problem, you know way more about this stuff than me, but I just wanted to offer some help if I can.

version 4.1??
 

Has anybody used this used this mod with the new version (4.1)? The final version should be released soon and I would like to upgrade.

Re: version 4.1??
 

It may be awhile after X-Cart has released a STABLE branch will most 3rd party modders, that I've read, will be upgrading their scripts. After 4.0 was released it took alot of us awhile to rewrite the available mods to be compatible, making 3rd party mods available around the 4.0.3-5 branch would be a good assumption, as it gives us enough time to evaluate the new release and how our code needs to interact with it.

This is just my method as telafirma may be thinking differently.

I would not worry at all. I dealt with TelaFirma a few times and I could guarantee you that he will stand by his mod.

Very happy customer
 

I just installed it. Took me 15 minutes - and I'm a newbie/non-programmer.

I can vouch for how much more beautiful the images look - no more horrible jagged edges. Support was excellent too! Thanks Telafirma! :D

Anyone know how to force images to be regenerated? I accidentally deleted some of mine and they aren't automatically regenerated.

upload the image again on each product you deleted.. would be my guess.

Nope. Deleted all the images and uploaded them again. no change.

I cant see any images in my catalog any one can help please

Are you using the image mod?

There seems to be some sort of problem with generated HTML catalogs where the image is broken. Waiting on Steve to give us a fix.

Just found this thread after firing off a PM regarding the HTML catalog. It's referencing the new image directory relative to the /catalog directory so, of course, it's not finding it. Not sure how this is fixed though.

use SAFETYNET DSEFU MOD and there will be no need to ever generate a catalog

What about separate images for thumbs?
 

Hi All,

Does this mod, or any other means, allow for a DIFFERENT image for thumbnail instead of the SAME image as the product?

I find it a major oversight not to have a THUMBNAIL image that I can control independantly (for close cropping, or whatever) from the product shot.

Thanks!

I've been using this mod and I like it a lot. One issue that I can't resolve though is that my detailed images are not completely aligned left as they should be. It's as if there is space before the first one. What's odd about it thoug is that in only happens in IE on a PC. It doesn't happen on a Mac using Safari or Mozilla.

Here's an example: http://www.thegrooveshoppe.com/xcart/product.php?productid=16231&cat=259&page=2

Post your style sheet, and maybe I can figure out the problem.

If you could take a look that would be great! Here it is:

BODY,P,DIV,TH,TD,P,INPUT,SELECT,TEXTAREA {
FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
COLOR: #000000; FONT-SIZE: 10px;
}
A:link {
COLOR: #666666; TEXT-DECORATION: none;
}
A:visited {
COLOR: #666666; TEXT-DECORATION: none;
}
A:hover {
COLOR: #999999; TEXT-DECORATION: underline;
}
A:active {
COLOR: #FFFFFF; TEXT-DECORATION: none;
}
H1 {
FONT-SIZE: 15px;
}
H2 {
FONT-SIZE: 13px;
}
H3 {
FONT-SIZE: 12px;
}
HR {
COLOR: #DDDDDD; HEIGHT: 1px;
}
BODY {
MARGIN-TOP: 0 px; MARGIN-BOTTOM: 0 px; MARGIN-LEFT: 0 px; MARGIN-RIGHT: 0 px;
BACKGROUND-COLOR: #9E9FA7;
}
.HeadBox {
BACKGROUND-COLOR: #9E9FA7;
}
.HeadText {
FONT-SIZE: 12px; FONT-WEIGHT: bold;
}
.HeadLine {
BACKGROUND-COLOR: #EDEDED;
}
.VertMenuBox {
BACKGROUND-COLOR: #EDEDED;
}
.VertMenuBorder {
BACKGROUND-COLOR: #000000;/*#FFC58C;*/
}
.VertMenuTitle {
BACKGROUND-COLOR: #999999; COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 10px;
}
.VertMenuItems {
COLOR: #000000; TEXT-DECORATION: none;
}
.VertMenuItems:link {
COLOR: #330000; TEXT-DECORATION: none;
}
.VertMenuItems:visited {
COLOR: #330000; TEXT-DECORATION: none;
}
.VertMenuItems:hover {
COLOR: #550000; TEXT-DECORATION: underline;
}
.VertMenuItems:active {
COLOR: #330000; TEXT-DECORATION: none;
}
.VertMenuHr {
COLOR: #999999;
}
.CategoriesList {
FONT-SIZE: 12px;
}
.DialogBox {
BACKGROUND-COLOR: #FFFFFF;
}
.DialogBorder {
BACKGROUND-COLOR: #999999;
}
.DialogTitle {
COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 11px;
}
.NumberOfArticles {
COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 10px;
}
.TopLabel {
COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.Text {
COLOR: #000000;
}
.AdminSmallMessage {
COLOR: #550000;
}
.AdminTitle {
COLOR: #330000; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.Line {
BACKGROUND-COLOR: #FF6600;
}
.ProductTitle {
COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.ProductDetailsTitle {
COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.ProductDetails {
COLOR: #000000;
}
.ProductPriceTitle {
COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.ProductPriceConverting {
COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.ProductPrice {
COLOR: #FF3300; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.ProductPriceSmall {
COLOR: #550000; FONT-WEIGHT: bold; FONT-SIZE: 10px;
}
.MarketPrice {
FONT-SIZE: 11px;
}
.ItemsList {
COLOR: #330000; FONT-WEIGHT: bold; FONT-SIZE: 10px;
}
.NavigationPath {
COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 10px;
}
.FormButton {
COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 10px;
}
.Button {
FONT-FAMILY: Arial;
BACKGROUND: URL(images/butbg.gif);
BACKGROUND-COLOR: #FFC58C;
COLOR: #FFFFFF; FONT-WEIGHT: bold;
FONT-SIZE: 11px;
TEXT-DECORATION: none;
}
.CustomerMessage {
COLOR: #FF3300; FONT-WEIGHT: bold; FONT-SIZE: 10px;
}
.ErrorMessage {
COLOR: #FF3300; FONT-WEIGHT: bold; FONT-SIZE: 10px;
}
.Star {
COLOR: #FF0000;
}
.HighLight {
BACKGROUND-COLOR: #FFFFCC;
}
.SaveMoneyLabel {
COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 10px;
}
.TableHead {
BACKGROUND-COLOR: #DDDDDD;
}
.SmallNote:link {
COLOR: #888888; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;
}
.SmallNote:visited {
COLOR: #888888; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;
}
.SmallNote:hover {
COLOR: #888888; TEXT-DECORATION: underline; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;
}
.SmallNote:active {
COLOR: #888888; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;
}
.Bottom {
BACKGROUND-COLOR: #999999; COLOR: #000000;
}
.Tab {
BACKGROUND-COLOR: #000000;
FONT-WEIGHT: bold;
TEXT-TRANSFORM: uppercase;
}
.CatMenuItemOff
{
BACKGROUND-COLOR: transparent; /* like "VertMenuBox" */
BORDER-RIGHT: none; /* like "VertMenuBox" */
BORDER-TOP: none; /* like "VertMenuBox" */
BORDER-LEFT: none; /* like "VertMenuBox" */
BORDER-BOTTOM: none; /* like "VertMenuBox" */
MARGIN-BOTTOM: 1px;
MARGIN-TOP: 1px;
MARGIN-LEFT: 1px;
MARGIN-RIGHT: 2px;
CURSOR: pointer;
}
.CatMenuItemOffExp
{
BACKGROUND-COLOR: transparent; /* like "VertMenuBox" */
BORDER-RIGHT: none; /* like "VertMenuBorder" */
BORDER-TOP: none; /* like "VertMenuBorder" */
BORDER-LEFT: none; /* like "VertMenuBorder" */
BORDER-BOTTOM: none; /* like "VertMenuBorder" */
MARGIN-BOTTOM: 1px;
MARGIN-TOP: 1px;
MARGIN-LEFT: 1px;
MARGIN-RIGHT: 2px;
CURSOR: pointer;
}
.CatMenuItemOn
{
BACKGROUND-COLOR: #999999; /* like "VertMenuTitle" */
BORDER-RIGHT: #FFC58C 1px solid; /* like "VertMenuTitle" */
BORDER-TOP: #FFC58C 1px solid; /* like "VertMenuTitle" */
BORDER-LEFT: #FFC58C 1px solid; /* like "VertMenuTitle" */
BORDER-BOTTOM: #FFC58C 1px solid; /* like "VertMenuTitle" */
MARGIN-LEFT: 1px;
MARGIN-RIGHT: 2px;
CURSOR: pointer;
}
.CatSubMenu
{
BACKGROUND-COLOR: #EDEDED; /* like "VertMenuBox" */
BORDER-RIGHT: #000000 1px solid; /* like "VertMenuBorder" */
BORDER-TOP: #000000 1px solid; /* like "VertMenuBorder" */
BORDER-LEFT: #000000 1px solid; /* like "VertMenuBorder" */
BORDER-BOTTOM: #000000 1px solid; /* like "VertMenuBorder" */
MARGIN-LEFT: 1px;
MARGIN-RIGHT: 2px;
}
.CatMenuItem
{
FONT-SIZE: 12px;
FONT-FAMILY: Arial;
CURSOR: pointer;
}
.CatMenuItem:link
{
COLOR: #000000; /* like "VertMenuItems" */
}
.CatMenuItem:visited
{
COLOR: #000000; /* like "VertMenuItems" */
}
.CatMenuItem:hover
{
COLOR: #000000; /* like "VertMenuTitle" */
}
.CatMenuItem:active
{
COLOR: #000000; /* like "VertMenuItems" */
}
.NavDialogTitle {
font-size: 11px;
font-weight: bold;
color: #999999;
}
.NavDialogBorder {
background-color: #999999;
}
.NavDialogBox {
background-color: #EDEDED;
}
.SubHeader2 {
COLOR: #666666;
font-size: 11px;
FONT-WEIGHT: bold;
}
.SubHeader2Line {
BACKGROUND-COLOR: #CCCCCC;
}
.PopupHelpLink {
FONT-SIZE: 9px;
COLOR: #330000;
TEXT-DECORATION: none;
}
.HightLightRow {
BACKGROUND-COLOR: #B0B0B0;
font-weight: bold;
}
.HightLightEqualRow {
BACKGROUND-COLOR: #ffe8af;
}
.VertMenuSubTitle {
BACKGROUND-COLOR: #999999;
}
.NoBorder {
border-bottom: 0px solid #FFFFFF;
border-left: 0px solid #FFFFFF;
border-right: 0px solid #FFFFFF;
border-top: 0px solid #FFFFFF;
}

.Thumbnail {
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
}
.thumbwrap {
padding: 15px 8px 0 8px;
margin: 0;
}
.thumbwrap li {
display: -moz-inline-box;
display: inline-block;
/*\*/ vertical-align: top; /**/
margin: 0 7px 15px 7px;
padding: 0;
}
.thumbwrap a {
display: block;
text-decoration: none;
color: #000;
cursor: pointer;
}
/* IE7? \*/
.thumbwrap>li .wrimg {
display: block;
display: table-cell;
vertical-align: middle;
}
/**/
* html .thumbwrap li .wrimg {
display: block;
font-size: 1px; /* migliora Mac */
}

.thumbwrap img {
vertical-align: middle;
}
/*\*//*/

/**/

/* top ib e hover Op */
@media all and (min-width: 0px) {
.thumbwrap {
border-collapse: collapse;
}
.thumbwrap a {
display: inline-block;
vertical-align: top;
}
.thumbwrap {
display: inline-block; /* non deve avere margin */
}
}

When using the Marketing Manager Ebay product generator it uses the originally uploaded thumbnail instead the resized image what is displayed at the product.
Is there a way to get the image displayed which is resized. Because when listing the image they will see a very large uploaded image instead the resized one which is much better...

I just decided to change my cart to root directory(www/ instead of www/xcart/). I know with this mod it requries all files to be under file system. With the instruction on http://forum.x-cart.com/viewtopic.php?t=27066 I need to change it store the image in db first, then change it back to file. With this mod, would there be a problem for me to change it to store under db, then change it back to file system?

Does this work with Detailed Image Pop-up by Cart-Lab?
 

I would like to purchase the mod but I need to know 2 things:
1. Does this work with Detailed Image Pop-up by Cart-Lab which I already have installed?
2. What is the recommended image size? (Dimensions and kb)

Thanks

Re: Does this work with Detailed Image Pop-up by Cart-Lab?
 

1. It does not work with the Cart-Lab mod, but it is just a few lines to comment out and delete some files to uninstall this mod.
2. I use the dimension 750x so people with lower resolutions (800 x 600) can watch the images, it gives enough details and the images won't become to heavy to load. 50-150 kb for my detailed images.

Re: Does this work with Detailed Image Pop-up by Cart-Lab?
 

I too currently have the 'Detailed Image Pop-up' mod installed on a client site. Can you confirm that I can remove that mod and install this one, and this mod will function as intended? Without the need to upload the detailed images again?

What I have understand and seen with this mod that only new images will be converted. Old images are left as they are. The old images will displayed in a popup, but will not be resized.
Keep as note. These images have to be true .jpg files and not images that are saved as bmp or linked of from other sites. We had a big problem on one of our sites with this one. We had to convert almost all images.
If the images are not true .jpg files it will cause a bunch of error cause the image could not be read properly.
Just my experience with the mod. But its a great mod. Just upload one big image or a big second detailed and you're done.
You may ask TelaFirma himself about this issue.

Does anyone know how to use this mod when importing detailed photos?

Not quite true - images that are smaller than the size that you set in admin will not be sized UP. However, any existing images that need to be scaled down will be.

Nothing new needs to be done with working with Detail images OR Product images. Just upload or import them as usual (only use a larger image than you normally would so that there is a good size image to start with). All functions within X-Cart concerning image management remain the same.

What this means is that when this mod is installed, it functions transparently.

will this mod work with v4.1.0 ?

4.1.0 is not stable and still has many issues. Some of the issues are with image display. Untill that branch is more stable I do not intend on looking to port it over. Too many things may change between now and then.

Can someone please tell me how to increase the image size for the upselling link images on product page.

I have the image mod, though upselling images appear far too jagged!!

Thanks.

Product Upsells by default do not have images. They are just links. Are you using some sort of other mod for upsells?