Image to LEFT of choice name

[saucysal]

I have followed the instructions in the Advanced User Guide, originating from this community, to add images to the list of choices for a product. This works well and I am pleased. However: I have these displaying with 4 columns and radio buttons, and the length of the text of the choice name varies, so the images do not line up under each other, are all over the place, and it looks bad. I have tried to come up with a satisfactory way of handling this but to no avail. My brilliant daughter (works for the Dark Side) came up with the obvious suggestion to have the image to the left of the text. However, can't see a way of doing this in Actinic. Any ideas?

Sarah

[peblaco]

In layout Radio Button Choice find ChoiceDisplayLabel and move the label after the image. You may want to add an extra   at the bottom.

[saucysal]

Brilliant!

That works perfectly! Thanks.

Sarah

[Aby]

Hi,

I was going to create a new thread but i figured it was a similar problem so lets join in with Sarah's discussion!

I have added the same modification as Sarah to v11 ie: Displaying Images Against Radio Button Choices

The question is that the images are constantly next to each choice, is there a way to make the image only appear when the customer clicks on the radio button?

Thanks in advance for you help

[saucysal]

HELP! Disappeared on Upgrading!

I had colour swatch images next to my Choices of yarn colours, working beautifully with this forum's help, and the images to the left of the words so the images lined up in columns. However, on upgrading to V11.0.3 from V11.0.2, the images are no longer appearing, though the images are selected in the choices for the products and I have re-done the programming of the radio button layout etc. Any ideas?

Sarah

[NormanRouxel]

Sarah,

I think we'll need to see the radio button code and a link to a faulty page in order to best help.

[saucysal]

Details

Immediately after upgrading to V11.0.3 from V11.0.2 yesterday I took a Snapshot. The Radio Button code at that point was:

<label for="<actinic:variable name="UIWidgetName" />"> <input type="radio" name="<Actinic:Variable Name="UIWidgetName"/>"
value="<Actinic:Variable Name="ChoiceSelectedValue"/>"<actinic:block
if="%3cactinic%3avariable%20name%3d%22ListIndex%22%20%2f%3e%20%3d%3d%201">checked=
"checked"</actinic:block> />
 <actinic:block php="true">
$choiceimage = '<Actinic:Variable Name="ChoiceImage" encoding="perl"
selectable="false" />';
if ( $choiceimage )
{
list($width, $height, $type, $attr) = getimagesize($choiceimage);
if ( $width )
{
echo " <img src=\"$choiceimage\" width=\"$width\"
height=\"$height\" />";
}
else
{
echo "<font color=\"red\"><b> BAD IMAGE</b></font>";
}
}
</actinic:block>&nbsp;&nbsp;
<Actinic:Variable Name="ChoiceDisplayLabel"/>
</label>
&nbsp;&nbsp;

See next post

[saucysal]

I then changed code to how was before Upgrade

This is the code as it was before the upgrade (taken from Advanced User Guide P77) but with label moved to end:

<input type="radio" name="<Actinic:Variable Name="UIWidgetName"/>"
value="<Actinic:Variable Name="ChoiceSelectedValue"/>"<actinic:block
if="%3cactinic%3avariable%20name%3d%22ListIndex%22%20%2f%3e%20%3d%3d%201">checked=
"checked"</actinic:block> />
<actinic:block php="true">

$choiceimage = '<Actinic:Variable Name="ChoiceImage" encoding="perl"
selectable="false" />';
if ( $choiceimage )
{
list($width, $height, $type, $attr) = getimagesize($choiceimage);
if ( $width )
{
echo " <img src=\"$choiceimage\" width=\"$width\"
height=\"$height\" />";
}
else
{
echo "<font color=\"red\"><b> BAD IMAGE</b></font>";
}
}
</actinic:block>&nbsp;&nbsp;
<Actinic:Variable Name="ChoiceDisplayLabel"/>
&nbsp;&nbsp;

The images do not appear with either of these sets of code.

Here is a link to one of the many pages with the problem. There should be a colour swatch image to the right of each radio button, left of the text:

http://www.avidknit.co.uk/acatalog/B...25g-KYBAA.html

I have noticed a change between the two V11 versions in the ChoiceImage variable options; there are two additional lines - Upload and Include in Google etc. I have experimented with ticking the Upload option but to no noticeable effect.

Sarah

[saucysal]

I contacted support

I have contacted Sellerdeck support this morning about this issue. I would think that the problem must be the same for other users, if there are any others who have upgraded to V11.0.3 and who have images with their radio buttons. So if they come up with a solution I shall obviously post it here for the benefit of others.

However, the lady in support pointed out that the code in the Advanced User Guide for adding images to radio buttons, which I and other users of this forum, had used successfully in V11.0.2, is not supported by Sellerdeck as it was submitted by a customer. She would, however, have a look at it.

Sarah

[saucysal]

Reply from Sellerdeck Support

Sellerdeck referred the problem to their development team and this is the reply:

"The development team have got back to me and they have tested the AUG customisation on a default site and its works but as this is something that is not supported by Sellerdeck as it does clearly state at the bottom of the article they are unable to resolve it for you. I would suggest perhaps reverting the layout to default and then try the customisation again as we are unable to support you in resolving it in your snapshot".

I tried reverting to factory setting and re-applying the AUG customisation of the radio button layout, again (I had already tried that before contacting them), but it made no difference.

As you may imagine I am somewhat annoyed, to put it politely, as the AUG customisation worked fine in V11.0.2, and I would not have uploaded my live site originally if it had not worked. It was Sellerdeck's upgrade to V11.0.3 that caused it not to work, not the AUG.

I would be very grateful to know if anybody else is having the same problem. It would also be useful to know if anybody else has upgraded to V11.0.3 and has images with the radio buttons and it still works.

Many websites have colour swatch images with choices; for example Marks & Spencer, who use such images for customers to choose colours of clothing and colours of lipstick, for example. I would have thought it a basic thing to want to do, and should perhaps be included in the software, not just an unsupported script in the AUG.

At present I am at a complete loss as to what to do. My website is currently almost unusable without the colour swatch images with the radio buttons. I have turned off my Google Adwords for the products concerned (the bulk of the products on the site) as there is no point in wasting money on top of losing sales.

Sarah

[peblaco]

Your site it's not generating the custom code. It could be the customisation is not in the used layout, or something in the customisation is not right.

[saucysal]

Why would it not show in site's code?

Thank you Peblaco for responding. I am puzzled as to why the custom code is not appearing on the website. The custom code replaced the code for the layout Radio Button Choice in the Choices layout group. I have quadruple checked that it is there, correct and in the correct place in the Sellerdeck program, using the Library. It is the same as I had in V11.0.2 and was fine.

Can you think of any reason why this is not appearing though correct in Sellerdeck?

By-the-way, I had provided Sellerdeck support with two snapshots (one taken immediately after the upgrade and one taken a bit later after I had changed the Radio Button Choice back to how it was in V11.0.2, neither working (ie images not appearing, though able to select them in the choices for the products, in fact still there as previous). They are not able to help as the custom code from the AUG is not supported by Sellerdeck.

Do you think it might help if I re-downloaded and re-ran the upgrade?

Sarah

[saucysal]

More . .

I have tried re-downloading and re-installing V11.0.3 but it made not difference, as expected.

When in the Design tab in Sellerdeck, with the Design Tree visible on the right, should the layout for Radio Button Choice be appearing there somewhere, and if so, where? At present I have Standard Component List: Standard component layout: Component attribute list: Permutation Radio button list: Attribute Names: Attribute names only; Radio Button permutation list, Attribute IDs: Attribute IDs only: Permutation Choice ID List: Permutation Choice ID. None of these have been touched by me at any time.

Sarah

[saucysal]

Radio button permutation entry

When I do that (click on one of the choices of the radio buttons), Radio Button Permutation Entry is highlighted in the Design Tree.

The code in the AUG is for editing the Radio Button Choice layout and for creating the variable ChoiceImage.

I do not know how to edit the Radio Button Permutation Entry. Or am I supposed to replace the Radio Button Permutation Entry with the Radio Button Choice layout?

Sarah

[saucysal]

Getting Somewhere!

Thanks. I now have the images appearing. However, the choices are duplicated 3 times. In the design tree I haved Standard Component List: Standard Component Layout; Component Attribute List; Permutation Radio Button List: Attribute Name: Radio Button Permutation List: Radio Button Choice List and Radio Button Choice. I have experimented with deleting each one in turn to prevent the duplication, but it deletes all of the choices. Do you know what I need to do to prevent the duplication?

Sarah