Jump to content

Ayuda como cambiar solo página principal

Admin27
 Share

Recommended Posts

nadie Rookie

nadie

Posted
Posted

Entiendo que quieres la pagina principal a 1 columna, y la otra a 3 columnas ¿no?

En caso de que te refieras a eso, tienes varias formas, a mi me gusta mas la que te comento.

 

Fichero:

/themes/plantilla/header.tpl
Busca esto:

<div id="left_column" class="column grid_2 alpha">
                                        {$HOOK_LEFT_COLUMN}
                                </div>
Dejalo asi:

{if $page_name!='index'} 
<div id="left_column" class="column grid_2 alpha">
                                        {$HOOK_LEFT_COLUMN}
                                </div> 
{/if}
Busca esto:

 <div id="center_column" class=" grid_5">
Dejalo asi:

 <div id="center_column" {if $page_name=='index'} class=" grid_9 alpha omega"{else} class=" grid_5" {/if}>
---

 

Luego en el fichero:

/themes/plantilla/footer.tpl
Busca esto:

                                <div id="right_column" class="column grid_2 omega">
                                        {$HOOK_RIGHT_COLUMN}
                                </div>
y dejalo asi:

{if $page_name!='index'}
                                <div id="right_column" class="column grid_2 omega">
                                        {$HOOK_RIGHT_COLUMN}
                                </div>
 {/if}
  • Like 1
Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

(Lo que te he dicho es para quitar la columna izquierda y derecha y dejar solo la principal)

 

Tambien puedes hacerlo por css, tipo:

 

Oculto columna derecha en la pagina principal:

 

#index #right_column {
display:none;
}
Ocultar columna izquierda en la pagina principal:

 

#index #right_column {
display:none;
}
--

 

Aumentar ancho columna central solo en la pagina principal:

 

#index #center_column {
width: 980px;
margin-right: 0px;
}
Link to comment
Share on other sites
Admin27 Newbie

Admin27

Posted
  • Author
Posted

Lo he probado pero se han quitado todas las columnas en todas las páginas, lo que me gustaría es solo quitar las columnas o columna izquierda de la página principal, y los productos destacados que sean más grandes y abajo de los productos destacados imágenes.

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Lo he probado pero se han quitado todas las columnas en todas las páginas, lo que me gustaría es solo quitar las columnas o columna izquierda de la página principal, y los productos destacados que sean más grandes y abajo de los productos destacados imágenes.

 

He actalizado el codigo, que se me paso la mano al pegarlo xD

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Y como podría agrandar las imágenes de los productos destacados? Y abajo de los productos destacados poner algunas imágenes con enlaces?

Para hacer las imagenes de los productos destacados mas grandes, tienes varias formas.

 

Una de ellas es ir a la pestaña Preferencias -> Imagenes, y añadir un nuevo tipo depende editar el "home_default", ya que el "home_default" afecta a otras partes de la tienda y mejor tenerlo todo en orden para evitarse sustos.

 

El nuevo tipo de imagen lo llamas "destacados", le dices el ancho y el alto que tu estimes, y dices que solo se aplique a productos.

 

Adjunto Captura:

 

ID.png

 

Guarda los cambios.

 

Ahora vuelves otra vez a la pestaña Preferencias -> Imagenes y abajo del todo, pulsa en Regenerar Miniaturas -> Productos -> Formato -> destacado

 

-----

 

Ahora editas el fichero:

/themes/tu-plantilla/modules/homefeatured/homefeatured.tpl

Buscas esto:

<img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home_default')|escape:'html'}" height="{$homeSize.height}" width="{$homeSize.width}" alt="{$product.name|escape:html:'UTF-8'}" />

y por ejemplo lo dejas asi:

<img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'destacado')|escape:'html'}" alt="{$product.name|escape:html:'UTF-8'}" />

------

 

En el mismo, fichero busca esto:

                        {assign var='nbItemsPerLine' value=4}

y cambia el "4" por los productos que se van a imprimir por linea. (Esto no es una tonteria)

 

------

 

Despues, en el fichero:

modules/homefeatured/homefeatured.css

Busca esto:

#featured-products_block_center li {
        margin-right:10px;
        padding:10px 0;
        width:126px;
        height:240px
}

y ahora tendras que aumentar el "width" (ancho) y el "height" (alto) a tu necesidad, ya que al ser las imagenes mas grandes, ahora las cajas tienes que aumentarlas de tamaño.

 

-----

 

Despues, volvemos al fichero:

/themes/tu-plantilla/modules/homefeatured/homefeatured.tpl

Y buscamos esto:

                        {assign var='liHeight' value=250}

y el 250 lo cambiamos al valor que hayamos puesto en el homefeatured.css dentro del:

#featured-products_block_center li en referencia al height, es decir si en el height del #featured-products_block_center li colocas 300, pues aquí depende 250 colocas 310.

  • Like 1
Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Tengo que marcar borrar las imagenes anteriores cuando regenere miniaturas? ¿o no lo tengo que marcar?

 

En este caso si has señalado que solo vas a regenerar las imagenes del tipo:

destacado

dejalo marcado, ya que como ese tipo de miniatura es nuevo, da lo mismo.

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

¿Y abajo de los productos destacados cuando modifique todo, como puedo poner imagenes como anuncios con enlaces, etc... como publicidad fija para anunciar por ejemplo toallas de baño etc...

 

Supongo que puedes a modo light, con algun modulo como htmlbox: http://mypresta.eu/en/art/news/prestashop-html-box-module-is-available-for-free.html, http://contentbox.org/ insertar codigo html en la pagina principal.

Link to comment
Share on other sites
Admin27 Newbie

Admin27

Posted
  • Author
Posted (edited)

Tengo una última consulta, se podría dejar el menú horizontal así y en otras categorías tenerlo cambiado?

Por ejemplo:

Ahora tengo inicio - novedades - preguntas frecuentes etc...

Y por ejemplo solo en la página de inicio dejarlo  inicio - ropa de cama - baño - cocina- etc....

Edited by Admin27 (see edit history)
Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Tengo una última consulta, se podría dejar el menú horizontal así y en otras categorías tenerlo cambiado?

 

Por ejemplo:

 

Ahora tengo inicio - novedades - preguntas frecuentes etc...

 

Y por ejemplo solo en la página de inicio dejarlo  inicio - ropa de cama - baño - cocina- etc....

 

¿El que lleva por defecto Prestashop o uno personalizado para el caso? (Podrias meter excepciones al menu que lleva prestashop, para que no se viera el index desde la pestaña Módulos -> Posiciones-> Editar Módulo -> Meter Excepciones, y construirte el tuyo manual para la pagina principal)

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Y como me lo puedo crear a través del modulo?

 

Una forma mas facil, es esto:

 

Fichero:

 

/modules/blocktopmenu/blocktopmenu.tpl
Buscas esto:

 

 {$MENU}
y lo dejas asi:

 

{if $page_name!=index} 

 {$MENU}

 {else}

<!-- Menu solo para la home -->
<li><a href="{$base_dir}" title="{l s='Inicio' mod='blocktopmenu'}">{l s='Inicio' mod='blocktopmenu'}</a></li> <!-- Enlace a Home -->
<li><a href="{$link->getPageLink('new-products')|escape:'html'}" title="{l s='Novedades' mod='blocktopmenu'}" >{l s='Novedades' mod='blocktopmenu'}</a></li> <!-- Enlace a la seccion de Novedades -->
 {/if}
  • Like 1
Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Una forma mas facil, es esto:

 

Fichero:

 

/modules/blocktopmenu/blocktopmenu.tpl
Buscas esto:

 

 {$MENU}
y lo dejas asi:

 

{if $page_name!=index} 

 {$MENU}

 {else}

<!-- Menu solo para la home -->
<li><a href="{$base_dir}" title="{l s='Inicio' mod='blocktopmenu'}">{l s='Inicio' mod='blocktopmenu'}</a></li> <!-- Enlace a Home -->
<li><a href="{$link->getPageLink('new-products')|escape:'html'}" title="{l s='Inicio' mod='blocktopmenu'}" >{l s='Novedades' mod='blocktopmenu'}</a></li> <!-- Enlace a la seccion de Novedades -->
 {/if}

 

 

Lo que hacemos es decir, si no es la pagina principal, cargan los enlaces de la configuración del módulo (Módulo que se configura en la pestaña módulos -> módulos), y si es la pagina principal, cargan los enlaces que hemos metido a mano en el fichero *.tpl.

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

He estado probando lo del homefeatured pero el recuadro de cada producto destacado no se agranda, solo se separa de uno al otro, pero sigue quedando pequeña la foto.

 

¿Pero has ampliado el width y height del

#featured-products_block_center li
en el homefeatured.css ?

 

¿Y editastes el fichero /themes/tu-plantilla/modules/homefeatured/homefeatured.tpl como te dije para cambiar el tipo de imagen asignado y nuevo que creastes en la pestaña Preferencias -> Imagenes?

 

Url de tu tienda, que vea.

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Aquí te paso el enlace nadie: http://www.dulce-hogar.net/es/

 

Mira como me queda

 

Estoy viendo el codigo y te sigue cogiendo el tipo "home_default" y no el tipo "destacado" que creastes.

 

¿Editastes este fichero:

/themes/tu-plantilla/modules/homefeatured/homefeatured.tpl

¿o este:

/modules/homefeatured/homefeatured.tpl

?

 

?

 

(Recuerda que tienes que editar el que esta dentro de tu plantilla, yo desde aquí, no lo veo modificado.

 

¿El forzar compilacion y vaciar la cache de smarty lo hicistes?

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

 

Ahora lo he dejado como antes, voy a volver a comenzar de nuevo a ver

Recuerda, cambiar esto:

 

<img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home_default')|escape:'html'}" height="{$homeSize.height}" width="{$homeSize.width}" alt="{$product.name|escape:html:'UTF-8'}" />

por

<img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'destacado')|escape:'html'}" alt="{$product.name|escape:html:'UTF-8'}" />

(Eso para la imagen)

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Recuerda, cambiar esto:

 

<img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home_default')|escape:'html'}" height="{$homeSize.height}" width="{$homeSize.width}" alt="{$product.name|escape:html:'UTF-8'}" />
por

<img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'destacado')|escape:'html'}" alt="{$product.name|escape:html:'UTF-8'}" />
(Eso para la imagen)

 

Por si hubiera algun tipo de problema al forzar compilacion y vaciar cache de smarty, usa este módulo: http://www.prestashop.com/forums/topic/238282-modulo-flush-caches-compile-ps15/ y haz un flush all

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Lo dejaré estar mejor por que no hay manera no me sale.

 

Yo creo que el tpl del homefeatured.tpl no lo estas modificando correctamente u no se ha subido la modificación correctamente, porque sigo sin ver la modificacion.

 

¿Usastes el modulo http://www.prestashop.com/forums/topic/238282-modulo-flush-caches-compile-ps15/ que te dije para hacer el flush all ?

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Yo creo que el tpl del homefeatured.tpl no lo estas modificando correctamente u no se ha subido la modificación correctamente, porque sigo sin ver la modificacion.

 

¿Usastes el modulo http://www.prestashop.com/forums/topic/238282-modulo-flush-caches-compile-ps15/ que te dije para hacer el flush all ?

 

¿El fichero lo estas editando con notepad++ http://notepad-plus-plus.org/ ? ¿no?

Link to comment
Share on other sites
Admin27 Newbie

Admin27

Posted
  • Author
Posted

Hola nadie por fin ya he podido conseguir agrandar las imagenes, ahora me gustaría saber como puedo eliminar la descripción de los destacados y quitar el ver más y solo ver el titulo y luego el precio engrandecido un poco.

Y crees que quedaría mejor dejar la barra derecha?

Y crearías un menú deslizante?

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Hola nadie por fin ya he podido conseguir agrandar las imagenes, ahora me gustaría saber como puedo eliminar la descripción de los destacados y quitar el ver más y solo ver el titulo y luego el precio engrandecido un poco.

 

Y crees que quedaría mejor dejar la barra derecha?

 

Y crearías un menú deslizante?

La verdad, es que no veo ningun cambio en su pagina web: http://www.dulce-hogar.net/es/

 

¿Porque no has seguido mis indicaciones para quitar las columnas?

 

Quitar descripcion producto, cambiar esto:

 

                                        <div class="product_desc"><a href="{$product.link|escape:'html'}" title="{l s='More' mod='homefeatured'}">{$product.description_short|strip_tags|truncate:65:'...'}</a></div>

por

 

{*                                         <div class="product_desc"><a href="{$product.link|escape:'html'}" title="{l s='More' mod='homefeatured'}">{$product.description_short|strip_tags|truncate:65:'...'}</a></div>
 *}

Quitar boton ver

 

Cambiar esto:

                                                <a class="lnk_more" href="{$product.link|escape:'html'}" title="{l s='View' mod='homefeatured'}">{l s='View' mod='homefeatured'}</a>

por

{*                                                 <a class="lnk_more" href="{$product.link|escape:'html'}" title="{l s='View' mod='homefeatured'}">{l s='View' mod='homefeatured'}</a>
 *}
Link to comment
Share on other sites
Admin27 Newbie

Admin27

Posted
  • Author
Posted

Esta mañana ya he estudiado como voy a poner la página principal.

Me he descargado el menú slider according y me gustaría que solo se viera en la página principal y no en todas las páginas, como lo puedo hacer?

Abajo de esto colocar el slider normal alargado

Quitar las dos columnas que ya lo tengo preparado para subir y lo del homefeatured también lo tengo listo.

Y luego abajo las 4 imagenes de los destacados  y abajo de esto colocar igual pero que salgan los más vendidos.

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

El menú acordeón que me he descargado y he instalado en los modulos, como puedo hacer que solo se vea en la página principal?

 

Pestaña Módulos -> Posiciones de los módulos

 

Buscas el módulo que lo tendras en varios hooks, lo editas y tienes una casilla para meterle excepciones.

 

Adjunto Imagen

 

exd.png

 

----

 

La otra forma, que es la chapuzera, seria editando el fichero tpl del módulo y colocar el codigo que ahí dentro del tpl entre:

{if $page_name=='index'}
codigo del tpl del modulo
 {/if}
Link to comment
Share on other sites
Admin27 Newbie

Admin27

Posted
  • Author
Posted

Este es todo el archivo tpl del modulo, cual es el código del tpl del modulo?
 

<script src="{$this_path}js/jquery.kwicks-1.5.1.js" type="text/javascript"></script>
 
    <script type="text/javascript">
 
        {literal}
 
$().ready(function() {
 
$('.kwicks').kwicks({
 
max : {/literal}{$width}{literal} ,
 
spacing : 0,
 
                    duration: {/literal}{$changeSpeed}{literal},    
 
});
 
});
 
        {/literal}
 
</script>
 
    {assign var="outerHeight" value=$height}
 
    {if $hookslider == 'top'}
 
        </div>
 
    {/if}
 
    {foreach from=$destaques item=destaque name=destaques}
 
            {if $destaque.logo}
 
            {assign var=total value=$smarty.foreach.destaques.index}
 
            {/if}
 
    {/foreach}
 
<div id="accordion_slider" style="width:{$width}px;height:{$outerHeight}px">
 
<ul class="kwicks">
 
    {foreach from=$destaques item=destaque name=destaques}
 
            {if $destaque.logo}
 
            {assign var=current value=$smarty.foreach.destaques.index}
 
        
 
                 <li id="kwick_{$current}" class="perslider" style="height:{$height}px;width:{$width/($total+1)}px;">
 
 <a href="{$destaque.logo_link}">
 
                        <span class="feature_excerpt" style="width:{$width-30}px;">
 
                            <span class="position_excerpt" style="display: block; position: absolute; ">
 
     {$destaque.logo_title}
 
</span>
 
                    </span>
 
                    <span class="fadeout" style="height:{$height}px;"></span>
 
<img src="{$this_path}slider_{$current}.jpg" alt="{$destaque.logo_title}" />
 
 </a>
 
                </li> 
 
            
 
            {/if}
 
        
 
 
 
    {/foreach}
 
    </ul>
 
</div>
 
    
 
    {if $hookslider == 'top'}
 
        <div>
 
    {/if}
 
    
 
    {if $hookslider == 'home'}
 
        <div class="clear"></div>
 
    {/if}
Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

 

Este es todo el archivo tpl del modulo, cual es el código del tpl del modulo?

 

<script src="{$this_path}js/jquery.kwicks-1.5.1.js" type="text/javascript"></script>
 
    <script type="text/javascript">
 
        {literal}
 
$().ready(function() {
 
$('.kwicks').kwicks({
 
max : {/literal}{$width}{literal} ,
 
spacing : 0,
 
                    duration: {/literal}{$changeSpeed}{literal},    
 
});
 
});
 
        {/literal}
 
</script>
 
    {assign var="outerHeight" value=$height}
 
    {if $hookslider == 'top'}
 
        </div>
 
    {/if}
 
    {foreach from=$destaques item=destaque name=destaques}
 
            {if $destaque.logo}
 
            {assign var=total value=$smarty.foreach.destaques.index}
 
            {/if}
 
    {/foreach}
 
<div id="accordion_slider" style="width:{$width}px;height:{$outerHeight}px">
 
<ul class="kwicks">
 
    {foreach from=$destaques item=destaque name=destaques}
 
            {if $destaque.logo}
 
            {assign var=current value=$smarty.foreach.destaques.index}
 
        
 
                 <li id="kwick_{$current}" class="perslider" style="height:{$height}px;width:{$width/($total+1)}px;">
 
 <a href="{$destaque.logo_link}">
 
                        <span class="feature_excerpt" style="width:{$width-30}px;">
 
                            <span class="position_excerpt" style="display: block; position: absolute; ">
 
     {$destaque.logo_title}
 
</span>
 
                    </span>
 
                    <span class="fadeout" style="height:{$height}px;"></span>
 
<img src="{$this_path}slider_{$current}.jpg" alt="{$destaque.logo_title}" />
 
 </a>
 
                </li> 
 
            
 
            {/if}
 
        
 
 
 
    {/foreach}
 
    </ul>
 
</div>
 
    
 
    {if $hookslider == 'top'}
 
        <div>
 
    {/if}
 
    
 
    {if $hookslider == 'home'}
 
        <div class="clear"></div>
 
    {/if}

 

 

Al principio del fichero, colocas:

{if $page_name=='index'}

y al final esto:

{/if}

¿O ese módulo deja colocarse en la configuración del módulo en el DisplayHome?

Link to comment
Share on other sites
Admin27 Newbie

Admin27

Posted
  • Author
Posted

Nadie una pregunta, como podría crear un modulo desplegable con todas las categorías y dejar también las categorías como las tengo ahora.

Yo se que creando un menú desplegable se cambia de forma automática el que tengo ya establecido verdad?

Si es así no quiero que pase eso.

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Hola nadie, que te parece como me ha quedado?

 

Mira: http://www.dulce-hogar.net/es/

 

Estoy viendola en Chrome, parece que se ve bien, has quitado las columnas, puesto los productos destacados mas grandes, el slider se ve grande y bien, y has instalado el modulo ese tipo menu con solapas. ¿no?

 

Veo que el slider solo tiene una foto en tu tienda xD ¿Es por alguna razon en especial?

  • Like 1
Link to comment
Share on other sites
Guest
This topic is now closed to further replies.
 Share
Go to topic listing
×
×
  • Create New...