X-Cart forums - Recently Viewed Mod

Page 4 of 4

« First

Show 40 posts from this thread on one page

X-Cart forums (https://forum.x-cart.com/index.php)

- Dev Questions (https://forum.x-cart.com/forumdisplay.php?f=20)

- - Recently Viewed Mod (https://forum.x-cart.com/showthread.php?t=36753)

royng

07-07-2009 05:02 PM

Re: Recently Viewed Mod

So, the "View all" feature, I guess no one know or this can't be done.

royng

07-09-2009 04:05 PM

Re: Recently Viewed Mod

Quote:

Originally Posted by rick2003

I try to have the recently viewed product in my product.tpl,

http://www.lywoo.com/product.php?productid=61&cat=4&page=

however, it didn't work at all, I follow every steps. Could anyone help me do it.

It's working on your site now, how did you get the thumbnails how on the recently viewed? Thanks!

royng

07-10-2009 09:34 AM

Re: Recently Viewed Mod

Quote:

Originally Posted by MoonDog

Here is a mod that will display up to four recently view products with icons and price that the customer has looked at. It doesn't use the db or php. It's strictly javascript and cookies. The default cookie is set to expire in 30 days, so that whenever the customer returns to your site within the 30 days, it will still show the four last viewed items that the customer has looked at. The time of expiry can be set for any amount of time, days or years.
I can't take full credit for this mod, since a lot of this code was grabbed from the internet. Unfortunately, I don't remember where I got these different codes, but thanks to those who created them. All I did was piece these codes together so that this will work in x-cart. I've tried this code for v4.1.8 and v4.1.9 and it seems to work O.K.

There's still a lot of room for improvement, so please feel free to add and contribute to this mod.

In customer/home.tpl add the following code between the <head> and </head> tags:

Code:

 

{literal}

<script type="text/javascript">

 function setCookie(name, value) {

 var today = new Date()

 var expires = new Date()

 expires.setTime(today.getTime() + 1000*60*60*24*30)

 document.cookie = name + "=" + escape(value) + "; expires=" + expires.toGMTString() +";path=/"

}

 function getCookie(Name) {

 var search = Name + "="

 if(document.cookie.length > 0) {

 offset = document.cookie.indexOf(search)

 if(offset != -1) {

 offset += search.length

 end = document.cookie.indexOf(";", offset)

 if(end == -1) end = document.cookie.length

 return unescape(document.cookie.substring(offset, end))}

 else return ""

 }

}

</script>

{/literal}

Now add these two lines of code in home.tpl wherever you want the Recently Viewed box to display(NOTE: this mod will not display recently viewed items when the menu box is on left side but only on the right side of your webpage or at the bottom(see Qdox post #36)).
If you want to use this mod on the left side just continue with the instructions and then go to post #42 to add the other code needed to make this work on the left column.

Code:

 

<br />

{include file="customer/main/recently_viewed.tpl"}

For instance: if you want to display the Recently Viewed box after the the news box, then find the {include file="news.tpl"} code and place the above code below it. Just make sure that this menu box is displayed on the right side of your webpage.

Add the following code to the end of your customer/main/product.tpl file:

Code:

 

<script type="text/javascript">

prodImage='<img src="{$product.tmbn_url}"/>';

prodName='<{$product.product}>';

var p0=('<br/><a href="'+document.URL+'">'+prodImage+'<br/>{$product.product}</a><br/>${$product.taxed_price}<br/>');

</script>

Create a customer/main/recently_viewed.tpl file by using the following code:

Code:

 

{capture name=menu}

<div class="recently">

{literal}

 <script type="text/javascript">

  if (p0){

  }

  else {var p0=null;

  }

   var p1=getCookie("p1");

   var p2=getCookie("p2");

   var p3=getCookie("p3");

   var p4=getCookie("p4");

  if (p1){

  }

  else {document.write("You have no recently viewed items.")

  }

  if (p1 !=null) {document.write(p1)}

  if (p2) {document.write(p2)}

  if (p3) {document.write(p3)}

  if (p4) {document.write(p4)}

  if(p0 !=null && p0 != p1 && p0 != p2 && p0 != p3 && p0 !=p4){

   setCookie("p1",p0)

   setCookie("p2",p1)

   setCookie("p3",p2)

   setCookie("p4",p3)

  }

 </script>

{/literal}

</div>

{/capture} 

{include file="menu.tpl" dingbats="dingbats_categorie.gif" menu_title="Recently Viewed" menu_content=$smarty.capture.menu}

And finally, add the following code to the end of your skin1.css file:

Code:

 

.recently {text-align:center;}

.recently img {text-decoration:none;width:80px;height:auto;} 

.recently a{text-decoration:none;color:black;}

And that should be it.

Update: Added attachment of before a product has been viewed and after viewing 2 products.
Also updated added code from post#7
Updated to inform that menu box will not work when displayed on the left side of the webpage. You will need to add the code that is posted on post #42 to display this mod on the left column.

Note: to set the day for when you want the cookie to expire, find this line of code:

Code:

expires.setTime(today.getTime() + 1000*60*60*24*30)

The number thirty at the end of that line is the number of days until the cookie expires. You can set it to any number of days you want. 7 is one week and 365 is one year.

- MoonDog -

Thanks for the code, but the thumbnails is not showing!

royng

07-14-2009 10:44 AM

Re: Recently Viewed Mod

This Code Has Problem!

On Some Computer, It's Show The The Recently Viewed With Just The Text And Link.

Other Computer Show A Empty Picture Box.

And I Don't See A Way It Can Be Fix!

royng

07-14-2009 01:01 PM

Re: Recently Viewed Mod

anything to do with

prodImage='<img src="{$product.tmbn_url}"/>';

in customer/main/product.tpl

Anyone?

shipmerchant

07-14-2009 07:12 PM

Re: Recently Viewed Mod

Quote:

Originally Posted by MoonDog

pegpub and others,

For pegpub and those who have a two column layout or want to place the Recently Viewed mod on the left side, just do the following:

First of all, install the mod as outlined in Post #1 and placing the include recently_viewed.tpl anywhere in the left column in your home.tpl file.

Then create a file by copying the code below and name it recently_viewed_2.tpl and place it in the skin1/customer/main/ folder.

Code:

 

{literal}

 <script type="text/javascript">

  if (p0){

  }

  else {var p0=null;

  }

   var p1=getCookie("p1");

   var p2=getCookie("p2");

   var p3=getCookie("p3");

   var p4=getCookie("p4");

  if(p0 !=null && p0 != p1 && p0 != p2 && p0 != p3 && p0 !=p4){

   setCookie("p1",p0)

   setCookie("p2",p1)

   setCookie("p3",p2)

   setCookie("p4",p3)

  }

 </script>

{/literal}

And the last step is open the skin1/customer/home.tpl and find:

Code:

 

{include file="customer/home_main.tpl"}

And after that line place the following code:

Code:

 

{include file="customer/main/recently_viewed_2.tpl"}

Hopefully that should take care of the left column view problem.

NOTE: This modification is not needed if you place the Recently Viewed mod on the right column or in the middle column.

- MoonDog -

Great Mod MoonDog, just added and it works great. Thanks!

royng

07-15-2009 11:39 AM

Re: Recently Viewed Mod

shipmerchant,
Do you know how to fix the thumbnails problem?
it's showing the empty picture box

shipmerchant

07-15-2009 01:21 PM

Re: Recently Viewed Mod

Quote:

Originally Posted by royng

shipmerchant,
Do you know how to fix the thumbnails problem?
it's showing the empty picture box

do you have 2 colums? added everything from Moon Dogs first post, then added the did recently_viewed_2.tpl from the post I qouted and all worked fine in all the browsers.
Did you try this already? The code works, you may want to double check everthing...

royng

07-15-2009 04:06 PM

Re: Recently Viewed Mod

Shipmercant, Thanks for your quick reply!

I only have 1 colum and I did add all Moondog's code.

I also add the Tabbed content Menu
http://forum.x-cart.com/showthread.php?t=11094
and it's not capturing any "Recently Viewed" at all, no matter how many products I view.

I hope you understand how stressful for a newbie working on a live store with limited ability and Thanks for you help.

royng

07-15-2009 04:21 PM

Re: Recently Viewed Mod

Quote:

Originally Posted by peterstagg

Hey Moondog
This is a really nice mod.
Thanks heaps!
It fits nicely with what I want and works smoothly.

I have a tabbed product menu and modified the menu and dialog templates and it does not seem to cause any problems. Are people still having those issues?

I also seemed to get it to work left side without any modifications that you suggested in #42, have you modified the code recently?

Cheers
peter

Hey! Peter, I have that problem with "Tabbed product menu" and the "recently viewed"

I still working on the "TPM", but the RV It's not showing the thumbnails and it's not capturing any recently viewed.

Do you have solution for it? Thanks

royng

07-15-2009 04:46 PM

Re: Recently Viewed Mod

I re-enter the code that provided and now, only showing 1 recently viewed on home page only, not any where else. Could that be this "RV" code not compatible with the Tabbed Menu code?

Thanks!

shipmerchant

07-15-2009 05:02 PM

Re: Recently Viewed Mod

Quote:

Originally Posted by royng

1 column on the left side correct? If so thats what I have and it worked.
I will PM you and lets see what we can come up with, then you could post the solution for others here, but the code is really straight forward. Trust me I know how hard it could be, we all started somewhere and we never stop learning.

royng

07-15-2009 05:06 PM

Re: Recently Viewed Mod

Quote:

Originally Posted by rick2003

Rick, very nice site and picture.

But it not working for me, how do you fix it?

I only have 1 recently viewed show on the home page, but not any other.

I followed everything from this forum. It was working without the thumbnails show up after I added the Tabbed Products Menu, the Recently viewed has problem. You can see it at ecitydirect.com, Thanks!

shipmerchant

07-17-2009 01:56 PM

Re: Recently Viewed Mod

you have a PM

Learner

07-20-2009 05:02 AM

Re: Recently Viewed Mod

Quote:

Originally Posted by Learner

Is it possible to display in central area after featured products on home page horizontally( Minimum 3 in a row)?

Any help from forum!!! Can anyone help me?

Thanks to all.

Is it Possible?

Learner

07-24-2009 12:16 AM

Re: Recently Viewed Mod

Is it possible to call central area just after featured product in 3 column horizontally ( minimum 3 in a row) ? Can anyone help me?

royng

08-05-2009 11:47 AM

Re: Recently Viewed Mod

I try to figure out why, the thumbnail not showing up. I think it has to do with the "skin1/customer/main/product.tpl" this code need to be fix
<script type="text/javascript">
prodImage='<img src="{$product.tmbn_url}"/>';
prodName='<{$product.product}>';
var p0=('<br/><a href="'+document.URL+'">'+prodImage+'<br/>{$product.product}</a><br/>${$product.taxed_price}<br/>');
</script>

{* TABS MENU END *}

Does anyone know?

I have only one recently view show up with no thumbnail.

I try try try, but no luck, Someone please help!

Thanks!

Learner

08-13-2009 11:36 PM

Re: Recently Viewed Mod

Is it possible to call in central area in 3 columns format with at least 3 or 4 products horizontally?

Thanks to all.

MrSoft

08-25-2009 04:40 AM

Re: Recently Viewed Mod

Does anyone know how to resolve the issue with the thumbnails being called via http when the cart is in https?

lizlee00

08-26-2009 03:41 PM

Re: Recently Viewed Mod

Like others, I was having issues with the mod only showing the last viewed product, not the last 4. I'm guessing it has something to do with the tabbed product menu on my page. So I moved the code for product.tpl to the top of that page instead of the bottom.

I then moved the include file from post #42 right below this on product.tpl, as opposed to including it in home.tpl.

So the top of my product.tpl file looks like this:

Code:

<script type="text/javascript">

prodImage='<img src="{$product.tmbn_url}"/>';

prodName='<{$product.product}>';

var p0=('<br/><a href="'+document.URL+'">'+prodImage+'<br/>{$product.product}</a><br/>${$product.taxed_price}<br/>');

</script>

{include file="customer/main/recently_viewed_2.tpl"}

Seems to be working great so far. I'm using the mod on the left.

siobahn

10-13-2009 06:21 AM

Re: Recently Viewed Mod

For those struggling with thumbnails; I hacked it up a little....
In the product.tpl file, I replaced the code with:

Code:

<script type="text/javascript">

prodImage='<img src="{$product.image_url}"/>';

prodName='<{$product.product}>';

var p0=('<br/><a href="'+document.URL+'">{include file="product_thumbnail.tpl" productid=$product.productid image_x=$product.tmbn_x image_y=$product.tmbn_y product=$product.product tmbn_url=$product.tmbn_url}<br/>{$product.product}</a><br/>${$product.taxed_price}<br/>');

</script>

Works for me now (NOTE: I have the "Recently Viewed" section on the right side...)

siobahn

10-20-2009 12:02 PM

Re: Recently Viewed Mod

Ok, while I fixed the thumbnail problem, I too am stumped by the "undefinedundefinedundefined" issue...

Anyone out there fix it??? I am no Javascript wiz so I can't figure it out...

lash	11-05-2009 04:56 AM

Re: Recently Viewed Mod

The original code works like a charm in 4.1.9. I had some issues, I guess still have with the encoding. It refused to accept some Swedish letters. I also had to change the currency and the way it is displayed since we display the currency symbol after the number and not before but that was pretty easy to do. Unfortunately I don't know how to add language variables in the admin so this can be translated into different languages. For example I tried to
Put lbl_recently_viewed in the "Variable:" box and entered the "Value:" box but nothing happened. Anyone that could enlighten me on how to add the language variables for lbl_no_recently_viewed_items" and "lbl_recently_viewed?

lash	11-05-2009 08:57 AM

Re: Recently Viewed Mod

Quote:

Originally Posted by MrSoft

Does anyone know how to resolve the issue with the thumbnails being called via http when the cart is in https?

I have to bump this. Seems many ppl are having this problem but so far no solution has been presented. I had to remove this wonderful mod when I discover all the secury warnings and the fact that the pics didn't show in secure mode. Anyone that has any solution for this?????? It should be in the interest of anyone using https...

TheWrongGrape

11-05-2009 09:06 AM

Re: Recently Viewed Mod

Quote:

Originally Posted by siobahn

Ok, while I fixed the thumbnail problem, I too am stumped by the "undefinedundefinedundefined" issue...

Anyone out there fix it??? I am no Javascript wiz so I can't figure it out...

I just installed this mod with certain changes to product.tpl and my CSS code to make it horizontal. However, I too was having the undefinedundefinedundefined issue. I figured this was whenever a variable hadn't been set yet. You can see you lose an "undefined" the more products you visit

Anyway, after some Googling on how to make a javascript if statement based on whether a variable is undefined or not, I've been able to fix it for me.

In your recently_viewed.tpl, find this:

Code:

  else {document.write("You have no recently viewed items.")

  }

  if (p1 !=null) {document.write(p1)}

  if (p2) {document.write(p2)}

  if (p3) {document.write(p3)}

  if (p4) {document.write(p4)}

  if(p0 !=null && p0 != p1 && p0 != p2 && p0 != p3 && p0 !=p4){

   setCookie("p1",p0)

   setCookie("p2",p1)

   setCookie("p3",p2)

   setCookie("p4",p3)

  }

and change to this

Code:

  else {document.write("You have no recently viewed items.")

  }

  if (p1 !=null) {document.write(p1)}

  if (p2 !=null && p2 !="undefined") {document.write(p2)}

  if (p3 !=null && p3 !="undefined") {document.write(p3)}

  if (p4 !=null && p4 !="undefined") {document.write(p4)}

  if(p0 !=null && p0 != p1 && p0 != p2 && p0 != p3 && p0 !=p4){

   setCookie("p1",p0)

   setCookie("p2",p1)

   setCookie("p3",p2)

   setCookie("p4",p3)

  }

It's basically saying "only try to write to the document if such-and-such variable IS NOT undefined"

Hope this helps someone!

TheWrongGrape

11-05-2009 11:01 PM

Re: Recently Viewed Mod

I wanted to share a few more things I did in case anyone else is looking to do the same.

To show nothing when there are no recently viewed products (meaning no title or text) I left the title blank (the include at the bottom) and made this change in recently_viewed.tpl

Code:

   var p1=getCookie("p1");

   var p2=getCookie("p2");

   var p3=getCookie("p3");

if (p1 !=null) {document.write('<p style="text-align:left; font-weight: bold;"><b>Recently Viewed</b></p>')} 

  if (p1){

  }

  else {document.write()

  }

It basically only shows the title if the p1 variable (first product viewed) has been set, else it writes nothing. Use HTML and CSS to style. Note that I removed p4 because I am only showing the last 3.

In addition to changing my view to 3products, I made it horizontal as described by Qdox.

My full recently_viewed.tpl:

Code:

{capture name=menu}

<div class="recently">

{literal}

 <script type="text/javascript">

  if (p0){

  }

  else {var p0=null;

  }

   var p1=getCookie("p1");

   var p2=getCookie("p2");

   var p3=getCookie("p3");

if (p1 !=null) {document.write('<p style="text-align:left; font-weight: bold;"><b>Recently Viewed</b></p>')}

  if (p1){

  }

  else {document.write()

  }

  if (p1 !=null) {document.write('<div class="box1">'+p1+'</div>')}

  if (p2 !=null && p2 !="undefined") {document.write('<div class="box2">'+p2+'</div>')}

  if (p3 !=null && p3 !="undefined") {document.write('<div class="box3">'+p3+'</div>')}

  if(p0 !=null && p0 != p1 && p0 != p2 && p0 != p3){

   setCookie("p1",p0)

   setCookie("p2",p1)

   setCookie("p3",p2)

  }

 </script>

{/literal}

</div>

{/capture}

{include file="dialog.tpl" dingbats="dingbats_categorie.gif" title="" content=$smarty.capture.menu extra='width="100%"'}

Additionally, I wanted to display this in my main column (I have a 2-column layout: sidebar and main area) on the product pages only. As is, it was showing up on the home page, checkout pages, help pages, etc., at the very bottom. For my product pages, this meant it was showing up BELOW Tell a Friend and Reviews. I didn't want that. This was happening because the include for recently_viewed.tpl comes below the include for everything else (home_main.tpl which loads product.tpl) in my home.tpl file.

What I decided to do was to take out all the "extra" stuff on my product page (product.tpl) and pasted it into a new template which I called product_kickers.tpl. Decide where you want to "cut" the page and cut and paste into a new template.

Then on home.tpl, my new order is this:

Code:

{include file="customer/home_main.tpl"}

{if $main eq "product"}

{include file="customer/main/recently_viewed.tpl"}

{include file="customer/main/product_kickers.tpl"}

{/if}

The above code shows the Recently Viewed secton only on a product page AND position it after the main product stuff (home_main.tpl ends up loading my new top-half only product.tpl), beneath that will be recently_viewed.tpl, and then my new product_kickers.tpl which was the lower half of product.tpl.

I hope this makes sense and helps.

lash	11-05-2009 11:23 PM

Re: Recently Viewed Mod

TheWrongGrape, you don't happen to have a SSL and use this in https, secure mode? That's my only issue with this mod as for now. I get security warnings when being logged in, in secure mode and at first the pics are not showing, but after a little while they start to show, but they security warnings keeps on popping.

TheWrongGrape

11-06-2009 09:54 AM

Re: Recently Viewed Mod

Quote:

Originally Posted by lash

Is it because the thumbnail URL for the recently viewed products aren't secure? Try this in product.tpl instad of the line that's there now.

Code:

<img src="{$product.image_url|replace:'http://':'https://'}">

It just replaces the http:// in the generated URL for the image with https://

lash	11-06-2009 07:16 PM

Re: Recently Viewed Mod

Quote:

Originally Posted by TheWrongGrape

Is it because the thumbnail URL for the recently viewed products aren't secure? Try this in product.tpl instad of the line that's there now.

Code:

<img src="{$product.image_url|replace:'http://':'https://'}">

It just replaces the http:// in the generated URL for the image with https://

So instead of:
prodImage='<img src="{$product.image_url}"/>';
I write:

prodImage='<img src="{$product.image_url|replace:'http://':'https://'}">

I tried the above and some other combinations but it didn't work for me. Please tell me I am wrong..:wink:

TheWrongGrape

11-06-2009 07:40 PM

Re: Recently Viewed Mod

Quote:

Originally Posted by lash

So instead of:
prodImage='<img src="{$product.image_url}"/>';
I write:

prodImage='<img src="{$product.image_url|replace:'http://':'https://'}">

I tried the above and some other combinations but it didn't work for me. Please tell me I am wrong..:wink:

Don't forget to put the semicolon (;) back in at the end of the new code.

lash	11-06-2009 09:11 PM

Re: Recently Viewed Mod

Quote:

Originally Posted by TheWrongGrape

Don't forget to put the semicolon (;) back in at the end of the new code.

Yeah I tried that before, but it seems not to work for me. Also now the whole mod seems to be off. It stopped showing the recently viewed and I still get the security warnings. The mod seems to be a bit unstable even if I go back to the original changes. Though I really appreciate you coming with suggestions. It all worked so fine on my 4.1.9 except in the secure mode.

shipmerchant

02-13-2010 05:23 PM

Re: Recently Viewed Mod

First of all thank moondog for this great mod it has worked great for me in the previous version of Xcart. Recently I have been working on V4.3.1 cart and noticed that my thumbnail images would not appear using the previous code. After tinkering with it for a long while and searching other post in various areas, I seem to have finally figured out on how to get my thumbnails to appear once again.

OK, here is the code for adding the thumbnails once again to this great mod by MoonDog. All else stays the same from the first post

http://forum.x-cart.com/showthread.php?t=36753&highlight=recently+viewed

Entered this code in the product.tpl down at the bottom, to get my thumbnail image to appear in V4.3.1.

Line " prodImage="

Code:



{*recently viewed mod*}

<script type="text/javascript">



prodImage='<img src="{$http_location}/image.php?id={$product.productid}" width="65">';



prodName='<{$product.product}>';

var p0=('<br/><a href="'+document.URL+'">'+prodImage+'<br/>{$product.product}</a><br/>${$product.taxed_price}<br/>');

</script>

{*end*}

Hope this helps some of you, Enjoy

TheWrongGrape

05-13-2010 11:32 AM

Re: Recently Viewed Mod

Quote:

Originally Posted by shipmerchant

Code:



{*recently viewed mod*}

<script type="text/javascript">



prodImage='<img src="{$http_location}/image.php?id={$product.productid}" width="65">';



prodName='<{$product.product}>';

var p0=('<br/><a href="'+document.URL+'">'+prodImage+'<br/>{$product.product}</a><br/>${$product.taxed_price}<br/>');

</script>

{*end*}

Hope this helps some of you, Enjoy

I don't know what's going on for me. Had this working fine in other versions, but for me in 4.3.1 the variables are not getting parsed. My page is literally printing {$product.product} instead of replacing that variable with the actual product name. This means that my images don't show up either because the path is all messed up. Any clue what could be going on?

Edit: I know what the problem is, I just don't know how to fix it. The Javascript snippet for product.tpl won't do anything unless I surround it with {literal}{/literal} tags. However, doing so means that the smarty tags inside the Javascript aren't recognized as smarty and aren't parsed. I've tried closing and opening up the literal tags before and after the smarty tags, but no luck. Tried doing the same with recently_viewed.tpl in case that played a hand with no luck also. Very frustrating!

Vacman

07-11-2010 01:37 PM

Re: Recently Viewed Mod

Bump

All times are GMT -8. The time now is 05:53 PM.

Page 4 of 4

« First

Show 40 posts from this thread on one page