Перейти к содержимому


Очень Много Вопросов По Оформлению


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 38

#1 Магазин снов

Магазин снов

    Пользователь

  • Пользователи
  • PipPip
  • 31 сообщений

Отправлено 05 Март 2015 - 16:28

Добрый день! Рад буду, если Вы мне поможете! Много вопросов по дизайну магазина:
1. На страницах групп товаров или на главной странице "прямоугольники", в которых указано фото товара, название, отзывы, цена и пр. разного размера. Когда много товаров на странице - они все плывут - некачественно смотрится.
Помогите сделать так, чтобы эти "прямоугольники" были одного размера - программа минимум. В идеале, чтобы не просто изменился размер, а еще и равномерно распределить информацию о товаре (как во вложении - картинка "ПРИМЕР"). Спасибо
Интернет магазин матрасов Магазин снов

Прикрепленные изображения

  • Безымянный.jpg
  • Безымянный2.jpg
  • ПРИМЕР.jpg


#2 Cupuyc

Cupuyc

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 747 сообщений

Отправлено 05 Март 2015 - 19:12

Просмотр сообщенияМагазин снов (05 Март 2015 - 16:28) писал:

Добрый день! Рад буду, если Вы мне поможете! Много вопросов по дизайну магазина:
1. На страницах групп товаров или на главной странице "прямоугольники", в которых указано фото товара, название, отзывы, цена и пр. разного размера. Когда много товаров на странице - они все плывут - некачественно смотрится.
Помогите сделать так, чтобы эти "прямоугольники" были одного размера - программа минимум. В идеале, чтобы не просто изменился размер, а еще и равномерно распределить информацию о товаре (как во вложении - картинка "ПРИМЕР"). Спасибо
Интернет магазин матрасов Магазин снов
Здравствуйте, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> СТИЛИ -> main.css найдите код:


.price {font-size: 18px; color: #000; margin: 5px;}
И замените его на:
.items.masonry-brick h3 {height: 2em;}
.price {font-size: 18px; color: #000; margin: 5px; height: 2em;}


#3 Магазин снов

Магазин снов

    Пользователь

  • Пользователи
  • PipPip
  • 31 сообщений

Отправлено 06 Март 2015 - 11:02

Просмотр сообщенияCupuyc (05 Март 2015 - 19:12) писал:

Здравствуйте, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> СТИЛИ -> main.css найдите код:


.price {font-size: 18px; color: #000; margin: 5px;}
И замените его на:
.items.masonry-brick h3 {height: 2em;}
.price {font-size: 18px; color: #000; margin: 5px; height: 2em;}

Добрый день. Т.к. у меня есть только style.css вместо main.css, я заменил указанный выше код там. Это частично исправило проблему (во вложении). Буду рад скорейшему ответу. Спасибо

Прикрепленные изображения

  • Безымянный 2.png


#4 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 216 сообщений

Отправлено 07 Март 2015 - 02:24

Попробуйте в style.css добавить следующий блок стилей:
.items > h3 {
  clear: both;
  display: block;
  height: 38px;
  overflow: hidden;
}


#5 Магазин снов

Магазин снов

    Пользователь

  • Пользователи
  • PipPip
  • 31 сообщений

Отправлено 07 Март 2015 - 20:27

Просмотр сообщенияVaccina (07 Март 2015 - 02:24) писал:

Попробуйте в style.css добавить следующий блок стилей:
.items > h3 {
clear: both;
display: block;
height: 38px;
overflow: hidden;
}
Да, мне это помогла. Еще самостоятельно подредактировал, т.к. название товара было не полностью показано.
Перейдем к следующему вопросу?
Прошу помочь уменьшить разрыв между "Полезно знать" (это началось seo-описание) и непосредственно самим seo-описанием.
sl-74496
Спасибо.

Прикрепленные изображения

  • Безымянный.png


#6 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 07 Март 2015 - 20:35

Просмотр сообщенияМагазин снов (07 Март 2015 - 20:27) писал:

Да, мне это помогла. Еще самостоятельно подредактировал, т.к. название товара было не полностью показано.
Перейдем к следующему вопросу?
Прошу помочь уменьшить разрыв между "Полезно знать" (это началось seo-описание) и непосредственно самим seo-описанием.
sl-74496
Спасибо.
Здравствуйте.
В шаблоне Товар найдите код:
			<!-- Полное SEO-описание -->
			<h3>Полезно знать:</h3>
			{% IF GOODS_SEO_DESCRIPTION_LARGE %}
			  <div style="padding-top:1em;" class="htmlDataBlock">{GOODS_SEO_DESCRIPTION_LARGE}</div>
			{% ENDIF %}
И замените его вот этим кодом:
			<!-- Полное SEO-описание -->
			<h3>Полезно знать:</h3>
			{% IF GOODS_SEO_DESCRIPTION_LARGE %}
			  <div style="padding-top:0em;" class="htmlDataBlock">{GOODS_SEO_DESCRIPTION_LARGE}</div>
			{% ENDIF %}


#7 Магазин снов

Магазин снов

    Пользователь

  • Пользователи
  • PipPip
  • 31 сообщений

Отправлено 07 Март 2015 - 20:41

Просмотр сообщенияRayLi (07 Март 2015 - 20:35) писал:

Здравствуйте.
В шаблоне Товар найдите код:
		 <!-- Полное SEO-описание -->
		 <h3>Полезно знать:</h3>
		 {% IF GOODS_SEO_DESCRIPTION_LARGE %}
			 <div style="padding-top:1em;" class="htmlDataBlock">{GOODS_SEO_DESCRIPTION_LARGE}</div>
		 {% ENDIF %}
И замените его вот этим кодом:
		 <!-- Полное SEO-описание -->
		 <h3>Полезно знать:</h3>
		 {% IF GOODS_SEO_DESCRIPTION_LARGE %}
			 <div style="padding-top:0em;" class="htmlDataBlock">{GOODS_SEO_DESCRIPTION_LARGE}</div>
		 {% ENDIF %}

Все ноги стер, искавши это)) Спасибо помогло!
Продолжим?
при открытии страницы товара по умолчанию открывается "отзывы", хочу изменить, чтобы открывалось "описание"
sl-74496\
Спасибо!
Пример товара: http://magazinsnov.c...кокосовая-койра

#8 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 07 Март 2015 - 20:52

Просмотр сообщенияМагазин снов (07 Март 2015 - 20:41) писал:

Все ноги стер, искавши это)) Спасибо помогло!
Продолжим?
при открытии страницы товара по умолчанию открывается "отзывы", хочу изменить, чтобы открывалось "описание"
sl-74496\
Спасибо!
Пример товара: http://magazinsnov.c...кокосовая-койра
Здравствуйте.
Изменения произвел, проверьте.

#9 Магазин снов

Магазин снов

    Пользователь

  • Пользователи
  • PipPip
  • 31 сообщений

Отправлено 07 Март 2015 - 21:00

Просмотр сообщенияDanil (07 Март 2015 - 20:52) писал:

Здравствуйте.
Изменения произвел, проверьте.
Все отлично!
Продолжим менять этот мир к лучшему?
Помогите изменить цвет текста - якоря ссылки.
Пример во вложении. Спасибо!
sl-74496

Прикрепленные изображения

  • Безымянный.jpg


#10 Cupuyc

Cupuyc

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 747 сообщений

Отправлено 08 Март 2015 - 12:18

Просмотр сообщенияМагазин снов (07 Март 2015 - 21:00) писал:

Все отлично!
Продолжим менять этот мир к лучшему?
Помогите изменить цвет текста - якоря ссылки.
Пример во вложении. Спасибо!
sl-74496
Здравствуйте, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> СТИЛИ -> main.css добавьте после последней строчки код:
h6 a {color: green;}
Вместо "green" подставьте желаемый цвет

#11 Магазин снов

Магазин снов

    Пользователь

  • Пользователи
  • PipPip
  • 31 сообщений

Отправлено 08 Март 2015 - 13:44

Просмотр сообщенияCupuyc (08 Март 2015 - 12:18) писал:

Здравствуйте, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> СТИЛИ -> main.css добавьте после последней строчки код:
h6 a {color: green;}
Вместо "green" подставьте желаемый цвет
Спасибо за ответ, но это не сработало.
При добавлении кода выдает ошибку и блокируется (не открывается) "описание товара".
проговорю еще раз, что мне нужно: я хочу, чтобы текст гиперссылки был другого цвета (в том числе изменить цвет при наведении). Сейчас: серый, при наведении: синий.
Спасибо!

Прикрепленные изображения

  • Безымянный.jpg


#12 Cupuyc

Cupuyc

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 747 сообщений

Отправлено 08 Март 2015 - 19:40

Просмотр сообщенияМагазин снов (08 Март 2015 - 13:44) писал:

Спасибо за ответ, но это не сработало.
При добавлении кода выдает ошибку и блокируется (не открывается) "описание товара".
Пожалуйста опишите пошагово свои действия при добавлении кода из предыдущей инструкции

Просмотр сообщенияМагазин снов (08 Март 2015 - 13:44) писал:

проговорю еще раз, что мне нужно: я хочу, чтобы текст гиперссылки был другого цвета (в том числе изменить цвет при наведении). Сейчас: серый, при наведении: синий.
Спасибо!

Уточните, где именно вы хотели бы изменить цвет гиперссылок? Прошлая инструкция была написана для блока полезно знать, для блока новостей зайдите в админ. панель -> Сайт -> Редактор шаблонов -> СТИЛИ -> main.css добавьте после последней строчки код:
a.newsListBlockItemTitle {
color: blue;
Вместо "blue" подставьте желаемый цвет

Для изменения цвета гиперссылок блока описание товара зайдите в админ. панель -> Сайт -> Редактор шаблонов -> СТИЛИ -> main.css добавьте после последней строчки код::
.htmlDataBlock a {
color: red;
Вместо "red" подставьте желаемый цвет

#13 Магазин снов

Магазин снов

    Пользователь

  • Пользователи
  • PipPip
  • 31 сообщений

Отправлено 08 Март 2015 - 22:07

Просмотр сообщенияCupuyc (08 Март 2015 - 19:40) писал:

Пожалуйста опишите пошагово свои действия при добавлении кода из предыдущей инструкции



Уточните, где именно вы хотели бы изменить цвет гиперссылок? Прошлая инструкция была написана для блока полезно знать, для блока новостей зайдите в админ. панель -> Сайт -> Редактор шаблонов -> СТИЛИ -> main.css добавьте после последней строчки код:
a.newsListBlockItemTitle {
color: blue;
Вместо "blue" подставьте желаемый цвет

Для изменения цвета гиперссылок блока описание товара зайдите в админ. панель -> Сайт -> Редактор шаблонов -> СТИЛИ -> main.css добавьте после последней строчки код::
.htmlDataBlock a {
color: red;
Вместо "red" подставьте желаемый цвет
Спасибо за терпение!
1. Мои действия из предыдущей инструкции указаны на рисунке: открыл стиль css, добавил после последней строки указанный код, сохранил, обновил кэш.
2. как и в предыдущем случае мне не удалось "изменения цвета гиперссылок блока описание" - по итогу на сайте не открывается "описание товара" и рисуется "ошибка" в правом верхнем углу
3. Изменить цвет гиперссылок в новостях мне удалось - все ок
4. Где я хочу изменить цвет гиперссылок? Везде! Во всех блоках сайта. Может, существует способ сделать это проще. Спасибо!

Прикрепленные изображения

  • Безымянный2.jpg
  • Безымянный.jpg


#14 Cupuyc

Cupuyc

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 747 сообщений

Отправлено 09 Март 2015 - 10:43

Просмотр сообщенияМагазин снов (08 Март 2015 - 22:07) писал:

Спасибо за терпение!
1. Мои действия из предыдущей инструкции указаны на рисунке: открыл стиль css, добавил после последней строки указанный код, сохранил, обновил кэш.
2. как и в предыдущем случае мне не удалось "изменения цвета гиперссылок блока описание" - по итогу на сайте не открывается "описание товара" и рисуется "ошибка" в правом верхнем углу
Здравствуйте, при написании последней инструкции возникла небольшая ошибка, для блока новостей зайдите в админ. панель -> Сайт -> Редактор шаблонов -> СТИЛИ -> main.css добавьте после последней строчки код:
a.newsListBlockItemTitle {
color: blue;}
Вместо "blue" подставьте желаемый цвет

Для изменения цвета гиперссылок блока описание товара зайдите в админ. панель -> Сайт -> Редактор шаблонов -> СТИЛИ -> main.css добавьте после последней строчки код::
.htmlDataBlock a {
color: red;}
Вместо "red" подставьте желаемый цвет

Просмотр сообщенияМагазин снов (08 Март 2015 - 22:07) писал:

4. Где я хочу изменить цвет гиперссылок? Везде! Во всех блоках сайта. Может, существует способ сделать это проще. Спасибо!
Есть способ изменить цвет всех ссылок на сайте, для того чтобы сделать это, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> СТИЛИ -> main.css добавьте после последней строчки код::
a {
color: red;}
Вместо "red" подставьте желаемый цвет

#15 Магазин снов

Магазин снов

    Пользователь

  • Пользователи
  • PipPip
  • 31 сообщений

Отправлено 20 Март 2015 - 17:48

Просмотр сообщенияCupuyc (09 Март 2015 - 10:43) писал:

Здравствуйте, при написании последней инструкции возникла небольшая ошибка, для блока новостей зайдите в админ. панель -> Сайт -> Редактор шаблонов -> СТИЛИ -> main.css добавьте после последней строчки код:
a.newsListBlockItemTitle {
color: blue;}
Вместо "blue" подставьте желаемый цвет

Для изменения цвета гиперссылок блока описание товара зайдите в админ. панель -> Сайт -> Редактор шаблонов -> СТИЛИ -> main.css добавьте после последней строчки код::
.htmlDataBlock a {
color: red;}
Вместо "red" подставьте желаемый цвет


Есть способ изменить цвет всех ссылок на сайте, для того чтобы сделать это, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> СТИЛИ -> main.css добавьте после последней строчки код::
a {
color: red;}
Вместо "red" подставьте желаемый цвет
Добрый день! Из всего, что пробовал, получилось только изменить цвет гиперссылки в новостях. Все остальное не сработало. Наверное, не существует способа?
Кстати, ошибка пропала) Верным путем идем, товарищи!

Прикрепленные изображения

  • Безымянный.png


#16 Cupuyc

Cupuyc

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 747 сообщений

Отправлено 20 Март 2015 - 18:06

Просмотр сообщенияМагазин снов (20 Март 2015 - 17:48) писал:

Добрый день! Из всего, что пробовал, получилось только изменить цвет гиперссылки в новостях. Все остальное не сработало. Наверное, не существует способа?
Кстати, ошибка пропала) Верным путем идем, товарищи!

Здравствуйте, для изменения цвета всех ссылок на сайте зайдите в админ. панель -> Сайт -> Редактор шаблонов -> СТИЛИ -> main.css найдите код:
a {color: #777; text-decoration: none;}
Замените на:
a {color: purple; text-decoration: none;}


#17 Магазин снов

Магазин снов

    Пользователь

  • Пользователи
  • PipPip
  • 31 сообщений

Отправлено 20 Март 2015 - 18:33

Просмотр сообщенияCupuyc (20 Март 2015 - 18:06) писал:

Здравствуйте, для изменения цвета всех ссылок на сайте зайдите в админ. панель -> Сайт -> Редактор шаблонов -> СТИЛИ -> main.css найдите код:
a {color: #777; text-decoration: none;}
Замените на:
a {color: purple; text-decoration: none;}

Да, да, да! Нам это сделать удалось! Ура! Спасибо!
Покупатели Магазина сна будут Вам благодарны
Перейдем к следующему шагу?
Необходимо увеличить размера шрифта с номерами телефонов и режимом работы, и номер скайпа.
Спасибо)

Прикрепленные изображения

  • Без.png


#18 Cupuyc

Cupuyc

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 747 сообщений

Отправлено 20 Март 2015 - 18:50

Просмотр сообщенияМагазин снов (20 Март 2015 - 18:33) писал:

Да, да, да! Нам это сделать удалось! Ура! Спасибо!
Покупатели Магазина сна будут Вам благодарны
Перейдем к следующему шагу?
Необходимо увеличить размера шрифта с номерами телефонов и режимом работы, и номер скайпа.
Спасибо)

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> СТИЛИ -> main.css найдите код:
.contacts{float: left;position: relative;}
Замените его на:
.contacts{float: left; position: relative; font-size: 19px;}


#19 Магазин снов

Магазин снов

    Пользователь

  • Пользователи
  • PipPip
  • 31 сообщений

Отправлено 20 Март 2015 - 19:33

Просмотр сообщенияCupuyc (20 Март 2015 - 18:50) писал:

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> СТИЛИ -> main.css найдите код:
.contacts{float: left;position: relative;}
Замените его на:
.contacts{float: left; position: relative; font-size: 19px;}
Все получилось. Приятно, что Вы отлично разбираетесь в своей работе!
Осталось еще 10-12 пунктов) Быстрее сядем - быстрее выйдем.
Хочу на странице товара справа от выбора размера поставить картинку с текстом "выбери размер", это по моему мнению простимулирует клиента обратить внимание на выбор необходимого клиенту размера, что увеличит продажи. Размера картинки не знаю и прислушаюсь к Вашему совету. Спасибо!!

Прикрепленные изображения

  • Без1.png


#20 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 21 Март 2015 - 17:09

Просмотр сообщенияМагазин снов (20 Март 2015 - 19:33) писал:

Все получилось. Приятно, что Вы отлично разбираетесь в своей работе!
Осталось еще 10-12 пунктов) Быстрее сядем - быстрее выйдем.
Хочу на странице товара справа от выбора размера поставить картинку с текстом "выбери размер", это по моему мнению простимулирует клиента обратить внимание на выбор необходимого клиенту размера, что увеличит продажи. Размера картинки не знаю и прислушаюсь к Вашему совету. Спасибо!!
Здравствуйте, найдите в шаблоне Товар код
                      
  <!-- Блок выбора модификаций для текущей товарной позиции -->
		  <div class="goodsDataMainModificationsBlock" {% IF GOODS_NO_CHOISE_IN_PROPERTIES_FOR_MODIFICATIONS %}style="display:none;"{% ENDIF %}>
         замените на



<!-- Блок выбора модификаций для текущей товарной позиции -->
		  <div class="goodsDataMainModificationsBlock" {% IF GOODS_NO_CHOISE_IN_PROPERTIES_FOR_MODIFICATIONS %}style="display:none;"{% ENDIF %}>
		  <div style="float: right;"><img src="ссылка на изображения"/></div>

размер изображения 100 на 50 px




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных