X-Cart forums

[mffowler]

Yes, you can have multiple CSS files. Though most people may get away with the other method in this thread and just use images.

Here's an example in my product.tpl:

I show a manufactures logo. But, as I do not want to call the logo from the MySQL table and php, I use a Smarty variable replacement.

[img]{$ImagesDir}/brands/{$product.manufacturer|replace:' ':''}.gif[/img]

If I put an image in the skin1/images dir and in a folder called "brands", I could then call the images with a Smarty variable. But, some brands (and colors) would have multiple words. So I tweak the variable to replace "spaces" with no space. That's the |replace:' ':'' part of the code.

Using the other solution in this thread, you could then also use the "Product Option" itself to show an image with it's name. Easier than CSS if you only have a few brands or charts to display, but CSS works well if you have a lot of brands with a lot of color variations. Say I have 130 brands with 50 diff. color charts. It might only work to use the CSS technique and if statement method as you have done.

That way, you only get the core CSS skin1 file AND the one manufacturers CSS file for the color calls... a lot less code than calling all CSS files into the template structure. And as I mentioned a decent entry-level alternative vs. php and MySQL work which would be necessary if you actually wanted to assign a swatch image to the variant table. X-Cart did this for a site I know, but it was a bit complex and a few hundred dollar job. I'm sure they have the code for many specific needs.

- Mike

[dazybabes]

Do you know how i can change the coding so that it looks at a specific variant ie colour/swatch variant rather than sizes?

we dont have that many colours usually black, white or hivis.

I just want it to bring in the colour swatch.tpl if there is a colour variant available and not have it bring in blank swatches for the sizes?

[mffowler]

I have started trying to get this to work for 4.1.x and have managed to display one column of variants (colors only). Can anyone help me to: 1. Allow for 2 or 3 columns and 2. Display only available color swatches/names?

{capture name=dialog}
{foreach from=$product_options item=v}
{assign var="x" value="product_options[`$v.classid`]"}
{/foreach}

<table><tr>
{foreach from=$v.options item=o}

<td background="{$xcart_web_dir}images/S/{$product.manufacturer}_{$o.option_name|replace:" ":""|replace:"/":""}.gif">[img]{$ImagesDir}/spacer.gif[/img]</td>

<td>{$o.option_name}</td></tr>
{/foreach}
</table>
{/capture}
{include file="dialog.tpl" title=$lng.lbl_color_chart content=$smarty.capture.dialog extra='width="100%"'}

With the current 4.1.x variant images, it's strange to not see an X-Cart coded swatch image display. I have used the manufacturers and the option name to get a static image to be used as a background, but there must be a more professional method to do this. Ideas?

My mod has a directory in the images dir. called "S" and the images are named "Brand_ColorTitle.gif".

Thank for helping me to develop this intermediary solution.

- Mike

[damian]

Hi Mike,

Thanks a ton for sharing all your time on this. I've just read this whole thread and wanted to touch base with you to see what your current take on the best solution to this is... any advice would be greatly appreciated as I'm about to jump in to trying to get this mod to work.

Thanks!
Damian

[Cyber Matrix]

Has any figured out how to put thumbnail images and place them under the product image for 4.1 verision as http://www.ridersinc.com/alpinestars-boots-supertech-r-2008-p100221.html is using it in addition to the dropdown that is comes with the cart?

I see how the drop down works by swamping images but I would also like to have thumbnails under the product image. Most people will not know to use the dropdown to see other images.