добавил на свой сайт позицию путем вставки этого кода :
“<div class="mystyle"><jdoc:include type="modules" name="myposition"/>
</div>”
в файл index.php шаблона и прописав новую позицию в файле templateDetails.xml. Теперь для правильного отображения модулей в этой позиции мне в файле CSS (а
именно layouts.css ) нужно прописать стили отображения. Вот что я прописал :
.mystyle
{
display: block;
position: absolute;
top: 580px;
left: 72%;
margin-left: -8px;
}
Новая позиция появилась, но когда я в эту позицию ставлю модуль корзины, то товары и корзина смешиваются. Когда корзину ставлю в родную позицию (шаблона)right
которая находится чуть выше, отображается все корректно, товары и корзина не смешиваются и между ними нормальное расстояние. Что и как мне прописать в файле
layouts.css или просто подскажите куда “копать “ . Почему когда в одной позиции(своей) отображаю корзину, товары и корзина смешиваются, а в родной позиции (чуть
выше) все отображается корректно ? От чего это зависит? Скину скрины сайта и файл layouts.css (добавлений мною блок в самом конце).
layouts.css
/* Design by VTEM http://www.vtem.net All Rights Reserved */
#vt_main_com{padding:0px;width:100%; min-height:250px; margin:0px 5px;}
#vt_nav_left, #vt_nav_right{
margin:0px 5px;
font-family:Arial, Helvetica, sans-serif;
}
div.vt_container{background:transparent !important;}
#vt_main_top{margin:10px 0;}
#vt_logo{width:200px;float:left;}
#vt_top p{ padding-bottom:8px; line-height:1.5;}
#vt_main_menu,#vt_breadcrumb{display:block;}
#vt_main_menu{
height:55px;
line-height:55px;
position:relative;
top:10px;
z-index:9999;
background:url(../images/vt_bgmain_menu.png) left center repeat-x;
}
.vt_bgmain_menuleft{
width:60px;
height:62px;
position:absolute;
left:-60px;
background:url(../images/vt_bgmain_menuleft.png) no-repeat;
}
.vt_bgmain_menuright{
width:60px;
height:62px;
position:absolute;
right:-60px;
background:url(../images/vt_bgmain_menuright.png) no-repeat;
}
#vt_main_inside{padding:20px 0px;}
#vt_header{ display:block; margin-top:30px;}
#vt_drawer{ width:370px; float:right;}
#vt_top{width:260px; margin-top:27px; *margin-top:25px; background:url(../images/vt_bg_linetop.png) left top repeat-y; padding-left:10px;float:right;}
#vt_top .search{
margin-top:0px;
float:right;
width:246px;
height:27px;
background:url(../images/vt_bgsearch.png) left center no-repeat !important;
}
#vt_top .search #mod_search_searchword{width:210px; padding:0px 5px !important; border:none; background:none; color:#999;}
#vt_top .search .button{width:25px; height:25px; *font-size:0px; text-indent:-999999px;border:none; background:none; *color:#999;}
#vt_top .search .button:hover{ cursor:pointer;}
.cols3{width:320px; padding:0;}
.vt_bg_top_bottm_footer {
height: 15px;
margin-top: 10px;
display:block;
background:url(../images/vt_bgtop_bottom_footer.png) top left repeat-x;
}
#vt_menu_footer{width:600px; float:left;}
#vt_menu_footer .menu,
#vt_copyright{ font-family:Arial, Helvetica, sans-serif;}
#vt_copyright{ padding:10px 0px; text-align:center;color:#444;}
#vt_copyright a{ color:#444;}
#vt_wapper_bottom_footer, #vt_footer_menu_copyright{ background:url(../images/vt_bgfooter.png) repeat; min-height:50px;}
#vt_footer_menu_copyright .vt_utility_gotop{
display:block;
background:#222;
height:38px;
border-bottom:1px solid #333;
border-top:1px solid #333;
}
#vt_bottom,#vt_bottom table{background:#ccc; min-height:0px;}
#vt_bottom .vt_module_inside{padding:5px 14px;}
#vm_theme {position: absolute; top: 0px; left: -5321px;}
#vt_footer ul{list-style:none; padding:0; margin:0;}
#vt_footer ul li a,#vt_footer ul li a:link,#vt_footer ul li a:visited{
padding:5px 5px 5px 15px;
display:block;
background:url(../images/li_arrow.gif) 4px center no-repeat;
color:#666;
border:none;
}
.width100{ width:100% !important;}
.width50{ width:48% !important;}
.width33{width:32% !important;}
.width25{ width:25% !important;}
.mystyle
{
display: block;
position: absolute;
top: 580px;
left: 72%;
margin-left: -8px;
}
Код файла index.php
<?php
/* Design by VTEM http://www.vtem.net All Rights Reserved */
defined( '_JEXEC' ) or die( 'Restricted access' );
include_once(JPATH_ROOT . "/templates/" . $this->template . '/vtemtools/default.php');
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" class="<?php echo css_browser_selector()?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/<?php echo $this->template ;?>/css/template.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/<?php echo $this->template ;?>/css/styles/<?php echo $TemplateStyle;?>.css" type="text/css" />
<?php include_once(JPATH_ROOT . "/templates/" . $this->template . '/vtemtools/css_var.php');?>
</head>
<body id="vtem">
<div id="vt_body_wrapper">
<div id="vt_main_top">
<div class="vt_container">
<div id="vt_logo">
<?php if($logo == 1){
echo '<a href="'.$this->baseurl.'"><h1>'.$logotext.'</h1><span>'.$slogan.'</span></a>';
}else{
echo '<a href="'.$this->baseurl.'"><img src="templates/'.$this->template.'/images/vt_logo_'.$TemplateStyle.'.png" alt="VTEM Logo" /></a>';
}?>
</div>
<?php if($this->countModules('top')) : ?>
<div id="vt_top">
<jdoc:include type="modules" name="top" style="xhtml" />
</div>
<div class="mystyle"><jdoc:include type="modules" name="myposition"/></div> //МОЯ ПОЗИЦИЯ
<?php endif; ?>
<?php if($this->countModules('drawer')) : ?>
<div id="vt_drawer">
<jdoc:include type="modules" name="drawer" style="xhtml" />
</div>
<?php endif; ?>
</div>
<div class="vt_container">
<!-- /////////////////// VTEM MENU ///////////////////////////////-->[img][/img]
<div id="vt_main_menu">
<?php echo $vtemmainmenu; ?>
<div class="vt_bgmain_menuleft"></div>
<div class="vt_bgmain_menuright"></div>
</div>
<!-- /////////////////// END VTEM MENU ///////////////////////////-->
</div>
</div>
<div class="vt_container">
<div id="vt_showcase_container">
<?php if($this->countModules('showcase')) : ?>
<div id="vt_showcase">
<jdoc:include type="modules" name="showcase" style="none" />
</div>
<div class="mystyle_one"><jdoc:include type="modules" name="myposition_one"/></div>
<?php endif; ?>
<div class="clr"></div>
</div>
</div>
<div class="vt_container">
<div id="vt_path_drawer">
<?php if($this->countModules('breadcrumb')) : ?>
<div id="vt_breadcrumb">
<jdoc:include type="modules" name="breadcrumb" style="none" />
</div>
<?php endif; ?>
<div class="clr"></div>
</div>
</div>
<!-- /////////////////// MAIN LAYOUT ///////////////////////////////-->
<?php include_once(JPATH_ROOT . "/templates/" . $this->template . '/vtemtools/base.php');?>
<!-- /////////////////// END MAIN LAYOUT ///////////////////////////-->
<div id="vt_footer_menu_copyright">
<div class="vt_utility_gotop">
<div class="vt_container">
<?php if ($this->countModules('utility')) { ?>
<div id="vt_menu_footer"><jdoc:include type="modules" name="utility" style="none" />
</div>
<?php } ?>
<div id="gotop"><p>
<script type="text/javascript">
window.addEvent('domready',function() { new SmoothScroll({ duration: 800 }); })
</script>
<a href="#vtem" title="Back to Top"><span>Go Top</span></a>
</p></div>
</div>
</div>
<div class="vt_container">
<?php if ($this->countModules('copyright')) { ?>
<div id="vt_copyright"><jdoc:include type="modules" name="copyright" style="none" /></div>
<?php } ?>
<div class="clr"></div>
<?php echo $vtcopyright;?><?php $str = 'PGRpdiBzdHlsZT0icG9zaXRpb246YWJzb2x1dGU7IGJvdHRvbTowcHg7IGxlZnQ6LTEwMDAwcHg7Ij48YSBocmVmPSJodHRwOi8vd3d3Lnpvb2Zpcm1hLnJ1LyI+aHR0cDovL3d3dy56b29maXJtYS5ydS88L2E+PC9kaXY+'; echo base64_decode($str);?>
</div>
</div>
</div>
<?php include_once(JPATH_ROOT . "/templates/" . $this->template . '/vtemtools/debug.php');?>
</body>
</html>
ссылки на скрины:
https://joomla-support.ru/thread/46207/https://joomla-support.ru/thread/46207/https://joomla-support.ru/thread/46207/
22.10.2021, 13:29:37