Глобальные Изменения В Шаблоне.
#1
Отправлено 05 Январь 2014 - 08:11
Боюсь, специалисты StoreLand меня скоро посылать будут.. ) Но сайт мне нужен, и не довести его до приличного состояния я не могу.
Что имеем:
Как должно выглядеть в итоге:
Что требуется сделать:
1. Удалить отображение названия страницы и строку навигации.
2. Про удаление старой корзины вопрос уже есть в теме: http://forum.storela...-окне-браузера/
Так что дублировать не буду. Пишу это лишь, чтобы ясно было, куда корзина денется.
3. Заменить панель каталога на восемь изображений 170х100 пикселей с небольшим расстоянием друг от друга.
На каждый пункт будет по два изображения, второе- для замены изображения в случае, когда активен соответствующий раздел каталога. Панель каталога из восьми изображений должна также отображаться на всех страницах сайта.
4. Над логотипом и под ним есть расстояние, на которое хотелось бы поднять всю страницу.
5. Необходимо подтянуть страницу до нового каталога из восьми изображений.
6. Над элементом "Поиск по магазину.." хотелось бы добавить изображение. В нём планирую разместить номер телефона горячей линии.
7. Некогда изменил вид страницы каталога. По умолчанию, сразу отображаются товары, а я сделал меню каталога, как в остальных шаблонах и не могу найти тему, из которой брал инструкцию..
Если не сложно напишите, пожалуйста, как изменить вид страницы "Каталог" к стандартному.
Помню, что менял то-то в шаблоне HTML и добавлял в конец Style.css, или наоборот.
P.S. Прошу прощения, что с такими объёмами в праздничное время..
#2
Отправлено 07 Январь 2014 - 12:43
ConstantinRS (05 Январь 2014 - 08:11) писал:
Боюсь, специалисты StoreLand меня скоро посылать будут.. ) Но сайт мне нужен, и не довести его до приличного состояния я не могу.
Что имеем:
ДО.png
Как должно выглядеть в итоге:
ПОСЛЕ.png
Что требуется сделать:
1. Удалить отображение названия страницы и строку навигации.
2. Про удаление старой корзины вопрос уже есть в теме: http://forum.storela...-окне-браузера/
Так что дублировать не буду. Пишу это лишь, чтобы ясно было, куда корзина денется.
3. Заменить панель каталога на восемь изображений 170х100 пикселей с небольшим расстоянием друг от друга.
На каждый пункт будет по два изображения, второе- для замены изображения в случае, когда активен соответствующий раздел каталога. Панель каталога из восьми изображений должна также отображаться на всех страницах сайта.
4. Над логотипом и под ним есть расстояние, на которое хотелось бы поднять всю страницу.
5. Необходимо подтянуть страницу до нового каталога из восьми изображений.
6. Над элементом "Поиск по магазину.." хотелось бы добавить изображение. В нём планирую разместить номер телефона горячей линии.
7. Некогда изменил вид страницы каталога. По умолчанию, сразу отображаются товары, а я сделал меню каталога, как в остальных шаблонах и не могу найти тему, из которой брал инструкцию..
Если не сложно напишите, пожалуйста, как изменить вид страницы "Каталог" к стандартному.
Помню, что менял то-то в шаблоне HTML и добавлял в конец Style.css, или наоборот.
P.S. Прошу прощения, что с такими объёмами в праздничное время..
1. В файле style.css замените
section header {margin-bottom: 1em; overflow: hidden;}на
section header {margin-bottom: 1em; overflow: hidden;display: none;}и
.breadcrumb {border: none; margin: 1em 0; z-index: 10; position: relative;text-align: justify;}на
.breadcrumb {border: none; margin: 1em 0; z-index: 10; position: relative;text-align: justify;display: none;}
#3
Отправлено 10 Январь 2014 - 20:01
Ещё озвучу пару проблем, которые так и не удалось решить. (нумерация в продолжение предыдущего сообщения):
8. При обновлении страницы или переходе к другой странице сайта происходит подобное мерцание:
Хотелось бы без него обойтись. Просто чтобы вовремя загрузки страницы отображалась текущая страница, а уже после загрузки необходимой страницы происходило отображение последней.
9. Хотелось бы уже убрать цифру количества рядом со словом "заказать"/"купить":
#4
Отправлено 10 Январь 2014 - 21:55
ConstantinRS (10 Январь 2014 - 20:01) писал:
Ещё озвучу пару проблем, которые так и не удалось решить. (нумерация в продолжение предыдущего сообщения):
8. При обновлении страницы или переходе к другой странице сайта происходит подобное мерцание:
мерцание.png
Хотелось бы без него обойтись. Просто чтобы вовремя загрузки страницы отображалась текущая страница, а уже после загрузки необходимой страницы происходило отображение последней.
9. Хотелось бы уже убрать цифру количества рядом со словом "заказать"/"купить":
колво товаров.png
9. Редактируем шаблон Товар
Находим
<input name="form[goods_mod_quantity]" id="qty" maxlength="12" value="1" title="Количество" style="float: left;text-align: right;width: 30px;margin-top: 1px;margin-right: 1%;padding-right: 5px;">
Заменяем на
<!-- <input name="form[goods_mod_quantity]" id="qty" maxlength="12" value="1" title="Количество" style="float: left;text-align: right;width: 30px;margin-top: 1px;margin-right: 1%;padding-right: 5px;"-->
8. Находим
html { -webkit-font-smoothing: antialiased; background: #0f0f0f; }
Заменяем на
html { -webkit-font-smoothing: antialiased; }
#5
Отправлено 11 Январь 2014 - 13:22
Ладно, я так понял- с заменой панели каталога на изображения никто возиться не хочет, помогите хотя бы в следующих вопросах:
1. Удаление название страницы добавлением
display:none;удаляет и сортировку, которую хотелось бы оставить. Как сделать так, чтобы название страницы не отображалось, а сортировка осталась?
2. Удалить в сортировке изменение вида каталога:
3. Над элементом "Поиск по магазину.." хотелось бы добавить изображение. В нём планирую разместить номер телефона горячей линии:
В итоге страница должна получить следующий вид:
#6
Отправлено 14 Январь 2014 - 06:18
Цитата
На каждый пункт будет по два изображения, второе- для замены изображения в случае, когда активен соответствующий раздел каталога. Панель каталога из восьми изображений должна также отображаться на всех страницах сайта.
проблема скорее в том, что это все вручную придется делать, то бишь писать структуру и стили с нуля, а-ля:
<div class="catalog_img"> <ul> <li><a href="ссылка на категорию">название категории</a></li> <li><a href="ссылка на категорию">название категории</a></li> <li><a href="ссылка на категорию">название категории</a></li> ... </ul> </div>структура выше легка и понятна, вставьте ее измененную вместо чего-то или найдите ей новое местечко.
по стилям, в частности по картинкам вам необходимо обязательно изучить следующее(это в вашем случае крайне удобно будет при применении):
http://htmlbook.ru/css/nth-child
http://htmlbook.ru/css/hover
Если возникнут конкретные вопросы, то мы тут =)
1.В style.css найдите:
header.controls { background: none repeat scroll 0 0 #F1F1F0 !important; margin-bottom: 0; padding: 1em; }замените на:
header.controls { background: none repeat scroll 0 0 #F1F1F0 !important; display: block; margin-bottom: 0; padding: 1em; }2.В style.css найдите:
.view-switch { float: right; }замените на:
.view-switch { display: none; float: right; }3.В шаблоне HTML найдите:
<header role="banner">после него попробуйте вставить следующее:
<div style="float:right;"><a href="ссылка"><img src="ссылка на картинку" alt="" /></a></div>
#7
Отправлено 14 Январь 2014 - 22:16
Вопросы 2 и 3 разрешились мгновенно. А вот действия из ответа к первому, почему-то, ни к чему не привели..
У меня в style.css точного Вами указанного кода нет.
header.controls { background: none repeat scroll 0 0 #F1F1F0 !important; margin-bottom: 0; padding: 1em; }Я решил, что нужный- это:
.two-column header.controls {padding: 1em; background: #f1f1f0; margin-bottom: 0em;}либо:
header.controls {[size=4]padding: 1em;background: #F1F1F0 !important;margin-bottom: 0em;}[/size]И в том и другом случае добавление
display: block;не позволило убрать название категории между каталогом и сортировкой..
Танцы с бубном и поиском по форуму тоже не увенчались успехом..
Хотелось бы всё же убрать название категории, сохранив сортировку.
Ещё раз спасибо за решение двух вопросов и информацию о создании структуры с изображениями- обязательно воспользуюсь в будущем )
#8
Отправлено 15 Январь 2014 - 04:18
ne_yana (07 Январь 2014 - 12:43) писал:
1. В файле style.css замените
section header {margin-bottom: 1em; overflow: hidden;}на
section header {margin-bottom: 1em; overflow: hidden;display: none;}и
.breadcrumb {border: none; margin: 1em 0; z-index: 10; position: relative;text-align: justify;}на
.breadcrumb {border: none; margin: 1em 0; z-index: 10; position: relative;text-align: justify;display: none;}
и далее уже по моей =)
А в стилях код в оригинале так выглядит:
header.controls {padding: 1em;background: #F1F1F0 !important;margin-bottom: 0em;}
#9
Отправлено 15 Январь 2014 - 04:24
.nav > li > .parent:nth-child(1){ background: url(ссылка на иконку) no-repeat left top; text-indent: 9999px; //прячем текст width:40px; // ширина кнопки height:40px; // высота кнопки display:block; } .nav > li > .parent:nth-child(2){ background: url(ссылка на 2ую иконку) no-repeat left top; text-indent: 9999px; //прячем текст width:40px; // ширина кнопки height:40px; // высота кнопки display:block; } ................. и т.д.
#10
Отправлено 31 Март 2014 - 17:59
Vaccina (15 Январь 2014 - 04:24) писал:
.nav > li > .parent:nth-child(1){ background: url(ссылка на иконку) no-repeat left top; text-indent: 9999px; //прячем текст width:40px; // ширина кнопки height:40px; // высота кнопки display:block; } .nav > li > .parent:nth-child(2){ background: url(ссылка на 2ую иконку) no-repeat left top; text-indent: 9999px; //прячем текст width:40px; // ширина кнопки height:40px; // высота кнопки display:block; } ................. и т.д.
#11
Отправлено 01 Апрель 2014 - 04:08
.nav>li:nth-child(1)>.parent{ background: url(ссылка на иконку) no-repeat left top; text-indent: 9999px; //прячем текст width:40px; // ширина кнопки height:40px; // высота кнопки display:block; } .nav>li:nth-child(2)>.parent{ background: url(ссылка на 2ую иконку) no-repeat left top; text-indent: 9999px; //прячем текст width:40px; // ширина кнопки height:40px; // высота кнопки display:block; } ................. и т.д.
#12
Отправлено 01 Апрель 2014 - 10:54
Vaccina (01 Апрель 2014 - 04:08) писал:
.nav>li:nth-child(1)>.parent{ background: url(ссылка на иконку) no-repeat left top; text-indent: 9999px; //прячем текст width:40px; // ширина кнопки height:40px; // высота кнопки display:block; } .nav>li:nth-child(2)>.parent{ background: url(ссылка на 2ую иконку) no-repeat left top; text-indent: 9999px; //прячем текст width:40px; // ширина кнопки height:40px; // высота кнопки display:block; } ................. и т.д.
Темы с аналогичным тегами изменение стиля, изменение шаб, лона вечность, расположение элементов
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Осень →
Изменение общей стилистики →
Помогите НовичкуАвтор Гость_KlimOFF_* , 31 окт. 2014 изменение шаб, лона осень |
|
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных