Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

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


Recommended Posts

Привет всем. Есть вопрос по поводу стандартного шаблона.
Сделал вот такой вид в макете. Поделил верхнюю часть страницы на 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; ?>

RaS6lLqqPyU.jpgd8ZH2AQa5G4.jpg

Link to post
Share on other sites

Только что, 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. Любой добавленный модуль в "Внизу страницы" будет на всю ширину. Экспериментируйте. в общем.

 

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

Link to post
Share on other sites

 

 

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;
}

 

Link to post
Share on other sites

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

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


#content {
    min-height: 600px;
}

 

пожалуйста!

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

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

и

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

пробуйте

 

 

Link to post
Share on other sites

 

13 minutes ago, Gann said:

пожалуйста!

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

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

и


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

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

 

 

 

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

Edited by bioray
Link to post
Share on other sites

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

 

 

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

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

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

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

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.