Публикации
Не определился
Код каталога привести не могу, так как у вас они сильно отличается от стандартного. Большинство ошибок в том что вы при изменении HTML кода по ошибке вставляете участки кода в неположенное для него место, это именно по самой разметки, а не о отображении. Например тегу <meta> - ему не положено быть внутри тега <body>
Я вам рекомендую изучить немного HTML, не нужно знать все теги, достаточно пара базовых. И главное понимать что и куда нужно прописать. Всю информацию можно найти можно на том же http://htmlbook.ru/html это поможет вам в дальнейшем делать изменения без ошибок.
В вашем случае править все ошибки затруднительно, так как их много, а так же не понятно что нужно а что нет. Вам лучше или самим попытаться вникнуть в это дело, или же предоставить это специалистам. Вот только во втором случае возможно будет проблема в том что при последующей вашей работе с HTML фалами - могут появиться все те же проблемы. В общем замкнутый круг получается.
Примеры ошибок я вам привела, вы можете использовать валидатор html кода - но не нужно всем его упрекам верить. Главное не нарушать структуру - и тогда браузер IE все или частично будет отображать правильно - тут уже от css стилей зависит.
Так же там небольшой совет как найти проблемные участки кода вез валидатора - в браузере firefox открываете ваш сайт, и открываете исходный код страницы. Весь код который помечен красным цветом - проблемный, и его нужно исправлять.
#24633 Отображение Каталога В Internet Expl.
Отправлено
на 25 Июль 2012 - 20:00
#23957 Ошибка При Увеличении Картинки
Отправлено
на 12 Июль 2012 - 22:10
В данный момент у вас происходит все правильно. Изображения товаров относятся к другой галереи, а изображения обивки в другой. Вопрос в том - почему изображения обивки у вас дублируются. Понять это можно с помощью исходного кода страницы. У вас получается дубликат изображений. Один дубликат находиться в скрытом блоке <td class="goodsDataMainModificationsBlock" colspan="2" style="display:none;"> т.е все 17 изображений. Плюс все эти же 17 изображений находятся и в блоке <td class="goodsDataMainModificationsDescriptionBlock" colspan="2">
т.е получатся на одной странице у вас 34 изображения, а отображаются только 17, и у всех них одни и тот же rel. Тем самым они относятся к одной галереи. Проверьте правильность в шаблоне "Товар", вам необходимо удалить дубликаты, а именно дубликаты в блоке <td class="goodsDataMainModificationsBlock" colspan="2" style="display:none;">. Если устранить данную проблему не получиться, приложите в данной теме ваш полный шаблон "Товар".
т.е получатся на одной странице у вас 34 изображения, а отображаются только 17, и у всех них одни и тот же rel. Тем самым они относятся к одной галереи. Проверьте правильность в шаблоне "Товар", вам необходимо удалить дубликаты, а именно дубликаты в блоке <td class="goodsDataMainModificationsBlock" colspan="2" style="display:none;">. Если устранить данную проблему не получиться, приложите в данной теме ваш полный шаблон "Товар".
#23988 Ошибка При Увеличении Картинки
Отправлено
на 13 Июль 2012 - 21:16
Судя по шаблону, у вас изображения вставлены как в описание к товару, так и в модификации. Вам необходимо удалить изображения из описания к товару, или же из модификаций, или же изменить у них группу rel что бы они были разные.
#20075 Инструкция Как Установить Слайдер
Отправлено
на 26 Апрель 2012 - 15:38
Мне слайдер достался малой кровью, чему я благодарна ЯрЕс и Vaccina (большое вам спасибо!)
Для всех новичков предлагаю готовый вариант установки слайдера
1. Открываем Редактор тем - HTML, после кода
2. Вставьте в самом вверху
3. Создайте картинки 576*300 пикселов. Загрузите в Редактор тем - внизу загрузка файлов. Подставьте их вместо слов кода КАРТИНКА, и пропишите необходимые ссылки на ваши страницы вместо слов ССЫЛКА.
4. Заключительное, перенесите всю информацию на свой сайт:
сохраните картинки в разделе Редактор тем - внизу Файлы:
http://img.storeland...7/slide_bg1.png
http://img.storeland.../28867/next.png
http://img.storeland...67/previous.png
Здесь желательно заменить данные картинки на свои, оригинальные, кнопки и подложку, сменить цвет, размер и т.д. Теперь новые ссылки пропишите вместо предыдущих в код.
Теперь можно поиграть цифрами, подогнать размеры. Также можно переместить прокрутку в другое место, раздвинуть на оба края.
П.С. Часть кода я меняла по ходу, возможны ошибки. Сама чайник.
П.П.С. Чтобы ляпов не было видно, лично я большой блок выставила в страницу Поиск, а не ХТМЛ, пока настраиваю, это не портит дизайн сайта.
Для всех новичков предлагаю готовый вариант установки слайдера
1. Открываем Редактор тем - HTML, после кода
<td id="primaryContent">ставите следующий кусок:
<style type="text/css">
#slidebackgr
{
width:610px; <!---Это можно менять-->
height:345px; <!---Это можно менять-->
margin-top:10px; <!---Это можно менять-->
padding:0;
position:relative;
background-image: url([url="http://img.storeland.ru/web/upload/assets/images/29/28867/slide_bg1.png"]http://img.storeland...7/slide_bg1.png[/url]); <!---Это меняем-->
}
#slideshow
#slideshowWindow {
width:576px; <!---Это можно менять-->
height:300px; <!---Это можно менять-->
padding:0;
position:relative;
margin-left:17px;
margin-right:17px;
margin-bottom:10px;
overflow:hidden;
}
#slideshow h2
{
font-weight: normal;
color: #FFFFFF;
font-size: 2.1666em;
line-height: 1.1538em;
margin: 0.7692em 0 0.3846em 0
;
}
#slideshow #slideshowWindow .slide
{
padding:0;
width:576px;
height:300px;
position:relative;
margin-top:20px;
overflow:hidden;
}
#slideshow #slideshowWindow .slide .slideText
{
position:absolute;
top:0px;
left:0px;
width:162px;
height:300px;
background-repeat:repeat;
margin:0;
padding:0 10px 0 0;
color:#ffffff;
font-family:Myriad Pro, Arial, Helvetica, sans-serif;
}
#slideshow #slideshowWindow .slide .slideText a:link,
#slideshow #slideshowWindow .slide .slideText a:visited
{
color:#ffffff;
text-decoration:none;
}
.slideLink {color:#ffffff;
text-decoration:underline;
}
#slideshow #slideshowWindow
.slide .slideText h2, #slideshow #slideshowWindow .slide .slideText p
{
margin:10px 0 0 10px;
padding:0;
}
/*Navigation*/ .nav {
display:block;
text-indent:-10000px;
position:absolute;
cursor:pointer; } #leftNav {
top:260px; left:500px; <!---Это можно менять-->
width:94px; height:36px; <!---Это можно менять-->
background-image:url([url="http://img.storeland.ru/web/upload/assets/images/29/28867/previous.png"]http://img.storeland...67/previous.png[/url]); <!---Это меняем-->
background-repeat:no-repeat;
z-index:999; }
#rightNav {
top:260px; <!---Это можно менять-->
left:550px;<!---Это можно менять-->
width:53px;
height:36px;
background-image:url([url="http://img.storeland.ru/web/upload/assets/images/29/28867/next.png"]http://img.storeland.../28867/next.png[/url]); <!---Это меняем-->
background-repeat:no-repeat;
z-index:999; }
</style>
<script type="text/javascript">
$(document).ready(function() {
var currentPosition = 0;
var slideWidth = 576;
var slides = $('.slide');
var numberOfSlides = slides.length;
var slideShowInterval;
var speed = 9000; <!---Кажется это скорость прокрутки. Это можно менять-->
//Assign a timer, so it will run periodically
slideShowInterval = setInterval(changePosition, speed);
slides.wrapAll('<div id="slidesHolder"></div>')
slides.css({ 'float' : 'left' });
//set #slidesHolder width equal to the total width of all the slides
$('#slidesHolder').css('width', slideWidth * numberOfSlides);
$('#slideshow')
.prepend('<span class="nav" id="leftNav">Move Left</span>')
.append('<span class="nav" id="rightNav">Move Right</span>');
manageNav(currentPosition);
//tell the buttons what to do when clicked
$('.nav').bind('click', function() {
//determine new position
currentPosition = ($(this).attr('id')=='rightNav')
? currentPosition+1 : currentPosition-1;
//hide/show controls
manageNav(currentPosition);
clearInterval(slideShowInterval);
slideShowInterval = setInterval(changePosition, speed);
moveSlide();
});
function manageNav(position) {
//hide left arrow if position is first slide
if(position==0){ $('#leftNav').hide() }
else { $('#leftNav').show() }
//hide right arrow is slide position is last slide
if(position==numberOfSlides-1){ $('#rightNav').hide() }
else { $('#rightNav').show() } }
//changePosition: this is called when the slide is moved by the timer and NOT when the next or previous buttons are clicked
function changePosition() {
if(currentPosition == numberOfSlides - 1) {
currentPosition = 0;
manageNav(currentPosition);
} else {
currentPosition++;
manageNav(currentPosition);
} moveSlide();
}
//moveSlide: this function moves the slide
function moveSlide() {
$('#slidesHolder').animate({'marginLeft' : slideWidth*(-currentPosition)});
} }); </script>
<div id="slidebackgr">
<div id="slideshow">
<div id="slideshowWindow">
<div class="slide">
<a href="http:ссылка">
<img src="http://КАРТИНКА1.jpg" /> <!---Это меняем-->
</div>
<div class="slide">
<a href="http://ссылка">
<img src="http://КАРТИНКА2.jpg" /> <!---Это меняем-->
</div>
<div class="slide">
<a href="http://ссылка">
<img src="http://КАРТИНКА3.jpg" /><!---Это меняем-->
</div>
</div> </div> </div> </div> 2. Вставьте в самом вверху
<script type="text/javascript" src="{FORALL_JS_PATH}jquery-1.4.2_nyroModal-1.6.2_validate_capslock_jquery-ui-1.8.4.custom.min.js"></script> в начале страницы, там где прописаны скрипты.3. Создайте картинки 576*300 пикселов. Загрузите в Редактор тем - внизу загрузка файлов. Подставьте их вместо слов кода КАРТИНКА, и пропишите необходимые ссылки на ваши страницы вместо слов ССЫЛКА.
4. Заключительное, перенесите всю информацию на свой сайт:
сохраните картинки в разделе Редактор тем - внизу Файлы:
http://img.storeland...7/slide_bg1.png
http://img.storeland.../28867/next.png
http://img.storeland...67/previous.png
Здесь желательно заменить данные картинки на свои, оригинальные, кнопки и подложку, сменить цвет, размер и т.д. Теперь новые ссылки пропишите вместо предыдущих в код.
Теперь можно поиграть цифрами, подогнать размеры. Также можно переместить прокрутку в другое место, раздвинуть на оба края.
П.С. Часть кода я меняла по ходу, возможны ошибки. Сама чайник.
П.П.С. Чтобы ляпов не было видно, лично я большой блок выставила в страницу Поиск, а не ХТМЛ, пока настраиваю, это не портит дизайн сайта.
#19378 Закрепить Подвал
Отправлено
на 13 Апрель 2012 - 20:55
редактор тем - main.css
#content {
background: #FFFFFF;
margin: 5px auto 0;
width: 960px;
}
заменить на#content {
background: #FFFFFF;
margin: 5px auto 0;
min-height: 400px;
width: 960px;
}
значение 400px можно увеличить при необходимости
