can I make an image change on choice selection?

[bangers]

Norman,
I already figured this would be the case, thanks to my limited knowledge of actionscripting.
However thanks to you, in my case, I will have far less product lines and more choices per page so there should never be a time when I need to display the same primary image twice on an page.
I may have the same primary image change via different attributes and there choices but as they will apply to the same product there will be no confusion.
Once again thanks for your help

Bangers

[jeff p]

Norman...this is the thread...

Sorry about that! Followed all the instructions. The only thing up in the air at all was where in Act_Primary to insert the script. But, I'm not getting any radio buttons at all.

Have copied the images into preview. Thought I'd anticipate your question.

This is the perfect place for this brilliant patch of yours and I'm really excited about getting it working.

By the way, if I don't want a smaller image next to the button should I set it for 0?

[NormanRouxel]

The JavaScript goes into Act_Primary.html immediately above the </HEAD> tag.

Also check that the code in Act_VariantRadioButton.html between the <script>and </script> tags is a single long line. If you split this into two it will fail.

Once they're done turn on your browsers Status Bar (in IE - View / Status Bar) and preview a page. Look in the bottom left for a yellow javaScript Error icon. If you see one double click that icon and report the error.

If you have a live site it would help greatly if I could see it.

If you don't want an icon next to a button then omit the entire {....} bit from that choices HTML for Name field.

Norman

[jeff p]

Bingo...

Act_Primary was in the wrong place and Act_VariantRadio was two lines.

It's fantastic!!! Norman...may you and yours enjoy a great holiday.

[NormanRouxel]

Let me know when you have a live site using it so I can take a peek.

Norman

[jeff p]

Norman:

It's up...working on several pages. Here's one:http://solutions-marketing.net/acata...ngs_Flags.html

I'll probably eliminate the thumbnails so that the list shortens and reduces the amount of scrolling necessary to see the selection.

Or, you could be intrigued enough to figure out how to do multiple columns. Not too subtle, was it?

Again, thanks a lot.

[NormanRouxel]

Or, you could be intrigued enough to figure out how to do multiple columns

I'm not going to Automate this as it needs too many other changes. However try this:-

1)  In the Attributes HTML for name field (after everything else) add the code:-  

<table><tr><td>

2) In the first choices HTML for name field (after eveything else) add the code:-  

</td><td>  (or </td></tr></table> if final item)

3) Repeat the above line for all other items on this row.

4) In the lastl item on the row, in the choices HTML for name field (after eveything else) add the code:-  

</td></tr><tr><td> (or </td></tr></table> if final item)

Back to 2) for the next row.

If it doesn't work you'll have to fix this yourself.

Norman

p.s. This will generate slightly dodgy HTML as the final row may not have the full complement of cells. Most browsers will be OK with this.

[NormanRouxel]

Jeff,

If the above is too much work then you could always edit the bit of javascript that goes into Act_Primary.html and replace the fragment <br>

(buried in the line "document.write(result[1] + result[3] + '<br>'); // hide the embedded image")

With just a single space character.

This will place all these items one after the other on the same line. You won't get a pretty table-like layout but it might do.

Norman

[jeff p]

Norman:

It's not too bad...I set up the Choices and then copy and paste the table code for either two columns or three. Sometimes they don't line up perfectly (a condition of the amount of copy) but it certainly cuts the scrolling by a least half.

You can see the results at:

http://solutions-marketing.net/acatalog/Door_Mats.html

and to compare with a drop down list I haven't converted yet (on the agenda for today). Short lists obviously work better than when there are 32 choices.

http://solutions-marketing.net/acatalog/Tote_Bags.html

Really appreciated the help. It makes a world of difference in the usability.

[NormanRouxel]

Jeff,

Xmas pressy attached.

I managed to find a way to do multi columns that doesn't require any fancy footwork. You can define the number of columns via a Customvar so iut can be changed at will.

Norman


p.s. You may also want to consider a Product Template like this. This is the default template from the demo site modified to place all the choices full width across the bottom of the image and description.

<!-- ProductLine HTML begin -->
<!-- Insert HTML for the top of the individual product -->
NETQUOTEVAR:INCLUDE Act_ProductSeparator.html
NETQUOTEVAR:ENDSEPARATOR
NETQUOTEVAR:PRODUCTFORMBEGIN
<script language=JavaScript>
<!--
current = 'NETQUOTEVAR:IMAGEFILE';
iwidth = 'NETQUOTEVAR:IMAGEWIDTH';
iheight = 'NETQUOTEVAR:IMAGEHEIGHT';
scaledown = 'CUSTOMVAR:ICONSCALE';
colcount = 'CUSTOMVAR:ICONSPERLINE';
colpos = 0;
// -->
</script>
  <tr>
    <td rowspan="2" valign="TOP" align="CENTER"> NETQUOTEVAR:TEMPLATEBEGINXML NETQUOTEVAR:PRODUCTIMAGE </td>
    <td valign="TOP" align="LEFT" colspan="2">  
      <a name="NETQUOTEVAR:PRODUCTANCHOR"><span class="actregular"><b>NETQUOTEVAR:PRODUCTNAME</b></span></a>
      <span class="actxsmall">NETQUOTEVAR:PRODUCTREF <br>
      NETQUOTEVAR:PRODUCTDESCRIPTION&nbsp;NETQUOTEVAR:EXTINFOLINK</span>NETQUOTEVAR:EXTINFOBUTTON
      <br>
      <span class="actxsmall">NETQUOTEVAR:PRODUCTBEGINLINKNETQUOTEVAR:PRODUCTLINKTEXTNETQUOTEVAR:PRODUCTENDLINK
      NETQUOTEVAR:PRICEEXPLANATION </span><br>
      <b>NETQUOTEVAR:PRODUCTPRICE</b>
      <span class="actxsmall">NETQUOTEVAR:OTHERINFOPROMPT </span>
      <span class="actxsmall">NETQUOTEVAR:DATEPROMPT </span>
    </td>
  </tr>
  <tr>
    <td align="LEFT" colspan="2"><span class="actxsmall">
	NETQUOTEVAR:CARTERRORXMLNETQUOTEVAR:PRODUCTQUANTITY</span>
    </td>
  </tr>
  <tr>
    <td colspan=3>
	<span class="actxsmall"><Actinic:ACTIONS>NETQUOTEVAR:ADDTOCARTBUTTON</Actinic:ACTIONS></span>
	NETQUOTEVAR:TEMPLATEENDXML
    </td>
  </tr>
NETQUOTEVAR:PRODUCTFORMEND
NETQUOTEVAR:NEXT
<!-- Insert HTML for the bottom of the individual product -->
<!-- ProductLine HTML end -->

[jeff p]

Norman...

The first thing I was raised to do when someone gives you a present like that is say, "THANK YOU...THANK YOU...THANK YOU."

Second, one seeks a way to reciprocate and, since there is absolutely no way I will ever be able to do it in this community, I'll ask the question, Do you keep a dog at either of your homes? If so, what breed?

Question: Should I give the new template a separate name, ie, Act_ProductLine_Wide.html or will the new template adapt to the particular product? We have such a variety of offerings that I use different styles on particular occassion.

Again, thank you. And may you and all of yours enjoy a healthy, happy and prosperous holiday and new year.

[NormanRouxel]

That template is just an example. The only changes to the Actinic layout are the bits:-

  <tr>
    <td align="LEFT" colspan="2"><span class="actxsmall">
	NETQUOTEVAR:CARTERRORXMLNETQUOTEVAR:PRODUCTQUANTITY</span>
    </td>
  </tr>
  <tr>
    <td colspan=3>
	<span class="actxsmall"><Actinic:ACTIONS>NETQUOTEVAR:ADDTOCARTBUTTON</Actinic:ACTIONS></span>
	NETQUOTEVAR:TEMPLATEENDXML
    </td>
  </tr>

This basically creates a new, full width row containing the ADDTOCARTBUTTON as this variable generates all the choices and components, etc. You thus get lots of width, allowing you to have more choices per line and bigger thumbnails.

If you look in your usual templates you'll be able to compare what I've done with what you usually have. You could then modify one of your templates to make room for more items and rename it for use for these type of products.

Norman

p.s. No dogs here (I'm abroad too much for pets) but my daughter has 3 sphynx cats. Wrong species, unless you feel another site coming on.

[jeff p]

Well, Norman, now I feel like one of my grandchildren when I've given them a gift that needs assembly.

Took out the hard coding in the html for choice. Set the ICONSPERLINE to 4 in both the site default and the product itself. Am getting just one column.

http://solutions-marketing.net/acata...ootstools.html

I know I did wrong but can't figure out what.

P.S. I kind of figured about the travelling and a dog.

[jeff p]

Norman...

Ignore the previous. I feel all "growed" up. Fix it.

Wherever you are now...it is officially Christmas eve...so have a great night.

[NormanRouxel]

I see you're all working now.

These pages load quite slowly because of the large number of icons.

I had a look at two on http://solutions-marketing.net/acatalog/Pillows.html the Basset Hound and the Beagle. they were both around 12Kb. When I opened and re-saved these In Paint Shop Pro with a compression of 25 they still looked pretty much the same but now were only 6Kb. This would mean that the page would load twice as fast if all the images could be that size.

It may well be worth experimenting with jpeg compression in whatever picture editing program you use as it looks worthwhile.

Also look at IrfanView ( http://www.irfanview.com/ ) or on most computer magazine cover disks. This can compress all your images in one1 go ( making a new folder of modified images so you don't lose the originals ).

Norman