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


Дизайн


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

#1 hmurij

hmurij

    Новичок

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

Отправлено 06 Октябрь 2013 - 19:29

Доброго времени.
Прошу помощи в изменении кода с целью:
- разместить название товара и его цену под картинкой
- в не расползании страницы в ширину в каталоге товаров (я так понимаю влазит максимум четыре)
- возобновить отображение счетчиков (их внизу четыре, виден только один)
- расположить значок магазина http://rghost.ru/49200522/image.png в левом верхнем углу
-убрать внизу белую полосу
-добавить кнопку "наверх" (как в меню настроек)

магазин: зеленыйкофемосква.рф

#2 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 06 Октябрь 2013 - 23:58

Здравствуйте.
1. В файле main.css найдите блок
.goodsListItemImage				 {height:100px;margin-top: 1em}
и замените его на
.goodsListItemImage				 {height:200px;margin-top: 1em}

2. Не совсем понятен Ваш вопрос объясните, пожалуйста.

3. Все 4 счетчика присутствуют у Вас  на сайте. На скриншоте  я Вам показала.

4. В файле main.css найдите блок
.logo {
font-size: 2em;
margin-bottom: 0.2em;
margin-top: 0.2em;
font-family: Helvetica;
color: #636363;
letter-spacing: 0em;
line-height: 1.1em;
}
и замените его на
.logo {
font-size: 2em;
margin-bottom: 0.2em;
margin-top: 0.2em;
font-family: Helvetica;
color: #636363;
letter-spacing: 0em;
line-height: 1.1em;
background: url({ASSETS_IMAGES_PATH}logo.png) no-repeat;
}
И загрузите Вашу картинку в разделе Сайт-> Редактор шаблонов -> Добавить файл с названием logo и в формате png.

5. В файле main.css найдите блок
body {
padding-bottom: 30px;
line-height: 1.4em;
margin: 0px;
font-family: verdana, arial, helvetica, sans-serif;
color: #333;
font-size: 11px;
opacity: .999;
}
и замените его на
body {
line-height: 1.4em;
margin: 0px;
font-family: verdana, arial, helvetica, sans-serif;
color: #333;
font-size: 11px;
opacity: .999;
}

6. Вы можете воспользоваться данной инструкцией.

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

  • счетчики.png


#3 hmurij

hmurij

    Новичок

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

Отправлено 07 Октябрь 2013 - 11:39

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

Заранее большое спасибо )

#4 miyako

miyako

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

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

Отправлено 07 Октябрь 2013 - 13:39

Просмотр сообщенияhmurij (07 Октябрь 2013 - 11:39) писал:

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

Заранее большое спасибо )

1) Найдите в файле main.css код -
#back-top span {
width: 64px;
height: 64px;
display: block;
margin-bottom: 7px;
background: url(http://i35.fastpic.ru/big/2012/0421/73/39dcabc5368215af545fe408f1499c73.gif) no-repeat center center #dddddd;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
вместо http://i35.fastpic.r...408f1499c73.gif укажите путь до изображения картинки со стрелочкой.

В коде -
#back-top a:hover span {
background-color: #777;
}
указан цвет при наведении.

2) Найдите код в шаблоне HTML -
  <div class="logo"><a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img sr
				 c="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" /></a></div>
и замените на  -
  <div class="logo"><a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" /></a></div>

3) Найдите код в main.css -
body {
line-height: 1.4em;
margin: 0px;
font-family: verdana, arial, helvetica, sans-serif;
color: #333;
font-size: 11px;
opacity: .999;
}
и замените его на -
body {
line-height: 1.4em;
margin: 0px;
font-family: verdana, arial, helvetica, sans-serif;
color: #333;
font-size: 11px;
opacity: .999;
background-color: #48708D;
}

4) По сколько товаров должно отображаться?

5) Если Вы про изображения в Новинках, Хитах, Товарах на Главной, то тогда 200*200 пикселей

6) Найдите код в main.css -
.contentTableHeadUserInfo {
text-align: center;
width: 220px;
overflow: hidden;
}
и замените на -
.contentTableHeadUserInfo {
text-align: center;
width: 220px;
overflow: hidden;
display: none;
}


#5 hmurij

hmurij

    Новичок

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

Отправлено 10 Октябрь 2013 - 01:04

miyako!
Спасибо большое!

по пункту 4 - четыре товара в ряд, пятый ниже , под первым. Иначе страница расширяется..

Появился еще вопросы, если можно:
- под изображением товара его название - оно имеет выравнивание по центру. Как сделать тоже самое с ценой ?
- при оформлении заказа хотелось бы убрать возможность зарегистрироваться..

#6 Vaccina

Vaccina

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

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

Отправлено 10 Октябрь 2013 - 05:11

4.Сайт - Редактор шаблонов - HTML - найдите:
is_divided("5"
замените на:
is_divided("4"
5.Сайт - Редактор шаблонов - main.css - найдите:

.goodsListItemBlock {


	height: 277px;
	margin: 5px;
	overflow: hidden;
}

замените на:

.goodsListItemBlock {


	height: 277px;
	margin: 5px;
	overflow: hidden;
	text-align: center;
}

6.Сайт - Редактор шаблонов - Оформление заказа - найдите и удалите:
<!-- Если в тарифном плане подключен раздел личного кабинета -->
			  {% IF TARIFF_FEATURE_CLIENT_ROOM %}
				{% IFNOT CLIENT_IS_LOGIN %}
				  <tr>
					<td class="cell1"><label for="contactWantRegister">Я хочу зарегистрироваться:</label></td>
					<td class="cell2"><input type="checkbox" id="contactWantRegister" name="form[contact][want_register]" class="orderStageContactCheckbox" value="1" {% IF ORDER_FORM_CONTACT_WANT_REGISTER %}checked="checked"{% ENDIF %} /></td>
				  </tr>
				  <tr class="contactRegisterNeedElement" {% IFNOT ORDER_FORM_CONTACT_WANT_REGISTER %}style="display:none;"{% ENDIF %}>
					<td class="cell1"><label for="contactPassWord">Пароль:</label></td>
					<td class="cell2">
					  <input type="password" id="contactPassWord" name="form[contact][pass]" value="{ORDER_FORM_CONTACT_PASS}" {% IF ORDER_FORM_CONTACT_WANT_REGISTER %}class="required"{% ENDIF %} minlength="6" />
					  {% IFNOT user_agent_ie %}
					  <div class="OrderShowPassBlock"><a href="#" rel="Скрыть пароль" class="OrderShowPass">Показать пароль</a></div>
					  {% ENDIF %}
					  <div class="alignCenter" style="display:none;" id="caps_lock">
					   <img src="{ASSETS_IMAGES_PATH}warningCapslock.png"><br />
					   <strong>Caps Lock включен.</strong><br />
					   Пароль может быть введен неверно.
					  </div>
					</td>
				  </tr>
				{% ENDIF %}
			  {% ENDIF %}
			  <!-- END Если в тарифном плане подключен раздел личного кабинета -->


#7 hmurij

hmurij

    Новичок

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

Отправлено 13 Январь 2014 - 00:32

Доброго времени. Адрес 3a2.ru
Необходимо:
1 чтоб при добавлении комментариев к товарам страница не расползалась в ширину, как это происходит сейчас.
2 на главной - разместить сначала товары, потом все остальное
3 название кнопки положить в корзину изменить на 'купить'
4 сделать полностью видимым текст кнопки "добавить в сравнение"
5 изменить цвет фона кнопки "купить"
6 новую цену (не перечеркнутую) сделать красным цветом

#8 ne_yana

ne_yana

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

  • Модератоpы
  • 1 190 сообщений

Отправлено 13 Январь 2014 - 15:06

Просмотр сообщенияhmurij (13 Январь 2014 - 00:32) писал:

Доброго времени. Адрес 3a2.ru
Необходимо:
1 чтоб при добавлении комментариев к товарам страница не расползалась в ширину, как это происходит сейчас.
2 на главной - разместить сначала товары, потом все остальное
3 название кнопки положить в корзину изменить на 'купить'
4 сделать полностью видимым текст кнопки "добавить в сравнение"
5 изменить цвет фона кнопки "купить"
6 новую цену (не перечеркнутую) сделать красным цветом
Здравствуйте,
1. Уточните, пожалуйста, как они должны выглядеть (приложите скриншот)
2. В разделе HTML найдите и удалите код
			{BODY}
вставьте его после
			  <!-- end Список товаров на главной -->
			{% ENDIF %}
			<!-- END Всевозможные списки товаров -->

3, 5. В разделе Сайт - Редактор шаблонов - Товар в коде
<input type="submit" value="Положить в корзину" style="display:block;margin-top:1em;width:200px;background:red;" />
замените текст Положить в корзину на нужный. Вместо red укажите код необходимого цвета.

4. В том же разделе замените
<input type="button" class="button goodsDataCompareButton add"  rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" value="Добавить к сравнению" title="Добавить товарную модификацию к списку сравнения с другими товарами" style="{% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}display:none;{% ENDIF %}width:200px;" />
на
<input type="button" class="button goodsDataCompareButton add"  rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" value="Добавить к сравнению" title="Добавить товарную модификацию к списку сравнения с другими товарами" style="{% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}display:none;{% ENDIF %}width:250px;" />

6. В файле main.css замените
.goodsDataMainModificationPriceNow {
font-size: 1.5em;
color: #F2912D;
white-space: nowrap;
}
на
.goodsDataMainModificationPriceNow {
font-size: 1.5em;
color: red;
white-space: nowrap;
}


#9 hmurij

hmurij

    Новичок

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

Отправлено 14 Январь 2014 - 02:02

Доброго времени!
1 страницы товаров на которых есть отзывы (оба хомяка) расширяются при переходе на них (полоска на скрине из приложения) Страница товара без отзывов - кофе - не расширяется и полоски нет

6 добавил код и потом убрал, т.к. не увидел изменений цвета текущей цены на главной, что то делаю не так ?

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

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

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


#10 Vaccina

Vaccina

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

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

Отправлено 14 Январь 2014 - 05:22

1. В main.css найдите:

.goodsDataOpinionListTable {
	width: 900px;
}
уменьшите значение width
6. В main.css в самом низу добавьте сл.код:

.goodsListItemPriceNew span span{
color:red;
}

На счет виджитов в шаблоне HTML вставьте код виджета перед:

</td>
		  <td colspan="2" class="valignTop">
		   
		  
			<!-- Всевозможные списки товаров -->
			{% IF index_page %}
			  <!-- Список новинок на главной -->
			  {% IFNOT index_page_new_goods_empty %}





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

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