Image in left sidebar methods

[EdHarrison]

desperation on images

Ok I admit defeat, without going to the cost of using a developer for custom design work does anyone know of an Actinic add on I can purchase or dowlload to place an editable image in the sidebar?



Thanks Ed

[RuralWeb]

does anyone know of an Actinic add on I can purchase or dowlload to place an editable image in the sidebar?

They dont exist - paying a developer a few pounds would have taught you how to do this.

[Rich Brady]

Ed,

The task you're trying to do isn't that difficult, not meaning to cause offence, so I doubt there's a plug in available.

In Design View click on one of the section links, then click on the white up arrow until you see something like this:

<div class="page_body_content_left_column">
			<!-- left column section -->
			<actinic:variable value="Top Level Section List With Horizontal Dividers" name="TopLevelSectionList" if="%3cactinic%3avariable%20name%3d%22IsTopSectionListIncluded%22%20%2f%3e" />
			<!-- end left column section -->
			<!-- left column section -->
			<actinic:variable value="Brochure Nav Bar With Horizontal Dividers" name="BrochureNavBar" />
			<!-- end left column section -->
			<actinic:variable value="Sidebar Coupon Field" name="CouponEntryField" if="%3cactinic%3avariable%20name%3d%22CaptureCoupon%22%20%2f%3e" />
			<!-- left column section -->
			<actinic:variable value="New Products List With Horizontal Dividers" name="NewProductListSidebar" if="%3cactinic%3avariable%20name%3d%22NewProductsListInSidebar%22%20%2f%3e" />
			<!-- end left column section -->
			<!-- left column section -->
			<actinic:variable value="Sidebar Best Sellers List With Horizontal Dividers" name="BestSellerListSidebar" if="%3cactinic%3avariable%20name%3d%22BestSellersListInSidebar%22%20%2f%3e" />
			<!-- end left column section -->
		</div>

Are you able to find it?

[EdHarrison]

Ok thanks...will look shortly

[Rich Brady]

It should only be 3 or 4 clicks.

Once you've found it you need to insert this code above the </div>

<a href="yoururl"><img src="yourfilename"/></a>

Remember to make sure the image is not wider than the column width or you're likely to break your layout.

If I was doing this myself I would use custom variables to control the URL and Image file location, bu my advice would be to hard code them for know, until your more confident.

[EdHarrison]

Thanks, I will get to look at this later this evening and post my results!

[EdHarrison]

still no luck

ok spent another hour of anguish, it goes everywhere but...this was the closest but was stuck in the bottom graduated login button!

</div>
<actinic:block if="%3cactinic%3avariable%20name%3d%22AreRegCustomersAllowed%22%20%2f%3e">
<Actinic:NOTINB2B>
<div class="graduated-link">
<a href="<actinic:variable name="LoginPageURL" />" <actinic:block if="%3cactinic%3avariable%20name%3d%22RetainCustomFrame%22%20%2f%3e%20%3d%3d%20FALSE" >target="_top"</actinic:block><actinic:block if="%3cactinic%3avariable%20name%3d%22RetainCustomFrame%22%20%2f%3e%20%3d%3d%20TRUE" >target="_self"</actinic:block> class="product_section">
<actinic:variable name="LoginText" />
</a>
<a href="yoururl"><img src="yourfilename"/></a>
</div>
</Actinic:NOTINB2B>
</actinic:block>
</actinic:block>
<p style="border-top: solid 1px <actinic:variable name="Palette3" />; margin: 0;">

[EdHarrison]

Does this look right? now how do I point the code at an image in the site folder?






<actinic:variable value="Brochure Page List With Graduated Background" name="BrochurePageList" />
<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Brochure%22">
<div class="graduated-link">
<a href="<actinic:variable name="TopSectionPageURL" />" <actinic:block if="%3cactinic%3avariable%20name%3d%22RetainCustomFrame%22%20%2f%3e%20%3d%3d%20FALSE" >target="_top"</actinic:block><actinic:block if="%3cactinic%3avariable%20name%3d%22RetainCustomFrame%22%20%2f%3e%20%3d%3d%20TRUE" >target="_self"</actinic:block> class="product_section">
<actinic:variable name="EnterShopText" />
</a>
</div>
<actinic:block if="%3cactinic%3avariable%20name%3d%22AreRegCustomersAllowed%22%20%2f%3e">
<Actinic:NOTINB2B>
<div class="graduated-link">
<a href="<actinic:variable name="LoginPageURL" />" <actinic:block if="%3cactinic%3avariable%20name%3d%22RetainCustomFrame%22%20%2f%3e%20%3d%3d%20FALSE" >target="_top"</actinic:block><actinic:block if="%3cactinic%3avariable%20name%3d%22RetainCustomFrame%22%20%2f%3e%20%3d%3d%20TRUE" >target="_self"</actinic:block> class="product_section">
<actinic:variable name="LoginText" />
</a>
</div>
</Actinic:NOTINB2B>
</actinic:block>
</actinic:block>
<p style="border-top: solid 1px <actinic:variable name="Palette3" />; margin: 0;">&nbsp;</p>
<a href="yoururl"><img src="yourfilename"/></a>

[EdHarrison]

Hello,
Using the code below Im getting the image in roughly the right area, Can I ask how I point the image and URL?

Thanks Ed


<a href="yoururl"><img src="yourfilename"/></a>

[Rich Brady]

Look to see how your other links and images are referenced.

It will depend on where you have your images stored, site folder or a sub-folder. You can often shorten the link used, but for know just put the whole URL in:

<a href="http://www.yoururl.com/acatalog/pagename.html"><img src="yourfilename.jpg"/></a>

If you don't want the image to have a border:

<a href="http://www.yoururl.com/acatalog/pagename.html"><img src="yourfilename.jpg" border="0"/></a>

[EdHarrison]

Thanks again, pointing at the image?

simply the filename from within my images folder in Site 1?

[leehack]

Put the image in site1 and then just link to the filename, if you have it in a folder, then you need to add in the folder name too.

[Rich Brady]

simply the filename from within my images folder in Site 1?

If that's where you have them saved, then yes.

[EdHarrison]

Still struggling........I have the right area and have saved the image within my images folder in site 1 but no matter which way I put the filename in the code it still appears as a dreaded red X!

I am confident its me AGAIN but any help very much appreciated?

Thanks Ed



location: Actinic v9\Sites\Site1\V9IMAGES\logo images

[TraceyHand]

If it's an image going in your overall layout, try it directly in your site1 folder (not a subfolder) and just enter the image in the layout NOT the whole filepath.
ie <img src="image.gif"/> where image.gif resides in the site1 folder.
If that doesn't work, you may have to add it to your "additional files" but I don't usually have to