99.9% Finished!

[ushop-online]

Well I am 99.9% finished integrating into my A1GP website here http://a1podium.com/shoponline/

Your comments and problems [if any] would be appreciated.

Thanks
Martin

[Dinamo]

Martin,

I am unable to click on any of the category links on the left side on your site.
I am using Firefox 1.5

Dinamo

[ushop-online]

There is a seperate thread on that -- seems there is a cross-browser bug in the coding.

[gunneradt]

well done on that site - it really is very good. I wouldn't know where to start on integrating it in that way!!

[ushop-online]

Create a proper 'header' and 'footer' php page with all your non-shop content.

The header finishes with the opening tags of a table or div where you are going to put your shop window ---- then you create a footer section which starts with the close tags for your table or div where the shop window went.

Now go to the root of shop window and open the pages like index.php and search.php, etc, and include it at the start and finish of page without any blank spaces like this....

<?PHP
include("http://YOURWEBADDRESS/header.php");
?>
<?php // original start tag

---- and ----

?> // original finish tag
<?PHP
include("http://YOURWEBADDRESS/footer.php");
?>

This will give you a shop that match's your website look.

Thanks for your comments and hope this helps.

[shopper]

Well done! Great looking site.

[gunneradt]

cheers for that

might well give it a go when Ive got some time - ain't as hard as I thought.

It's just php that confuses me.

cheers

Create a proper 'header' and 'footer' php page with all your non-shop content.

The header finishes with the opening tags of a table or div where you are going to put your shop window ---- then you create a footer section which starts with the close tags for your table or div where the shop window went.

Now go to the root of shop window and open the pages like index.php and search.php, etc, and include it at the start and finish of page without any blank spaces like this....

<?PHP
include("http://YOURWEBADDRESS/header.php");
?>
<?php // original start tag

---- and ----

?> // original finish tag
<?PHP
include("http://YOURWEBADDRESS/footer.php");
?>

This will give you a shop that match's your website look.

Thanks for your comments and hope this helps.

[ushop-online]

If you want a better idea without me posting huge amounts of code here just go to the shop and click 'view source' to see the coding and layout.

[gunneradt]

thanks i'll do that

cheers again for your help

[Andy]

One thing you have done that I would like is the nav menu. I dont like all the child categories on my home page and would just like to have the parents displayed, just like you. Ive trawled through pretty much every file, caused many errors but Im still unable to find what to change or how to change it.

Would you mind sharing your knowledge with the rest of us please?

[Confuscius]

The category structure shown appears to be hard coded into the revised template.

If you want to show just the top level categories then you can edit out the code that generates 3 random grandchildren for Super category pages or the child pages for non Super category pages. The relevant code is in your templates/template_name/elements/category_tree.tpl file.

For example, to get rid of the random grandchildren remove the following block:

....
{* Display three random grand children categories, when browsing front page Super Categories *}
{if $oCategory->iParentId==0}
{foreach from=$oCategory->aThreeRandomGrandChildren item=oGrandChild name=aThreeRandomGrandChildren}
<a href="{$oGrandChild->sLink}">{$oGrandChild->sName}</a>
{if $oGrandChild->iTotalCount!=''}
({$oGrandChild->iTotalCount|number_format})
{/if}
{if $smarty.foreach.aThreeRandomGrandChildren.last!=tr ue}
<br />
{/if}
{/foreach}
{/if}
.....

I hope this helps.

Paul

PS nice integration Martin - I do not understand why the left hand links are not clickable in IE7 / Firefox 2 as your source code looks fine for the link construct - anything to do with all that other code in your template? Could you style the links the same as your right hand columns and see if that makes any difference? Have you got any onmouseover events going on that are interfering with the links (e.g. right hand side links)?

[ushop-online]

Thanks -- no it works in IE6, IE7, Opera but not in Firefox and Mozilla.

I have removed the header at http://www.ushop-online.com/index.php and it still doesn't change anything.

With regard to the child categories I didn't remove them just blanked them in case I wanted to bring them back
<!---
{* Display three random grand children categories, when browsing front page Super Categories *}

{if $oCategory->iParentId==0}
{foreach from=$oCategory->aThreeRandomGrandChildren item=oGrandChild name=aThreeRandomGrandChildren}
<a href="{$oGrandChild->sLink}">{$oGrandChild->sName}</a>
{if $oGrandChild->iTotalCount!=''}
({$oGrandChild->iTotalCount|number_format})
{/if}
{if $smarty.foreach.aThreeRandomGrandChildren.last!=tr ue}, {/if}
{/foreach}
{/if}
-->
And yes checked to see if this was the problem with links and it wasn't.

[ushop-online]

I have been asked how I integrated Shop Window into my site at http://a1podium.com/shoponline/

This is not my layout but shows how to get similar look, same code that I use but slightly changed on my site.

CSS
body {
margin: 0px;
padding: 0px;
background: #FFFFFF;
background-image: url(IMAGENAME.gif);
background-repeat: repeat-x; // or y
scrollbar-arrow-color: #000000;
scrollbar-face-color: #F5F5F5;
scrollbar-track-color: #F5F5F5;
scrollbar-highlight-color: #F5F5F5;
scrollbar-3dlight-color: #BFBFBF;
scrollbar-shadow-color: #8F8F8F;
scrollbar-darkshadow-color: #8F8F8F;
}
body, p, html, table, td {
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
}
.content {
background: #fff;
padding: 0px 0px;
border-top: 0px solid #9F9F9F;
border-left: 0px solid #9F9F9F;
border-right: 0px solid #BFBFBF;
border-bottom: 0px solid #9F9F9F;

}
#header {
top: 0px;
border-top: 0px;
border-bottom: 0px solid #FFFFFF;
padding: 0px 0px 0px 0px;

}
#rightcolumn {
position: absolute;
margin-top: 0px;
margin-left: 640px;
width: 170px;
height: 100%;
padding: 0px 0px 0px 0px;
border-left: 0px solid #999;
border-right: 0px solid #999;
border-bottom: 0px solid #999;
z-index:1
}
#centercolumn {
position: absolute;
margin-top: 5px;
margin-left: 7px;
width: 620px;
height: 100%;
padding: 0px 0px 0px 0px;
border-left: 0px solid #2F2F2F;
border-right: 0px solid #999;
border-top: 0px solid #2F2F2F;
border-bottom: 0px solid #2F2F2F;

}
#rightcolumn, #rightcolumn p {
font-size: 11px;
line-height: 16px;
}
.block {
margin:0px 0px 0px 0px;
padding: 0px;
border-bottom: 0px solid #999;
border-left: 0px solid #999;
border-right: 0px solid #999;

}
.block1 {
margin:0px 0px 0px 0px;
padding: 0px;
border-bottom: 0px solid #fff;
border-left: 0px solid #999;
border-right: 0px solid #999;
}
.block2 {
margin:0px 0px 0px 0px;
padding: 4px;
border-bottom: 0px solid #999;
border-left: 0px solid #999;
border-right: 0px solid #999;

}
.block4 {
margin:0px 0px 0px 0px;
padding: 4px;
border-bottom: 0px solid #999;
border-left: 0px solid #999;
border-right: 0px solid #999;

}
.block2 H3 {

color: #B00000;
margin: -4px -4px 4px -4px;
padding: 3px;
border-top: 0px solid #BFBFBF;
border-left: 0px solid #BFBFBF;
border-right: 0px solid #999;
border-bottom: 0px solid #999;
font-size: 11px;
line-height: 14px;
}
.block4 H3 {
background: #fff;
color: #B00000;
margin: -4px -4px 4px -4px;
padding: 3px;
border-top: 0px solid #BFBFBF;
border-left: 0px solid #BFBFBF;
border-right: 0px solid #999;
border-bottom: 0px solid #999;
font-size: 11px;
line-height: 19px;
}

Header

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"><HTML><HEAD>
<link rel="stylesheet" href="http://---YOURDOMAIN---/style.css" type="text/css" />
</HEAD><BODY>
<!-- start of 'header' -->
<div id="header">
<div class="block">
/////////// YOUR HEADER HERE ////////////
</div></div>
<!-- end of 'header' -->

<!-- start of 'leftcolumn' -->
<div id="leftcolumn">
<div class="block2">
/////////// YOUR LEFT COLUMN HERE ////////////
</div></div>
<!-- end of 'leftcolumn' -->

<!-- start of 'rightcolumn' -->
<div id="rightcolumn">
<div class="block2">
/////////// YOUR RIGHT COLUMN HERE ////////////
</div></div>
<!-- end of 'rightcolumn' -->

<!-- start of 'centercolumn' -->
<div id="centercolumn">
<div class="content">
/////////// YOUR MAIN CONTENT STARTS HERE ////////////
/////// ANY OPENING TABLE OR DIV CODE HERE ///////


Footer

/////// ANY CLOSING TABLE OR DIV CODE HERE ///////

<!-- end of 'centercolumn' -->

</div></div>
</BODY></HTML>


Reference site for box examples here http://www.thenoodleincident.com/tutorials/box_lesson/basic4.html

To remove the Shop Window logo I simply created a 1x1px image [transparent] and replaced code in 'page_header.tpl' with <IMG SRC="http://YOURDOMAIN/pix.gif" WIDTH=1 HEIGHT=1 BORDER=0> then included my logo [if required] at the bottom of 'header' page I created.

Open index.php - category.php - product.php - search.php and add the following to the very top and bottom of pages

<?PHP
include("http://YOURWEBADDRESS/header.php");
?>
<?php // original start tag

---- and ----

?> // original finish tag
<?PHP
include("http://YOURWEBADDRESS/footer.php");
?>

I hope this helps but if not obvious please ask.

[Andy]

Ive been playing with my original download of the api against the last version I downloaded.
My original download is fine, the links work ok in the nav menu. In the latest version, they dont.

So, Ive followed the update procedure again and with each change, i tested the links. Ive found that it is to do with the new CSS update.

Backtrack your CSS and files to get rid of the new <span> stuff and your links should work in firefox again.

BTW, cheers for the heads up on the grandchild links paul. Ive been racking my brains trying to figure it out, looking through the php to see if there was a setting to just turn it off. never thought of taking it out of the template!! Lol!
Cheers mate.

[ushop-online]

<span> ??? Don't have any span stuff in my category tree

That span is in HotPicks and those links work fine.

[Andy]

<span> ??? Don't have any span stuff in my category tree

That span is in HotPicks and those links work fine.
But the CSS is in your style sheet isn't it? The style sheet is global.
Honest guv, its that style change thats causing it.

If you go to any other category in your app, the links work fine yeah?
the only difference between the cat tree on a category and the cat tree on your home page is the inclusion of the hotpicks on that page.

[ushop-online]

Sorry but Categoriy links don't work anywhere with or without hot picks - fine in everything except Firefox and Mozilla

<span><a href="{$oProduct->sProductLink}"><img src="{$oProduct->sProductImageUrl|default:$noImage}" /></a></span>

That is the only span in HotPicks.tpl and it has nothing in CSS so how is it stopping links from working?