Text & picture

[mllco]

Hi,

Could you tell me how to put a small picture ( like NEW!! or Promo!!) next the text of menu placed in the Store Sections. I'm using the Smart design.

Thank you very much,

Bruno

The Best Belgian beers and chocolates
For you at ... www.belgianshop.com

[NormanRouxel]

I don't understand what you want.

You'd be better posting a link to a specific page, describing what's already there and what you would like to see instead.

Or, if you know how to do it, make and attach a screenshot of "before" and alter it to make an "after" of what you want.

[mllco]

Hi Nouman,

I just need help to place a small picture next one of the menu link placed in the Store Sections.

I'm really sorry for my English, but I'm from Belgium.

I have joined 2 screenshots to explain.

Thank you very much,

Bruno

[pinbrook]

No need to apologise for your English, we just didn't understand the question (there are many people for whom English is their first language who get the same reponse)

I don't think it is possible to do what you ask(within the program)because the menu in question is generated by JS.

A real hack would be to take the generated page and put the image in yourself. But you would have to do this everytime you uploaded

[NormanRouxel]

Your English was perfect. It was much easier to understand a visual problem visually. Try this:

Go into Advanced / Custom Properties and create a property called SHOWNEWON

Go into Design / Options / Site Defaults / Properties and click the "+",
select SHOWNEWON and set it's value to "Sorted by Name" (without the quotes)
(If using Business uncheck Searchable and check Use as CUSTOMVAR)

Edit Act_Primary.html and replace

            strIDs += '<a href="' + ar[i].pChild[j].sURL + '"><span class="actxxsmall"><font color="NETQUOTEVAR:FGCOLORCSS">' + ar[i].pChild[j].sName + '</font></span></a><br>';

with

            var ShowNewOn = "CUSTOMVAR:SHOWNEWON";
            var ExtraCode = '';
            if ( ShowNewOn.indexOf(ar[i].pChild[j].sName) > -1 ) ExtraCode = ' <img  border=0 src="new.gif">';
            strIDs += '<a href="' + ar[i].pChild[j].sURL + '"><span class="actxxsmall"><font color="NETQUOTEVAR:FGCOLORCSS">' 
                     + ar[i].pChild[j].sName + '</font></span>' + ExtraCode + '</a><br>';

Keep new.gif in Site1 and make an extra copy in PreviewHTML. You should upload new.gif via Advanced / Additional files.

You can add this icon to several lines by changing custom property SHOWNEWON as follows:

Sorted by Name, Abbey Cheeses

Note that you'll have problems if your section names contain special characters, as these are escaped by Actinic. If so, look in Act_section_tree.js (in Site1) for the exact text to use in SHOWNEWON.

[mllco]

THANK YOU VERY MUCH !!!

I'll try that solution in a few hours.

Cheers!!

Bruno

[mllco]

Hi Norman,

I just have tried your solution, but, that doesn't work......

I have checked, and checked again... but, I don't see what's working wrong.

Could you once again help me?

Thank you very much,

Bruno

The Best Belgian beers and chocolates
For you at www.belgianshop.com

[NormanRouxel]

It worked fine for me when I tested it here. Can you post the address of a page where it's not working?

[mllco]

The address is http://shopfr.belgianshop.com and I wanted to put the icon (new.gif) next the word "Promotion" ( I have given "Promotion" as value of the property of SHOWNEWON) .

Thank you very much,

Bruno

[NormanRouxel]

Got it now. In your screenshot you inferred that you wanted this icon on sub-levels only. Now I see that you want it on both main and sub-levels.

Here's the entire bit of JavaScript amended to do that

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function YahooSections(ar)
{
var ShowNewOn = "CUSTOMVAR:SHOWNEWON";
var strIDs = '';
for (var i=1;i<=ar.length;i++)
  {
  if (ar[i].sURL != null)
    {
    var ExtraCode = '';
    if ( ShowNewOn.indexOf(ar[i].sName) > -1 ) ExtraCode = ' <img  border=0 src="new.gif">';
    strIDs += '<a href="' + ar[i].sURL + '"><span class="actxxsmall"><b><font color="NETQUOTEVAR:FGCOLORCSS">' 
             + ar[i].sName + '</font></b></span>' + ExtraCode + '</a><br>';
      {
      if (ar[i].pChild)
        {
        for (var j=1;j<=ar[i].pChild.length;j++)
          {
          if (ar[i].pChild[j].sURL != null)
            {
            var ExtraCode = '';
            if ( ShowNewOn.indexOf(ar[i].pChild[j].sName) > -1 ) ExtraCode = ' <img  border=0 src="new.gif">';
            strIDs += '<a href="' + ar[i].pChild[j].sURL + '"><span class="actxxsmall"><font color="NETQUOTEVAR:FGCOLORCSS">' 
                     + ar[i].pChild[j].sName + '</font></span>' + ExtraCode + '</a><br>';            }
          }
        }
      }
    strIDs += '<br>'
    }
  }
return strIDs
}
//-->
</SCRIPT>

Also if you want this to appear on the Brochure pages (like your home page) then you have to add this code to Act_BrochurePrimary.html as well as Act_Primary.html.

[mllco]

Hi Norman,

THANK YOU very much, all works fine !!!!

Best Regards,

Bruno