Where is this coming from? <'div class = 'logo'>

[Mike Hughes]

I'm having one of those moments when you know you're missing something, somewhere but can't figure it out. It's driving me mad.

Surely it can't be that complicated but where is this <'div class = 'logo'> coming from?

Here's the code on the site:

<div class="header-area">
<div class="headerContent">
<!-- Company Logo -->
<div class='logo'>
<span class='set-left'>
<a href="index.html">
<img src="acatalog/FTLOGO2015B.gif" width="301" height="120" border="0" alt="Fly Fishing Tackle" title="First Tackle Fly Fishing Tackle" class="logoimageB">
</a>
</span>
</div>
<!-- Logo end -->

But the layout code for the Regular header Area just has

 <div class="headerContent">
<!-- Company Logo -->
<actinic:variable formatting="div,style|logo" name="LogoLayout" />
<!-- Logo end -->

So it's not in there

and the Regular Logo Layout has

 <actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Brochure%22" >
<actinic:variable formatting="style|set-left" name="BrochureLogoImage" />
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%21%3d%20%22Brochure%22" >
<actinic:variable formatting="style|set-left" name="CompanyLogoImage" />
</actinic:block>

so it's not in there either

and the Brochure Logo Image and Company Logo Image layouts just have

<actinic:block if="%3cactinic%3avariable%20name%3d%22HomePageType%22%20%2f%3e%20%21%3d%20%270%27">
<a href="<actinic:variable name="HomePageURL" />">
</actinic:block>
<img
src="<actinic:variable name="BrochureLogo" />"
width="<actinic:variable name="BrochureLogoWidth" />"
height="<actinic:variable name="BrochureLogoHeight" />"
border="0"
alt="<actinic:variable name="StoreName" />"
title="<actinic:variable name="CompanyName" /> <actinic:variable name="StoreName" />"
class="logoimageB">
<actinic:block if="%3cactinic%3avariable%20name%3d%22HomePageType%22%20%2f%3e%20%21%3d%20%270%27">
</a>
</actinic:block>

and

<actinic:block if="%3cactinic%3avariable%20name%3d%22HomePageType%22%20%2f%3e%20%21%3d%20%270%27">
<a href="<actinic:variable name="HomePageURL" />">
</actinic:block>
<img
src="<actinic:variable name="CompanyLogoFileName" />"
width="<actinic:variable name="CompanyLogoWidth" />"
height="<actinic:variable name="CompanyLogoHeight" />"
border="0"
alt="<actinic:variable name="StoreName" />"
title="<actinic:variable name="CompanyName" /> <actinic:variable name="StoreName" />"
class="logoimage" />
<actinic:block if="%3cactinic%3avariable%20name%3d%22HomePageType%22%20%2f%3e%20%21%3d%20%270%27">
</a>
</actinic:block>

so it's not in those either!

It must be coming from somewhere? Anyone have any ideas?

And the <span class='set-left'> and closing tags are the same. Hidden away somewhere.

Mike

[NormanRouxel]

Design / Library / Layouts. Right click the top "Library" item, choose "Find", check "Code" and enter whatever you're looking for.

[Mike Hughes]

All I get is:

"Sellerdeck has finished searching the document. The search item was not found."

Am I doing it wrong?

[NormanRouxel]

Mike, I'm sure you're doing it right. You could try searching for just "logo" which should only show up in a few places.
The library search can be a little quirky. I tend to omit searching for special characters (e.g. $) as they may confuse the search.

I searched here on a standard SD site and a Swift one and couldn't find it either. However it doesn't appear in the source of my pages like it does on yours.

Another place to look Design / Text which also has a search capability.

And to be sure that it's not being generated by PHP or JavaScript code, you could download a faulty page from your server via FTP and search that. Code there - it's generated by SellerDeck. Code not there - it may be getting generated when the page is loaded via some script.

[Mike Hughes]

This is all very strange.

If I put some text just after <!-- Company Logo --> then it appears on the site before the <div class='logo'> but if It put it right at the start of the next level down it appears after the <div class='logo'> (and before the <span class='set-left'>).

This means sellerdeck seems to be adding two bits of HTML at different levels that aren't in the logo layouts. The <div class='logo'> and the <span class='set-left'> plus related closing elements.

I'm very confused by this. It makes no sense at all.

Mike

[Mike Hughes]

Thanks Norman. I just looked downloaded the page via ftp and it is in there. So at least I know it's not being generated online by the scripts.

I can't help feeling sellerdeck have some code somewhere that is doing this independently of the layouts. It just seems such an odd thing to do.

[Mike Hughes]

For a moment I though I'd found it in design text but that was 'logout'.

[Mike Hughes]

The same thing is there on the default site. V18.4, Smart Responsive Layout theme.

http://www.toptackle.co.uk

Mike

So if anyone in Sellerdeck would like to take a look and see where I'm going wrong it's easy to reproduce.

[NormanRouxel]

Found it in Smart Header Area.

<!-- Company Logo -->
<actinic:variable formatting="div,style|logo" name="LogoLayout" />
<!-- Logo end -->

The formatting directive cretates a surrounding DIV.

A similar thing happens in Regular Logo Layout where there's formatting="style|set-left"

You don't see this in the Edit Layout Code pane unless you use the expanded view via the [><] button.

[Mike Hughes]

Thanks Norman. This was driving me mad.

So it was there, just hidden. I have to admit I didn’t realise there was bits of code hidden until you enter the expanded view.

Problem solved.

Mike

Edit: I was just thinking if it’s in the expanded view shouldn’t it be in the layout code I copied in at the top of this thread as that’s usually the expanded view. Turns out it is, I just didn’t recognise it in Sellerdeck’s formatting variables format.

[NormanRouxel]

It's well obfuscated which is why neither of us noticed it in your first post.

I often add "YASB" to my bug posts so I can find them again. Perhaps we need "YASG" - Yet Another SellerDeck Gotcha!

[brucet]

That type of formatting code is added by the toolbar in the Design tab, and can be changed using the same. It gets translated on upload. From memory, it's also used by default in a few places in the layouts, so that the style is editable using the toolbar without needing to know any HTML.

[Mike Hughes]

Hi Bruce,

Can you expand on how it's added by the toolbar. I can see that if I go to the expanded / Advanced view I can see and edit the variable but I don't see any way to add / remove this kind of formatting and I don't see any reference to it in the help section. And if I Insert the variable it just does it without any additional styling / formatting or any options that I can see.

It would be good to understand.

Mike

[brucet]

Hi Mike

See the attached - a picture is worth a thousand words :-)

[Mike Hughes]

Thanks Bruce. Found it.

That doesn't seem to have the ability to do anything with the 'formatting="div,style|logo" ' setting on the LogoLayout which is a shame. The toolbar just stays greyed out when that variable is selected.

Mike