Ayuda con un par de detalles de mi tienda online

[c.echeverriamatte]

Hola, tengo un par de problemas con mi pagina web que no he podido solucionar ,

si esque alguien fuera tan amable de guiarme , le estaria extremadamente agradecido,

 

bueno , mi pagina es www.chileamazon.cl , lo que no he podido hacer es mover el buscador a la derecha ,

alfondo de la pagina hay problemas de ortografia , y por ultimo hacer que el modulo de categorias llene todo el espacio en el menu.

 

 

 

muchas gracias!

[c.echeverriamatte]

porfavor alguien?

[omascaros]

Buenas, 

 

1- Para desplazar el buscador a la derecha, tienes que ir a la carpeta del servidor  tutienda > themes> tutema > css > modules > blocksearch  y editar el archivo blocksearch.css . Busca la etiqueta #search_block_top y le añades float: right;

Te debe quedar asi: #search_block_top{ padding-top: 50px; float:right}

 

2- Para las faltas de ortografia, entra en el backoffiece y en localizacion > traducciones busca que esté correctamente.

 

Saludos

[c.echeverriamatte]

Estimado , de veras muchas gracias!

 

ultima consulta , sabes si es posible hacer que el slider ocupe todo el largo de la pagina y que choque con el menu?

y hacer que el menu tambien ocupe todo el largo?

 

muchas gracias

[omascaros]

Buenas, 

 

Lo que pides se puede hacer, pero no es sencillo e implica bastantes modificaciones en tu plantilla.

 

Prestashop utiliza Bootstrap para la maquetación de las plantillas.

 

Las 2 medidas que se aprecian cuando ves la plantilla en ordenador son manejadas por las clases class="container-fluid" (ocupa el 100% del espacio) y class="container" (que equivale a unos 1200px)

 

Esto significa que puedes tener el div contenedor con la clase "container-fluid" y lo que quieres que no ocupe tanto en pantalla esté con la clase "container"

 

Si quieres realizarlas, te recomiendo que mires la documentacion de Bootstrap y luego repases los archivos tpl de la plantilla, y evaluas.

 

Saludos

[c.echeverriamatte]

Si igual me manejo con la edicion de codigos de bootstrap , si no es mucha molestia , podrias ser mas especifico y decirme que documento y donde editar?

 

gracias

[omascaros]

En el archivo header.tpl de tu tema (themes/tutema/header.tpl) busca 

<div class="columns-container">
<div id="columns" class="container">
{if $page_name !='index' && $page_name !='pagenotfound'}
{include file="$tpl_dir./breadcrumb.tpl"}
{/if}
<div id="slider_row" class="row">
<div id="top_column" class="center_column col-xs-12 col-sm-12">{hook h="displayTopColumn"}</div>
</div>
<div class="row">
{if isset($left_column_size) && !empty($left_column_size)}
<div id="left_column" class="column col-xs-12 col-sm-{$left_column_size|intval}">{$HOOK_LEFT_COLUMN}</div>
{/if}
{if isset($left_column_size) && isset($right_column_size)}{assign var='cols' value=(12 - $left_column_size - $right_column_size)}{else}{assign var='cols' value=12}{/if}
<div id="center_column" class="center_column col-xs-12 col-sm-{$cols|intval}">
el <div class="container"> lo conviertes en <div class="container-fluid">.
Antes de <div class="row"> inserta <div class="container">.

Abre el archivo footer.tpl y busca

</div><!-- #center_column -->
{if isset($right_column_size) && !empty($right_column_size)}
<div id="right_column" class="col-xs-12 col-sm-{$right_column_size|intval} column">{$HOOK_RIGHT_COLUMN}</div>
{/if}
</div><!-- .row -->
</div><!-- #columns -->
</div><!-- .columns-container -->

Después de </div><!-- .row --> inserta </div> para cerrar el div que hemos abierto en el header.tpl.

 

Ya solo te queda cambiar el tamaño del slider en la configuración del própio módulo.

 

Espero te sirva.

 

Saludos

Edited November 5, 2015 by omascaros (see edit history)

[c.echeverriamatte]

header.tpl , como deberia dejarlo?

y el footer.tpl? ya los tengo abiertos y identificado lo que hay que cambiar

[c.echeverriamatte]

Antes de <div class="row"> inserta <div class="container">.

 

ese nomas sigo en la duda

 

te refieres a dejarlo

 

<div class="container">.

<div class="row">

Edited November 5, 2015 by c.echeverriamatte (see edit history)

[omascaros]

Correcto, y en el footer.tpl después de </div><!-- .row --> tienes que cerrar el </div> que hemos abierto.

 

Quedaría 

</div><!-- row -->

</div>

 

Saludos

[c.echeverriamatte]

estimado , muchas gracias por intentar ayudarme , he hecho los cambios que me dijiste y he tratado de artas maneras pero sigo sin poder resolver el problema ,

de igual forma muchas gracias por intentarlo , se te ocurre que puedo estar haciendo mal?

[c.echeverriamatte]

{if !isset($content_only) || !$content_only}
                    </div><!-- #center_column -->
                    {if isset($right_column_size) && !empty($right_column_size)}
                        <div id="right_column" class="col-xs-12 col-sm-{$right_column_size|intval} column">{$HOOK_RIGHT_COLUMN}</div>
                    {/if}
                    </div><!-- .row -->
                    </div>
                </div><!-- #columns -->
            </div><!-- .columns-container -->
            {if isset($HOOK_FOOTER)}
                <!-- Footer -->
                <div class="footer-container">
                    <footer id="footer"  class="container">
                        <div class="row">{$HOOK_FOOTER}</div>
                    </footer>
                </div><!-- #footer -->
            {/if}
        </div><!-- #page -->
{/if}
{include file="$tpl_dir./global.tpl"}
    </body>
</html>

[c.echeverriamatte]

<<div class="container-fluid">
                <div id="columns" class="container">
                    {if $page_name !='index' && $page_name !='pagenotfound'}
                        {include file="$tpl_dir./breadcrumb.tpl"}
                    {/if}
                    <div id="slider_row" class="row">
                        {capture name='displayTopColumn'}{hook h='displayTopColumn'}{/capture}
                        {if $smarty.capture.displayTopColumn}
                            <div id="top_column" class="center_column col-xs-12 col-sm-12">{$smarty.capture.displayTopColumn}</div>
                        {/if}
                    </div>
                    <div class="container">
                    <div class="row">
                        {if isset($left_column_size) && !empty($left_column_size)}
                        <div id="left_column" class="column col-xs-12 col-sm-{$left_column_size|intval}">{$HOOK_LEFT_COLUMN}</div>
                        {/if}
                        {if isset($left_column_size) && isset($right_column_size)}{assign var='cols' value=(12 - $left_column_size - $right_column_size)}{else}{assign var='cols' value=12}{/if}
                        <div id="center_column" class="center_column col-xs-12 col-sm-{$cols|intval}">
    {/if}
 

[omascaros]

Tienes que ponerle el container-fluid tambien al contenedor que contiene el slider. Si te fijas, ahora lo tienes como container, por lo que no crece

<div class="container-fluid">
                <div id="columns" class="container-fluid">
                    {if $page_name !='index' && $page_name !='pagenotfound'}
                        {include file="$tpl_dir./breadcrumb.tpl"}
                    {/if}
                    <div id="slider_row" class="row">
                        {capture name='displayTopColumn'}{hook h='displayTopColumn'}{/capture}
                        {if $smarty.capture.displayTopColumn}
                            <div id="top_column" class="center_column col-xs-12 col-sm-12">{$smarty.capture.displayTopColumn}</div>
                        {/if}
                    </div>
                    <div class="container">
                    <div class="row">

[c.echeverriamatte]

*

* 2007-2015 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-2015 PrestaShop SA

* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)

* International Registered Trademark & Property of PrestaShop SA

*}

{if !isset($content_only) || !$content_only}

</div><!-- #center_column -->

{if isset($right_column_size) && !empty($right_column_size)}

<div id="right_column" class="col-xs-12 col-sm-{$right_column_size|intval} column">{$HOOK_RIGHT_COLUMN}</div>

{/if}

</div><!-- .row -->

</div>

</div><!-- #columns -->

</div><!-- .columns-container -->

{if isset($HOOK_FOOTER)}

<!-- Footer -->

<div class="footer-container">

<footer id="footer" class="container">

<div class="row">{$HOOK_FOOTER}</div>

</footer>

</div><!-- #footer -->

{/if}

</div><!-- #page -->

{/if}

{include file="$tpl_dir./global.tpl"}

</body>

</html>

 

[c.echeverriamatte]

        <div id="page">
            <div class="header-container">
                <header id="header">
                    {capture name='displayBanner'}{hook h='displayBanner'}{/capture}
                    {if $smarty.capture.displayBanner}
                        <div class="banner">
                            <div class="container">
                                <div class="row">
                                    {$smarty.capture.displayBanner}
                                </div>
                            </div>
                        </div>
                    {/if}
                    {capture name='displayNav'}{hook h='displayNav'}{/capture}
                    {if $smarty.capture.displayNav}
                        <div class="nav">
                            <div class="container">
                                <div class="row">
                                    <nav>{$smarty.capture.displayNav}</nav>
                                </div>
                            </div>
                        </div>
                    {/if}
                    <div>
                        <div class="container">
                            <div class="row">
                                <div id="header_logo">
                                    <a href="{if isset($force_ssl) && $force_ssl}{$base_dir_ssl}{else}{$base_dir}{/if}" title="{$shop_name|escape:'html':'UTF-8'}">
                                        <img class="logo img-responsive" src="{$logo_url}" alt="{$shop_name|escape:'html':'UTF-8'}"{if isset($logo_image_width) && $logo_image_width} width="{$logo_image_width}"{/if}{if isset($logo_image_height) && $logo_image_height} height="{$logo_image_height}"{/if}/>
                                    </a>
                                </div>
                                {if isset($HOOK_TOP)}{$HOOK_TOP}{/if}
                            </div>
                        </div>
                    </div>
                </header>
            </div>
            <<div class="container-fluid">
                <div id="columns" class="container-fluid">
                    {if $page_name !='index' && $page_name !='pagenotfound'}
                        {include file="$tpl_dir./breadcrumb.tpl"}
                    {/if}
                    <div id="slider_row" class="row">
                        {capture name='displayTopColumn'}{hook h='displayTopColumn'}{/capture}
                        {if $smarty.capture.displayTopColumn}
                            <div id="top_column" class="center_column col-xs-12 col-sm-12">{$smarty.capture.displayTopColumn}</div>
                        {/if}
                    </div>
                    <div class="container">
                    <div class="row">
                        {if isset($left_column_size) && !empty($left_column_size)}
                        <div id="left_column" class="column col-xs-12 col-sm-{$left_column_size|intval}">{$HOOK_LEFT_COLUMN}</div>
                        {/if}
                        {if isset($left_column_size) && isset($right_column_size)}{assign var='cols' value=(12 - $left_column_size - $right_column_size)}{else}{assign var='cols' value=12}{/if}
                        <div id="center_column" class="center_column col-xs-12 col-sm-{$cols|intval}">
    {/if}