Help required with CGFBApp and CGEcommerce

[velvet_grooves]

Hi,

I've run into a bit of difficulty with a shop site, in which when a person clicks "like" from the CGFBapp, it doesn't actually like the page, rather the site root.

The other thing is, the breadcrumb on the page points to the root as well.

I've assigned product detail pages to their own page before, but then the FBApp pointed to the detail page rather than the product URL.

Here is the site: http://rawlook.co.uk

Any help would be hugely appreciated.

Thanks.

[jas0995]

Ok, I took a look at your page and gave it a try. Here are a couple of points to think about and look into....

1. Facebook made some changes so that it only shows faces of the friends of the person logged into facebook. I think this is a recent changes ( last couple of months... ).

2. Once I "liked" the page, it created a link to a comment pop-up. There is an error showing in that pop-up. It is:

string(114) "Smarty error: [in tpl_body:24 line 63]: syntax error: unrecognized tag 'var' (Smarty_Compiler.class.php, line 590)"

3. You did not include any of your code. It would be helpful to send us the template that is using the CGFBApp tag.

-John Scott

[velvet_grooves]

Hey John, thanks for the reply

I wouldn't worry about the faces as I can remove them... and the syntax error turns up in different places on the site... no idea what this is? usually in the header.

This whole problem is strange as I have another site that I built at the same time, yet that one actually works. Getting the template to fit with a product template page rather than just nick the front page template was the initial problem, but I've fixed that.

The site which is "working" is absolutedeal.co.uk

As for the code for rawlook, try this:

[Product Details]

Code: Select all

<div class="ProductDirectoryItem">

<div id="ProductDirectoryItem-Left" style="float:left; width:400px;">
{* accessing all of the fields in a list *}
{if count($entry->fields)}
  {foreach from=$entry->fields key='name' item='field'}
     <div id="product_image">
       {if $field->type == 'image' && isset($field->thumbnail)}
         <img src="{$entry->file_location}/{$entry->fields.image->value}" alt="{$field->value}" width="350px" height="350px"/>
       {/if}
     </div>
  {/foreach}
{/if}
</div>
<div id="ProductDirectoryItem-Right" style="float:left; width:200px;">
{if $field->name == 'photo_dir'}
    {if $field->value != ""}
               

                    {Gallery dir=$field->value}
    {else}

    {/if}
{/if}
</div>

<div id="other_info">
Name: <a name="product_name" style="text-decoration: none;">{$entry->product_name}</a>
<p>
{* uncomment the following line if the Promotions module is installed *}
{promo_get_prod_discount product_id=$entry->id assign='foo'}
{if isset($foo.promo_id)}
<span style="color: red;">Discount:  {$currency_symbol}{$foo.discount|number_format:2} ({$foo.percentage|number_format:2}%)</span><br/>
{if $entry->price ne ''}
Price {$currency_symbol}: {$entry->price * $foo.decimal|number_format:2}<br />
{/if}
{elseif $entry->price ne ''}
Price {$currency_symbol}: {$entry->price|number_format:2}<br />
{/if}
{if $tmp}
<div>
Quantity: 
{$formstart}
<input type="text" name="{$quantityname}" value="1" size="2" maxlength="2"/>
<input type="submit" name="{$submitname}" value="Add To Cart"/>
{$formend}
</div>
{/if}
{cgecomm_form_addtocart product=$entry->id} 
<br>
{cgfb_init}
{cgfb_like href=$entry->detail_url}
{Twitter action="tweet"}


</div>

</div>



</div>

<div id="main_products">
<div id="products_header">


<div id="page_title"><h1 class="products_title">Shop > {title}</h1></div>

<div id="product_search" style="width:300px; float:right;">{Products action="search"}</div>
<div style="clear:both"></div>
</div>
<div id="product_details">
{if $entry->details ne ''}
{$entry->details}
{/if}

</div>







</div>

<div id="right">
<div id="cart">{Cart action=viewcart}</div>
<div id="promotions">{Banners category="Summer"}</div>
        </div>

</div>
<div style="clear: both;"></div>
</div>



</div>

{* Start Content Area, right side *}
          

[Page Template]

Code: Select all

{process_pagedata}<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<__html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
{* Change lang="en" to the language of your site *}

{* note: anything inside these are smarty comments, they will not show up in the page source *}
  <head>

<title>{title} | {sitename}</title>
{* The sitename is changed in Site Admin/Global settings. {title} is the name of each page *}

{metadata}
{* Don't remove this! Metadata is entered in Site Admin/Global settings. *}

{cms_stylesheet}
{* This is how all the stylesheets attached to this template are linked to *}
<__script__ src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></__script>
<__script__ src="http://....../jquery.nivo.slider.pack.js" type="text/javascript"></__script>
{cms_selflink dir="start" rellink=1}
{cms_selflink dir="prev" rellink=1}
{cms_selflink dir="next" rellink=1}
{* Relational links for interconnections between pages, good for accessibility and Search Engine Optmization *}

<!--[if IE 6]>
<__script__ type="text/javascript" src="modules/MenuManager/CSSMenu.js"></__script>
<![endif]-->
{* The above JavaScript is required for Menu - NCleanBlue-css to work in IE6 *}

{* the literal below and the /literal at the end are needed whenever there are {"curly brackets"} as smarty will think it's 

something to process and will throw an error *}
{* IE6 png fix *}
{literal}
<!--[if IE 6]>
<__script__ type="text/javascript"  src="uploads/NCleanBlue/js/ie6fix.js"></__script>
<__script__ type="text/javascript">
 // argument is a CSS selector
 DD_belatedPNG.fix('.sbar-top,.sbar-bottom,.main-top,.main-bottom,#version');
</__script>
<style type="text/css">
/* enable background image caching in IE6 */
html {filter:expression(document.execCommand("BackgroundImageCache", false, true));} 
</style>
<![endif]-->
{/literal}

{literal}
<__script__ type="text/javascript">
$(window).load(function() {
	$('#slider').nivoSlider({
		effect:'fade', //Specify sets like: 'fold,fade,sliceDown'
		slices:1,
		animSpeed:500, //Slide transition speed
		pauseTime:3000,
		startSlide:0, //Set starting Slide (0 index)
		directionNav:true, //Next Prev
		directionNavHide:true, //Only show on hover
		controlNav:true, //1,2,3...
		controlNavThumbs:false, //Use thumbnails for Control Nav
      controlNavThumbsFromRel:false, //Use image rel for thumbs
		controlNavThumbsSearch: '.jpg', //Replace this with...
		controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
		keyboardNav:true, //Use left right arrows
		pauseOnHover:true, //Stop animation while hovering
		manualAdvance:false, //Force manual transitions
		captionOpacity:0.8, //Universal caption opacity
		beforeChange: function(){},
		afterChange: function(){},
		slideshowEnd: function(){} //Triggers after all slides have been shown
	});
});
</__script>
{/literal}

  </head>
  </__body>
    <div id="ncleanblue">
      <div id="pagewrapper" class="core-wrap-100 core-center">
{* start accessibility skip links *}
        <ul class="accessibility">
          <li>{anchor anchor='menu_vert' title='Skip to navigation' accesskey='n' text='Skip to navigation'}</li>
          <li>{anchor anchor='main' title='Skip to content' accesskey='s' text='Skip to content'}</li>
        </ul>
{* end accessibility skip links *}
        <hr class="accessibility" />
{* Horizontal ruler that is hidden for visual browsers by CSS *}

{global_content name='header'}

{* Start Content (Navigation and Content columns) *}
        <div id="content" class="util-clearfix">

{* Start Bar *}
        
{* End Bar *}

<div id="main-container">{* main content *} 

<div id="main" class="core-float-right">

{content}

</div>{* End Main *}
</div>{* End Main Container *}
</div>

      </div>
{* end pagewrapper *}
      <span class="util-clearb">&nbsp;</span>
      
{* Start Footer *}
      <div id="footer-wrapper">
        {global_content name='footer_2'}
      </div>
{* End Footer *}
    </div>
{* End Div *}
  <__body>
</__html>

[velvet_grooves]

I still haven't sussed this. Would you like the code for Absolute Deal? Let me know which bit and I'll post...

[velvet_grooves]

Again, still can't get this to work properly. It's a massively annoying issue and thus massively frustrating. However, as CMSMS is free open-source software, I can't complain much. Just thought the board might be a little more helpful.