Перенос Новинок, Телефонов И Еще Вопросы
#1
Отправлено 10 Ноябрь 2013 - 21:22
Интересуют не сколько вопросов, а именно:
1) Как перенести телефоны, скайп и т.д. в правый угол и добавить картинку слева от номера телефона?
2) Как перенести новинки и хиты продаж в левую часть, под "каталогом товаров" и "вы смотрели"?
3) Как добавить текст между названием магазина и уже каталогом?
(Все это делается не на главной странице, а в каталоге)
4) Как добавить отзывы (не от соц. сетей) в правой части сайта?
5) Как в способы оплаты добавить (Вариант 1, Вариант 2 и т.д.) И возможно что бы кликая на варианты способов оплаты они открывался с описанием и картинкой?
Спасибо!
#2
Отправлено 11 Ноябрь 2013 - 00:35
Candyover (10 Ноябрь 2013 - 21:22) писал:
Интересуют не сколько вопросов, а именно:
1) Как перенести телефоны, скайп и т.д. в правый угол и добавить картинку слева от номера телефона? переделать.png
2) Как перенести новинки и хиты продаж в левую часть, под "каталогом товаров" и "вы смотрели"? переделать1.png
3) Как добавить текст между названием магазина и уже каталогом? переделать 2.png
(Все это делается не на главной странице, а в каталоге)
4) Как добавить отзывы (не от соц. сетей) в правой части сайта?
5) Как в способы оплаты добавить (Вариант 1, Вариант 2 и т.д.) И возможно что бы кликая на варианты способов оплаты они открывался с описанием и картинкой? переделать.png
Спасибо!
#contactInfo { position:absolute; font-size:1.2em; top: 5px; left: 330px; }измените его на
#contactInfo { position:absolute; font-size:1.2em; top: 5px; right:0; }
далее найдите
#header #title { margin: 0; position: absolute; right: 10px; width: 420px; bottom: 44px; }замените на
#header #title { margin: 0; position: absolute; left: 330px; width: 420px; bottom: 44px; }
2. Новинки и Хиты продаж доступны только на Главной странице сайта, поэтому, даже если Вы их перенесете, на других страницах сайта этого блока не будет
3. У Вас в качестве главной страницы стоит каталог товаров, поэтому несколько проблематично там добавить текст, но можно сделать следующее:
в разделе сайт -> страницы -> создать страницу, где Вы напишите все, что хотели бы видеть на главной странице, оформите ее как Вам нужно. Далее нажимаете кнопку "источник" и копируете все что будет в блоке описание. После этого заходите в шаблон HTML и после
{% IF index_page %}вставляете Ваш скопированный код
4. Про какие отзывы Вы говорите, поподробнее, пожалуйста
5. найдите в шаблоне Товар блок
<div class="goodsDataMainDeliveryItem"> <p> Перевод на счет карты ПриватБанк <br> Почтовый перевод <br> Оплата при получении <br> </p> </div>замените его на
<div class="goodsDataMainDeliveryItem"> <h5 class="goodsDataMainDeliveryItemHeader">Вариант 1: Перевод на счет карты ПриватБанк</h5><br> <h5 class="goodsDataMainDeliveryItemHeader">Вариант 2: Почтовый перевод</h5><br> <h5 class="goodsDataMainDeliveryItemHeader">Вариант 3: Оплата при получении</h5><br> </div>
#3
Отправлено 11 Ноябрь 2013 - 01:29
support 2.0 (11 Ноябрь 2013 - 00:35) писал:
#contactInfo { position:absolute; font-size:1.2em; top: 5px; left: 330px; }измените его на
#contactInfo { position:absolute; font-size:1.2em; top: 5px; right:0; }
далее найдите
#header #title { margin: 0; position: absolute; right: 10px; width: 420px; bottom: 44px; }замените на
#header #title { margin: 0; position: absolute; left: 330px; width: 420px; bottom: 44px; }
2. Новинки и Хиты продаж доступны только на Главной странице сайта, поэтому, даже если Вы их перенесете, на других страницах сайта этого блока не будет
3. У Вас в качестве главной страницы стоит каталог товаров, поэтому несколько проблематично там добавить текст, но можно сделать следующее:
в разделе сайт -> страницы -> создать страницу, где Вы напишите все, что хотели бы видеть на главной странице, оформите ее как Вам нужно. Далее нажимаете кнопку "источник" и копируете все что будет в блоке описание. После этого заходите в шаблон HTML и после
{% IF index_page %}вставляете Ваш скопированный код
4. Про какие отзывы Вы говорите, поподробнее, пожалуйста
5. найдите в шаблоне Товар блок
<div class="goodsDataMainDeliveryItem"> <p> Перевод на счет карты ПриватБанк <br> Почтовый перевод <br> Оплата при получении <br> </p> </div>замените его на
<div class="goodsDataMainDeliveryItem"> <h5 class="goodsDataMainDeliveryItemHeader">Вариант 1: Перевод на счет карты ПриватБанк</h5><br> <h5 class="goodsDataMainDeliveryItemHeader">Вариант 2: Почтовый перевод</h5><br> <h5 class="goodsDataMainDeliveryItemHeader">Вариант 3: Оплата при получении</h5><br> </div>
1) А как добавить картинки возле номеров телефонов?
2) А у меня новинки и хиты высвечиваются в каталоге товаров, только в самом низу, может есть какой либо способ их перенести хоть куда то поближе?
3) Текст добавлен, но он тоже практически в самом низу перед новинками и хитами, тоже хотелось бы его повыше как то
4) Нужно добавить в правую часть сайт ленту отзывов ( примерно как на этом сайте http://xn--e1aaffkpdhl7if.xn--p1ai/ ) просто самые обычные комментарии людей и если можно скажите еще как от вк добавить в правую часть сайта отзывы.
Еще подскажите проблема в том что слайдер начал медленно менять фотографии, как можно его не много ускорить?
Спасибо
#4
Отправлено 11 Ноябрь 2013 - 07:04
Candyover (11 Ноябрь 2013 - 01:29) писал:
2) А у меня новинки и хиты высвечиваются в каталоге товаров, только в самом низу, может есть какой либо способ их перенести хоть куда то поближе? переделать.png
3) Текст добавлен, но он тоже практически в самом низу перед новинками и хитами, тоже хотелось бы его повыше как то переделать.png
4) Нужно добавить в правую часть сайт ленту отзывов ( примерно как на этом сайте http://xn--e1aaffkpdhl7if.xn--p1ai/ ) просто самые обычные комментарии людей и если можно скажите еще как от вк добавить в правую часть сайта отзывы. переделать.png
Еще подскажите проблема в том что слайдер начал медленно менять фотографии, как можно его не много ускорить?
Спасибо
1)
Найдите код в main.css -
.contentTableHeadMainPhone { color: #3399cc; }и замените на -
.contentTableHeadMainPhone { color: #3399cc; background: url('путь до изображения') no-repeat top left; background-size: 14px; }не забудьте указать путь до изображения.
Далее найдите код в шаблона HTML -
<!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <tr> <td class="contentTableHeadMainPhone"> <span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} </td> </tr> {% ENDIF %}и замените на -
<!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <tr> <td class="contentTableHeadMainPhone" style="background:none;"> <span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} </td> </tr> {% ENDIF %}
#5
Отправлено 11 Ноябрь 2013 - 07:22
4) Воспользуйтесь инструкцией - http://forum.storela...__40#entry59241
Виджет комментариев - http://vk.com/develo....php?p=Comments
5) У Вас очень много ошибок в шаблоне HTML
Найдите код -
<style type="text/css"> #slidebackgr { width:610px; <!---Это можно менять--> height:345px; <!---Это можно менять--> margin-top:10px; <!---Это можно менять--> padding:0; position:relative; background-image: url([url="http://kelesia.storeland.net/%D1%81%D0%BA%D0%B8%D0%B4%D0%BA%D0%B81.jpg?9184"]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>в коде Вы некорректно указали путь в строках - 350, 416, 424
Далее найдите код -
<a href="http:ссылка"> <img src="http://kelesia.storeland.net/%D1%81%D0%BA%D0%B8%D0%B4%D0%BA%D0%B81.jpg?9184" / width="576" height="300" > </div> <div class="slide"> <a href="http://ссылка"> <img src="http://kelesia.storeland.net/2011-04%20(15)_Mario%20Muzi__1.jpg?2169.jpg" /C <!---Это меняем--> </div> <div class="slide"> <a href="http://ссылка"> <img src="http://kelesia.storeland.net/_________________501bed21c66f5.jpg?2173.jpg" /><!---Это меняем-->и измените пути до изображений.
Загрузите изображения в раздел Сайт - Файлы, нажмите на иконку бесконечности и скопируйте путь до изображения.
#6
Отправлено 12 Ноябрь 2013 - 01:44
miyako (11 Ноябрь 2013 - 07:22) писал:
4) Воспользуйтесь инструкцией - http://forum.storela...__40#entry59241
Виджет комментариев - http://vk.com/develo....php?p=Comments
5) У Вас очень много ошибок в шаблоне HTML
Найдите код -
<style type="text/css"> #slidebackgr { width:610px; <!---Это можно менять--> height:345px; <!---Это можно менять--> margin-top:10px; <!---Это можно менять--> padding:0; position:relative; background-image: url([url="http://kelesia.storeland.net/%D1%81%D0%BA%D0%B8%D0%B4%D0%BA%D0%B81.jpg?9184"]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>в коде Вы некорректно указали путь в строках - 350, 416, 424
Далее найдите код -
<a href="http:ссылка"> <img src="http://kelesia.storeland.net/%D1%81%D0%BA%D0%B8%D0%B4%D0%BA%D0%B81.jpg?9184" / width="576" height="300" > </div> <div class="slide"> <a href="http://ссылка"> <img src="http://kelesia.storeland.net/2011-04%20(15)_Mario%20Muzi__1.jpg?2169.jpg" /C <!---Это меняем--> </div> <div class="slide"> <a href="http://ссылка"> <img src="http://kelesia.storeland.net/_________________501bed21c66f5.jpg?2173.jpg" /><!---Это меняем-->и измените пути до изображений.
Загрузите изображения в раздел Сайт - Файлы, нажмите на иконку бесконечности и скопируйте путь до изображения.
2) Текст хотелось бы перенести вот сюда , а он сейчас тут
Со слайдером совсем запутался вот что переделал , здесь вообще не понял что менять нужно
<style type="text/css"> #slidebackgr { width:610px; <!---Это можно менять--> height:345px; <!---Это можно менять--> margin-top:10px; <!---Это можно менять--> padding:0; position:relative; background-image: url([url="http://kelesia.storeland.net/%D1%81%D0%BA%D0%B8%D0%B4%D0%BA%D0%B81.jpg?9184"]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>
#7
Отправлено 13 Ноябрь 2013 - 00:01
#8
Отправлено 13 Ноябрь 2013 - 08:35
Candyover (13 Ноябрь 2013 - 00:01) писал:
путь до изображения задается следующим образом -
зайдите в раздел Сайт - Файлы. Загрузите изображение и через кнопку бесконечности скопируйте путь до него.
Найдите код -
<style type="text/css"> #slidebackgr { width:610px; <!---Это можно менять--> height:345px; <!---Это можно менять--> margin-top:10px; <!---Это можно менять--> padding:0; position:relative; background-image: url([url="http://kelesia.storeland.net/%D1%81%D0%BA%D0%B8%D0%B4%D0%BA%D0%B81.jpg?9184"]http://img.storeland...7/slide_bg1.png[/url]); <!---Это меняем--> }background-image: url(http://img.storeland...7/slide_bg1.png); <!---Это меняем-->
замените на -
background-image: url('путь до изображения'); <!---Это меняем-->
.Аналогично нужно изменить путь до изображений в сообщении - http://forum.storela...сы/#entry102242
#9
Отправлено 13 Ноябрь 2013 - 20:57
miyako (13 Ноябрь 2013 - 08:35) писал:
зайдите в раздел Сайт - Файлы. Загрузите изображение и через кнопку бесконечности скопируйте путь до него.
Найдите код -
<style type="text/css"> #slidebackgr { width:610px; <!---Это можно менять--> height:345px; <!---Это можно менять--> margin-top:10px; <!---Это можно менять--> padding:0; position:relative; background-image: url([url="http://kelesia.storeland.net/%D1%81%D0%BA%D0%B8%D0%B4%D0%BA%D0%B81.jpg?9184"]http://img.storeland...7/slide_bg1.png[/url]); <!---Это меняем--> }background-image: url(http://img.storeland...7/slide_bg1.png); <!---Это меняем-->
замените на -
background-image: url('путь до изображения'); <!---Это меняем-->
.Аналогично нужно изменить путь до изображений в сообщении - http://forum.storela...сы/#entry102242
Все сделал как Вы сказали, но скорость осталась такая же, помогите это очень важный для меня момент.
И объясните пожалуйста как выложить картинку в <a href=""> и <img src= правильно, а то я вообще не понимаю разници между ними.
Спасибо!
#11
Отправлено 13 Ноябрь 2013 - 21:50
Candyover (13 Ноябрь 2013 - 21:47) писал:
<img src="http://st.storeland....io_Muzi__1.jpg" /width="576" height="300" >
</div>
<div class="slide">
<a href="">
<img src="http://st.storeland....84/skidki1.jpg" /C <!---Это меняем-->
</div>
<div class="slide">
<a href="">
<img src="http://st.storeland....bed21c66f5.jpg" /><!---Это меняем-->
Здравствуйте, уточните, пожалуйста, свой вопрос. Нужно сделать картинку ссылкой или что-то другое?
#12
Отправлено 13 Ноябрь 2013 - 21:54
ne_yana (13 Ноябрь 2013 - 21:50) писал:
Простите, случайно не то вставил.
Помогите пожалуйста решить вопрос с маленькой скоростью смены картинок в слайдере, что у меня не правильно?
#13
Отправлено 13 Ноябрь 2013 - 22:10
Candyover (13 Ноябрь 2013 - 21:54) писал:
Помогите пожалуйста решить вопрос с маленькой скоростью смены картинок в слайдере, что у меня не правильно?
переделать 2.png
$('#slider').nivoSlider().parent().show(); });на
$('#slider').nivoSlider({pauseTime: 3000}).parent().show(); });Установите значение на свое усмотрение.
#14
Отправлено 13 Ноябрь 2013 - 22:19
ne_yana (13 Ноябрь 2013 - 22:10) писал:
$('#slider').nivoSlider().parent().show(); });на
$('#slider').nivoSlider({pauseTime: 3000}).parent().show(); });Установите значение на свое усмотрение.
Не этот слайдер нужно, у меня их два. Тот и так хорошо работает
#15
Отправлено 14 Ноябрь 2013 - 01:09
var slideShowInterval; var speed = 9000;
где значение 9000 это интервал смены слайда. Измените данное значение на необходимое. 9000 в данном случае это 9 сек.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных