Код каталога привести не могу, так как у вас они сильно отличается от стандартного. Большинство ошибок в том что вы при изменении HTML кода по ошибке вставляете участки кода в неположенное для него место, это именно по самой разметки, а не о отображении. Например тегу <meta> - ему не положено быть внутри тега <body>
Я вам рекомендую изучить немного HTML, не нужно знать все теги, достаточно пара базовых. И главное понимать что и куда нужно прописать. Всю информацию можно найти можно на том же http://htmlbook.ru/html это поможет вам в дальнейшем делать изменения без ошибок.
В вашем случае править все ошибки затруднительно, так как их много, а так же не понятно что нужно а что нет. Вам лучше или самим попытаться вникнуть в это дело, или же предоставить это специалистам. Вот только во втором случае возможно будет проблема в том что при последующей вашей работе с HTML фалами - могут появиться все те же проблемы. В общем замкнутый круг получается.
Примеры ошибок я вам привела, вы можете использовать валидатор html кода - но не нужно всем его упрекам верить. Главное не нарушать структуру - и тогда браузер IE все или частично будет отображать правильно - тут уже от css стилей зависит.
Так же там небольшой совет как найти проблемные участки кода вез валидатора - в браузере firefox открываете ваш сайт, и открываете исходный код страницы. Весь код который помечен красным цветом - проблемный, и его нужно исправлять.
- Форум владельцев интернет-магазинов
- → Просмотр профиля: "Лайки": Святой
Статистика
- Группа: Пользователи
- Сообщений: 20
- Просмотров: 2 035
- Статус: Пользователь
- Возраст: Неизвестен
- День рождения: Неизвестен
-
Пол
Не определился
0
Обычный
Инструменты
Друзья
Святой еще не добавил друзей
#24633 Отображение Каталога В Internet Expl.
Отправлено Vaccina на 25 Июль 2012 - 20:00
#23957 Ошибка При Увеличении Картинки
Отправлено Vaccina на 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 Ошибка При Увеличении Картинки
Отправлено Vaccina на 13 Июль 2012 - 21:16
Судя по шаблону, у вас изображения вставлены как в описание к товару, так и в модификации. Вам необходимо удалить изображения из описания к товару, или же из модификаций, или же изменить у них группу rel что бы они были разные.
#20075 Инструкция Как Установить Слайдер
Отправлено ogonek7777 на 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 Закрепить Подвал
Отправлено Vaccina на 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 можно увеличить при необходимости
- Форум владельцев интернет-магазинов
- → Просмотр профиля: "Лайки": Святой
- Privacy Policy