Автор Тема: Помогите победить footer -скрин есть  (Прочитано 616 раз)

09 Июль 2015, 14:05:41
  • Пользователь
  • **
  • Сообщений: 51
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Никак не могу сообразить как двигать в колонках и вообще зачем они нужны?
хочу под виджеты по центру сделать "Copyright ©" ...он у меня в строчке скачет вместе  с ними. Добрые люди,объясните подробно ...
09 Июль 2015, 14:14:29
Ответ #1
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 33325
  • Репутация: +26771/-0
    • Просмотр профиля
Передвигать блоки в футере можно в Панель управления > Модули > Расположение блоков. В секции "displayFooter".

Поменять место блока Copyright.
В шаблоне /themes/default-bootstrap/modules/blockcms/blockcms.tpl найти код
{if $display_poweredby}
<section class="bottom-footer col-xs-12">
<div>
&copy; 2014 {l s='[1]Ecommerce software by %s[/1]' mod='blockcms' sprintf=['PrestaShop™'] tags=['<a class="_blank" href="http://www.prestashop.com">']}
</div>
</section>
{/if}

В файле /themes/default-bootstrap/css/global.css заменить стили у класса bottom-footer этого блока  или добавить свои.
09 Июль 2015, 14:27:04
Ответ #2
  • Пользователь
  • **
  • Сообщений: 51
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Передвигать блоки в футере можно в Панель управления > Модули > Расположение блоков. В секции "displayFooter".

Поменять место блока Copyright.
В шаблоне /themes/default-bootstrap/modules/blockcms/blockcms.tpl найти код
{if $display_poweredby}
<section class="bottom-footer col-xs-12">
<div>
&copy; 2014 {l s='[1]Ecommerce software by %s[/1]' mod='blockcms' sprintf=['PrestaShop™'] tags=['<a class="_blank" href="http://www.prestashop.com">']}
</div>
</section>
{/if}

В файле /themes/default-bootstrap/css/global.css заменить стили у класса bottom-footer этого блока  или добавить свои.


Коды Виджетов и Copyright прописаны в footer.tpl  в блоках они отдельных не состоят
09 Июль 2015, 15:16:41
Ответ #3
  • Ветеран
  • *****
  • Сообщений: 16667
  • Репутация: +14630/-5
  • Сообщество PrestaShop
    • Просмотр профиля
Отредактируйте footer.tpl. Смените стили у этих элементов. Чтобы блок был во всю ширину, назначте ему класс 
class="col-xs-12 col-sm-12 col-md-12 col-lg-12"
09 Июль 2015, 15:25:48
Ответ #4
  • Ветеран
  • *****
  • Сообщений: 3419
  • Репутация: +79/-6
  • Сообщество PrestaShop
    • Просмотр профиля
В шаблоне footer.tpl вынеси копирайт и виджеты в отдельный div.
<!-- Footer -->
<div class="footer-container">
<footer id="footer"  class="container">
<div class="row">{$HOOK_FOOTER}</div>
                <div class="row">
                        <!-- вот тут из добавляй -->
                </div>
</footer>
</div><!-- #footer -->
09 Июль 2015, 16:04:15
Ответ #5
  • Пользователь
  • **
  • Сообщений: 51
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
В шаблоне footer.tpl вынеси копирайт и виджеты в отдельный div.
<!-- Footer -->
<div class="footer-container">
<footer id="footer"  class="container">
<div class="row">{$HOOK_FOOTER}</div>
                <div class="row">
                        <!-- вот тут из добавляй -->
                </div>
</footer>
</div><!-- #footer -->



не выходит (
все виджеты стоят в кавычках :

<div class="counter">
{literal}  ..... {/literal} </div>

шапка футера:

{if !$content_only}
</div>

<!-- Right -->
{if isset($HOOK_RIGHT_COLUMN) && (str_replace(" ","",$HOOK_RIGHT_COLUMN)) !=''}{assign var='RightColumn' value=3}{/if}
            {if isset($RightColumn) && $RightColumn !=0}
<div id="right_column" class="col-xs-12 col-sm-1 column">
{$HOOK_RIGHT_COLUMN}
</div>
            {/if}
</div>
            </div>
</div>
<!-- Footer -->
<div class="page_wrapper_3 clearfix">
                <footer id="footer" class="container">
                <div class="row modules">
                    {$HOOK_FOOTER}

                </div>
09 Июль 2015, 19:25:12
Ответ #6
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 86688
  • Репутация: +25428/-0
  • Сообщество PrestaShop
    • Просмотр профиля
<footer id="footer" class="container">
        <div class="row modules">
                {$HOOK_FOOTER}
        </div>
        <div class="counter">{literal}  ..counter 1... {/literal}</div>
        <div class="counter">{literal}  ..counter 2... {/literal}</div>
        <div class="copyrightr">Copyright ©</div>
</footer>
09 Июль 2015, 20:09:47
Ответ #7
  • Пользователь
  • **
  • Сообщений: 51
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
<footer id="footer" class="container">
        <div class="row modules">
                {$HOOK_FOOTER}
        </div>
        <div class="counter">{literal}  ..counter 1... {/literal}</div>
        <div class="counter">{literal}  ..counter 2... {/literal}</div>
        <div class="copyrightr">Copyright ©</div>
</footer>


<div class="page_wrapper_3 clearfix">  -этот код оставил (фон футера), а как Copyright © опустить под виджеты теперь? Скрин ..
09 Июль 2015, 21:44:36
Ответ #8
  • Пользователь
  • **
  • Сообщений: 51
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
<br><br><br> поставил, вниз опустил, но выровнялось по левому краю, по центру теперь не получается (
09 Июль 2015, 23:15:03
Ответ #9
  • Ветеран
  • *****
  • Сообщений: 1807
  • Репутация: +49/-1
  • Сообщество PrestaShop
    • Просмотр профиля
В стили этого элемента добавьте правила
clear: both;
margin-top:20px;
text-align: center;
10 Июль 2015, 09:42:44
Ответ #10
  • Пользователь
  • **
  • Сообщений: 51
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
В стили этого элемента добавьте правила
clear: both;
margin-top:20px;
text-align: center;


Понял, буду делать. Всем спасибо за отзывчивость и "живой" форум!