[Solucionado] Bloque para dejar comentario en el home de la tienda

Jessy · February 13, 2015

Hola!

He visto un tutorial donde el módulo "Home Free Block" inserta mediante HTML un bloque en (por ejemplo) el home de la tienda. En el artículo te enseña a cómo agregar un plugin de facebook de comentarios, del cual te proporcionan un código que tú insertas en dicho módulo, y debería salirte en el home de la tienda.

Ese módulo no lo encuentro a pesar de ser de Addons, parece que ya no existe. Tengo dos módulos de HTML en mi tienda, el HTMLBox y el BlockHTML, y he insertado el código en los dos y posicionado en varios lugares pero no veo nada. (ahora los he desactivado)

Alguien me puede ayudar? Gracias.

El vídeo donde lo enseña es este y me parecería interesante colocar dicho plugin: https://www.youtube.com/watch?v=FlTtBgPNvxk

Edited February 14, 2015 by ventura (see edit history)

ventura · February 13, 2015

El codigo imagino que lo insertas desde codigo fuente.

Jessy · February 13, 2015

Perdona mi ignorancia, no sé cómo es.

Lo que inserto es esto:

ventura · February 13, 2015

creo que te falta un script


<div id="fb-root"></div>
{literal}
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/es_LA/sdk.js#xfbml=1&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
{/literal}

Este script tienes que colocarlo en el header.tpl despues de la etiqueta <body>

Edited February 13, 2015 by ventura (see edit history)

Jessy · February 13, 2015

Vale, me dices la ruta, por favor? /themes/mitema/header.tpl?

ventura · February 13, 2015

si, esa sería la ruta

Jessy · February 13, 2015

Perdona, no veo el <body>, podrías indicarme dónde debo colocar el código?

{*
* 2007-2013 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to [email protected] so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author PrestaShop SA <[email protected]>
*  @copyright  2007-2013 PrestaShop SA
*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*}
<!DOCTYPE HTML>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7 " lang="{$lang_iso}"> <![endif]-->
<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8 ie7" lang="{$lang_iso}"> <![endif]-->
<!--[if IE 8]><html class="no-js lt-ie9 ie8" lang="{$lang_iso}"> <![endif]-->
<!--[if gt IE 8]> <html class="no-js ie9" lang="{$lang_iso}"> <![endif]-->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{$lang_iso}">
<head>
<meta charset="utf-8" />
<title>{$meta_title|escape:'html':'UTF-8'}</title>
{* facebook tags*}
<meta name="og:title" content="{$meta_title}" />   
	
{if isset($have_image)}
{if $have_image}
<meta name="og:image" content="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')}" />    
<meta name="og:type" content="og:product" />
<meta name="og:description" content="{$meta_description}" />
{/if}	
{else}
<meta name="og:image" content="{$img_ps_dir}logo-Caponethedog.png" />        
<meta name="og:type" content="og:website" />
<meta name="og:description" content="{$meta_description}" />
{/if}
 
<meta name="title" content="Productos de diseño personalizables" />
<meta name="description" content="Tienda online dedicada a la elaboración propia de mobiliario para perros y gatos personalizadas, las mejores camas de diseño del mercado." />
<link rel="image_src" href ="http://www.caponethedog.com/img/logo.jpg" />
 
<meta name="google-site-verification" content="9n-N4Vhfdd5ztWoyVarFAW5t6L_t4fdjY-_PrKhgJOE" />
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">	
		<title>{$meta_title|escape:'htmlall':'UTF-8'}</title>
{if isset($meta_description) AND $meta_description}
		<meta name="description" content="{$meta_description|escape:html:'UTF-8'}" />
{/if}
{if isset($meta_keywords) AND $meta_keywords}
		<meta name="keywords" content="{$meta_keywords|escape:html:'UTF-8'}" />
{/if}
	<meta name="generator" content="PrestaShop" />
    <meta name="robots" content="{if isset($nobots)}no{/if}index,{if isset($nofollow) && $nofollow}no{/if}follow" />
	<meta name="author" content="Prestashop 1.5">   
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />    
	
<script>
    if (navigator.userAgent.match(/Android/i)) {
        var viewport = document.querySelector("meta[name=viewport]");
       	viewport.setAttribute('content', 'initial-scale=1.0,maximum-scale=1.0,user-scalable=0,width=device-width,height=device-height');
    }
	if(navigator.userAgent.match(/Android/i)){
    window.scrollTo(0,1);
 }
</script> 
    <meta name="apple-mobile-web-app-capable" content="yes" /> 
		<link rel="icon" type="image/vnd.microsoft.icon" href="{$favicon_url}?{$img_update_time}" />
		<link rel="shortcut icon" type="image/x-icon" href="{$favicon_url}?{$img_update_time}" />
		<script type="text/javascript">
			var baseDir = '{$content_dir}';
			var baseUri = '{$base_uri}';
			var static_token = '{$static_token}';
			var token = '{$token}';
			var priceDisplayPrecision = {$priceDisplayPrecision*$currency->decimals};
			var priceDisplayMethod = {$priceDisplay};
			var roundMode = {$roundMode};
		</script>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
<link href="{$css_dir}normalize.css" rel="stylesheet" type="text/css" media="all" />
<link href="{$css_dir}bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="{$css_dir}bootstrap-responsive.css" rel="stylesheet" type="text/css" media="all" />
<link href="{$css_dir}font.css" rel="stylesheet" type="text/css" media="all" />
{if isset($css_files)}
{foreach from=$css_files key=css_uri item=media}
<link href="{$css_uri}" rel="stylesheet" type="text/css" media="{$media}" />
{/foreach}
{/if}   
<link href="{$css_dir}320.css" rel="stylesheet" type="text/css" media="all" />
<link href="{$css_dir}480.css" rel="stylesheet" type="text/css" media="all" />
<link href="{$css_dir}768.css" rel="stylesheet" type="text/css" media="all" />
{if isset($js_files)}
{foreach from=$js_files item=js_uri}
<script type="text/javascript" src="{$js_uri}"></script>
{/foreach}
{/if}
<script src="{$js_dir}/source/bootstrap.js"></script>
<script src="{$js_dir}/source/plugins.js"></script>
<script src="{$js_dir}/source/footable.js"></script>
<script src="{$js_dir}/source/jquery.core-ui-select.js"></script> 
<script src="{$js_dir}/source/jquery.scrollpane.js"></script>
<script src="{$js_dir}/source/jquery.uniform.js"></script> 
<script src="{$js_dir}/source/jquery.mousewheel.js"></script>
<script src="{$js_dir}/source/mainscript.js"></script>
<script src="{$js_dir}/source/modernizr-2.5.3.min.js"></script>
{$HOOK_HEADER}
<script src="{$js_dir}/source/jquery.carouFredSel-6.2.1.js"></script>
<script src="{$js_dir}/source/jquery.touchSwipe.min.js"></script>
<script src="{$js_dir}/source/add.js"></script>
<meta name="google-site-verification" content="9n-N4Vhfdd5ztWoyVarFAW5t6L_t4fdjY-_PrKhgJOE" />
</head>
    <!--[if lt IE 9]><div style='clear:both;height:59px;padding:0 15px 0 15px;position:relative;z-index:10000;text-align:center;'><a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /></a></div><![endif]-->
	<body {if isset($page_name)}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if} class="{if $hide_left_column}hide-left-column {/if}{if $hide_right_column}hide-right-column {/if}{if $content_only} content_only {/if}lang_{$lang_iso}">
    	{if !$content_only}
{if isset($restricted_country_mode) && $restricted_country_mode}
<div id="restricted-country">
  <p>{l s='You cannot place a new order from your country.'} <span class="bold">{$geolocation_country}</span></p>
</div>
{/if}
<div id="wrapp">
       <div id="wrapp_2">
        <div id="wrapp_3">
          <div id="wrapp_4">
          <header id="header" class="container ">
            <div  id="header-inner" >
       			<a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
                     <img class="logo" src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} />
                  </a>
          {$HOOK_TOP}
         </div>
           </header> 
           <div id="column-block">       
<div id="columns" class="container ">
                 <div class="row ">  
                 <div class="loader_page"> 
                 			{assign var='LeftColumn' value=0}
                            {assign var='RightColumn' value=0}
                 			{if isset($HOOK_LEFT_COLUMN) && (str_replace(" ","",$HOOK_LEFT_COLUMN)) !=''}{assign var='LeftColumn' value=3}{/if}
                            {if isset($HOOK_RIGHT_COLUMN) && (str_replace(" ","",$HOOK_RIGHT_COLUMN)) !=''}{assign var='RightColumn' value=3}{/if}
                            {if isset($LeftColumn) && $LeftColumn !=0}   
                                <aside id="left_column"  class="span3 column">
                                   {$HOOK_LEFT_COLUMN}
                                </aside> 
                            {/if}  
                         <div id="center_column" class="center_column span{12 - $LeftColumn - $RightColumn} clearfix">
{/if}

ventura · February 13, 2015

Jessy · February 13, 2015

Ok, hecho, he ido a mi tienda pero no veo nada

ventura · February 13, 2015

Prueba a borrar cache y forzar compilacion.

Son las indicaciones de instalacion de facebook developers

https://developers.facebook.com/docs/plugins/comments?locale=es_LA

Jessy · February 13, 2015

Nada

Jessy · February 14, 2015

Alguien me ayuda?

ventura · February 14, 2015

Haciendo lo que te dije en post anteriores el resultado es el que aparece en la captura adjunta

Jessy · February 14, 2015

Sí, pero lo he hecho y no se ve nada.

De todas formas, acabo de instalarme el módulo "Facebook Comments for free" de aquí del foro: https://www.prestashop.com/forums/topic/231590-module-facebook-comments-for-free/ y va estupendo, no me aparece en el incio como yo quería pero me sale el cajetín de comentarios de facebook en cada producto, que me viene genial porque es menos lioso para los clientes.

Un saludo y gracias, Ventura!

ventura · February 14, 2015

De nada.

Damos entonces el tema por solucionado

[Solucionado] Bloque para dejar comentario en el home de la tienda

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in