X-Cart forums

[willirl]

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.

[DanUK]

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.

[Lionel]

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

[Total Hosting]

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!

[joelc73]

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

[proboscidian]

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

[joelc73]

Originally Posted by proboscidian

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 */
}
}

[NightFire]

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...

[Lucent88]

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?

[dgreen]

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