Изменение ширины блоков после шаблона

[bioray]

Привет всем. Есть вопрос по поводу стандартного шаблона.
Сделал вот такой вид в макете. Поделил верхнюю часть страницы на 2 части, на слайдер и блок ВК. Все что снизу теперь ссузилось и стало шириной со слайдер. Как растянуть область ниже слайдера на всю ширину?
Залез в home.tpl, там нет html, только php. 

<?php echo $header; ?> 
<div class="container"> 
<div class="row"><?php echo $column_left; ?> 
<?php if ($column_left && $column_right) { ?> 
<?php $class = 'col-sm-6'; ?> 
<?php } elseif ($column_left || $column_right) { ?> 
<?php $class = 'col-sm-9'; ?> 
<?php } else { ?> 
<?php $class = 'col-sm-12'; ?> 
<?php } ?> 
<div id="content" class="<?php echo $class; ?>"><?php echo $content_top; ?><?php echo $content_bottom; ?></div> 
<?php echo $column_right; ?></div> 
</div> 
<?php echo $footer; ?>

[Gann]

Только что, bioray сказал:

Привет всем. Есть вопрос по поводу стандартного шаблона.
Сделал вот такой вид в макете. Поделил верхнюю часть страницы на 2 части, на слайдер и блок ВК. Все что снизу теперь ссузилось и стало шириной со слайдер. Как растянуть область ниже слайдера на всю ширину?
Залез в home.tpl, там нет html, только php. 

<?php echo $header; ?> 
<div class="container"> 
<div class="row"><?php echo $column_left; ?> 
<?php if ($column_left && $column_right) { ?> 
<?php $class = 'col-sm-6'; ?> 
<?php } elseif ($column_left || $column_right) { ?> 
<?php $class = 'col-sm-9'; ?> 
<?php } else { ?> 
<?php $class = 'col-sm-12'; ?> 
<?php } ?> 
<div id="content" class="<?php echo $class; ?>"><?php echo $content_top; ?><?php echo $content_bottom; ?></div> 
<?php echo $column_right; ?></div> 
</div> 
<?php echo $footer; ?>

 

привет

 

вместо

<div id="content" class="<?php echo $class; ?>"><?php echo $content_top; ?><?php echo $content_bottom; ?></div> 
<?php echo $column_right; ?></div>

указать

<div id="content" class="<?php echo $class; ?>"><?php echo $content_top; ?></div><?php echo $column_right; ?></div>
<div class="clearfix"></div>
<div class="row">
<div class="container"><?php echo $content_bottom; ?></div>
</div>

но тогда модули нужно будет указывать в "Внизу страницы". И они будут отделены clearfix. Любой добавленный модуль в "Внизу страницы" будет на всю ширину. Экспериментируйте. в общем.

 

Можно задать новое расположение. Не оч просто, но можно использовать модуль. Что-то вроде "свой шаблон для страниц"

[bioray]

 

 

36 minutes ago, Gann said:

36 minutes ago, Gann said:

привет

 

вместо

<div id="content" class="<?php echo $class; ?>"><?php echo $content_top; ?><?php echo $content_bottom; ?></div> 
<?php echo $column_right; ?></div>

указать

<div id="content" class="<?php echo $class; ?>"><?php echo $content_top; ?></div><?php echo $column_right; ?></div>
<div class="clearfix"></div>
<div class="row">
<div class="container"><?php echo $content_bottom; ?></div>
</div>

но тогда модули нужно будет указывать в "Внизу страницы". И они будут отделены clearfix. Любой добавленный модуль в "Внизу страницы" будет на всю ширину. Экспериментируйте. в общем.

 

Можно задать новое расположение. Не оч просто, но можно использовать модуль. Что-то вроде "свой шаблон для страниц"

 

 

 

Спасибо!
Тогда появляется небольшая проблема - пустое пространство. Его можно поправить с помощью css, уменьшив min-height. Если сделать так, не отразится ли это на других страницах сайта?

#content {
    min-height: 600px;
}

 

[Gann]

Только что, bioray сказал:

Спасибо!
Тогда появляется небольшая проблема - пустое пространство. Его можно поправить с помощью css, уменьшив min-height. Если сделать так, не отразится ли это на других страницах сайта?

#content {
    min-height: 600px;
}

 

пожалуйста!

отразится, но

можно ведь указать id="content" class="content-home <?php echo $class; ?>"

и

.content-home{
min-height:400px!important;
}

пробуйте

 

 

[bioray]

 

13 minutes ago, Gann said:

пожалуйста!

отразится, но

можно ведь указать не просто id="content",  а id="content content-home"

и

#content-home{
min-height:400px!important;
}

можно много чего придумать

 

 

 

А куда этот стиль нужно будет указать?

Змінено 10 лютого 2018 користувачем bioray

[Gann]

Только что, bioray сказал:

 

 

А куда этот стиль нужно будет указать?

Вы посмотрите моё сообщение. Я сначала не верно указал - вместо класса, я указал ID. ID - должен быть только 1 у элемента.

.content-home{
min-height:400px!important;
}

указать в файле /catalog/view/theme/default/stylesheet/stylesheet.css