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


Вопросы По Карточке Товара


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

#1 Новичок Ю

Новичок Ю

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

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

Отправлено 29 Июль 2014 - 13:26

Извиняюсь, не нашла, в какой раздел отнести свои вопросы.
1. Как отцентровать слова "Характеристики" и "Описание"
2. Где увеличить фото товара и иконки "Других фото" под ним (в основных настройках не помогает)? И можно ли убрать из иконок основное фото, которое и так в окне (оно даже без слов "Другие фото")
3. Как все отбить по одному уровню по вертикали: "Условия доставки" влево до "Выберите", а
4. окно с модификацией вправо до уровня "в корзину"("быстрый заказ")
5. убрать второе "Выберите"
6. перенести "поделиться" в правый верхний угол" напротив "названия товара"?
Screenshot_4.jpg

#2 AnnaM

AnnaM

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

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

Отправлено 29 Июль 2014 - 14:47

Просмотр сообщенияНовичок Ю (29 Июль 2014 - 13:26) писал:

Извиняюсь, не нашла, в какой раздел отнести свои вопросы.
1. Как отцентровать слова "Характеристики" и "Описание"
2. Где увеличить фото товара и иконки "Других фото" под ним (в основных настройках не помогает)? И можно ли убрать из иконок основное фото, которое и так в окне (оно даже без слов "Другие фото")
3. Как все отбить по одному уровню по вертикали: "Условия доставки" влево до "Выберите", а
4. окно с модификацией вправо до уровня "в корзину"("быстрый заказ")
5. убрать второе "Выберите"
6. перенести "поделиться" в правый верхний угол" напротив "названия товара"?
Прикрепленный файл Screenshot_4.jpg

1. в файле main.css найдите код:
.fnt10.i, .fnt1.i a, .fnt11.i, .fnt11.i a, .fnt12.i, .fnt12.i a, .fnt13.i, .fnt13.i a, .fnt14.i, .fnt14.i a, .fnt15.i, .fnt15.i a, .fnt16.i, .fnt16.i a, .fnt17.i, .fnt17.i a, .fnt18.i, .fnt18.i a, fntarl.i {
font-style: italic;
}
и замените его на следующий:
.fnt10.i, .fnt1.i a, .fnt11.i, .fnt11.i a, .fnt12.i, .fnt12.i a, .fnt13.i, .fnt13.i a, .fnt14.i, .fnt14.i a, .fnt15.i, .fnt15.i a, .fnt16.i, .fnt16.i a, .fnt17.i, .fnt17.i a, .fnt18.i, .fnt18.i a, fntarl.i {
font-style: italic;
margin-left: 230px;
}

3. в файле "товар" найдите код:
<!-- Условия доставки -->
			<div class="block1 padd1 marg10">
			  <div class="delivery fnt12 txtalgnlft">
			  <div class="titlegood fnt16 i fntarl txtalgnlft clr">Условия доставки товара:</div>
и замените его на:
<!-- Условия доставки -->
			<div class="block1 padd1 marg10">
			  <div class="delivery fnt12 txtalgnlft">
			  <div class="titlegood fnt16 i fntarl txtalgnlft clr" style="margin-left: -12px;">Условия доставки товара:</div>

4 и 5. в файле "товар" найдите код:
<!-- Модификации товара -->
			<div class="block1 padd51" {% IF GOODS_NO_CHOISE_IN_PROPERTIES_FOR_MODIFICATIONS %}style="display:none;"{% ENDIF %}>
			  {% FOR goods_modifications_properties %}
				<div class="mod goodsDataMainModificationsBlockProperty">
				<div class="titlegood fnt16 i fntarl txtalgnlft clr">Выберите:</div>
и замените его на:
			<!-- Модификации товара -->
			<div class="block1 padd51" {% IF GOODS_NO_CHOISE_IN_PROPERTIES_FOR_MODIFICATIONS %}style="display:none;"{% ENDIF %}>
			<div class="titlegood fnt16 i fntarl txtalgnlft clr">Выберите:</div>
			  {% FOR goods_modifications_properties %}
				<div class="mod goodsDataMainModificationsBlockProperty">


#3 Новичок Ю

Новичок Ю

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

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

Отправлено 29 Июль 2014 - 18:48

Сделала пункт 1 - получилось, но нижнее меню сбилось в кучу. Как поправить?
Screenshot_9.jpg
2.  в файле "товар" найдите код:
<!-- Модификации товара -->
<div class="block1 padd51" {% IF GOODS_NO_CHOISE_IN_PROPERTIES_FOR_MODIFICATIONS %}style="display:none;"{% ENDIF %}>
  {% FOR goods_modifications_properties %}
<div class="mod goodsDataMainModificationsBlockProperty">
<div class="titlegood fnt16 i fntarl txtalgnlft clr">Выберите:</div>
и замените его на:
<!-- Модификации товара -->
<div class="block1 padd51" {% IF GOODS_NO_CHOISE_IN_PROPERTIES_FOR_MODIFICATIONS %}style="display:none;"{% ENDIF %}>
<div class="titlegood fnt16 i fntarl txtalgnlft clr">Выберите:</div>
  {% FOR goods_modifications_properties %}
<div class="mod goodsDataMainModificationsBlockProperty">
Стала одна надпись "Выберите", но она отъехала немного вправо. Как сдвинуть левее?
Screenshot_8.jpg
3. Остался вопрос - как подвинуть вправо правую модификацию до уровня "в корзину"?
4. Как увеличить основное фото товара и иконки "Другие фото"
5. Перенести "поделиться в правый верхний угол?

#4 Новичок Ю

Новичок Ю

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

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

Отправлено 29 Июль 2014 - 18:58

6. Еще вот что появилось Screenshot_10.jpg

#5 Ирина345

Ирина345

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

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

Отправлено 29 Июль 2014 - 19:10

Просмотр сообщенияНовичок Ю (29 Июль 2014 - 18:48) писал:

Сделала пункт 1 - получилось, но нижнее меню сбилось в кучу. Как поправить?
Прикрепленный файл Screenshot_9.jpg
2.  в файле "товар" найдите код:
<!-- Модификации товара -->
<div class="block1 padd51" {% IF GOODS_NO_CHOISE_IN_PROPERTIES_FOR_MODIFICATIONS %}style="display:none;"{% ENDIF %}>
  {% FOR goods_modifications_properties %}
<div class="mod goodsDataMainModificationsBlockProperty">
<div class="titlegood fnt16 i fntarl txtalgnlft clr">Выберите:</div>
и замените его на:
<!-- Модификации товара -->
<div class="block1 padd51" {% IF GOODS_NO_CHOISE_IN_PROPERTIES_FOR_MODIFICATIONS %}style="display:none;"{% ENDIF %}>
<div class="titlegood fnt16 i fntarl txtalgnlft clr">Выберите:</div>
  {% FOR goods_modifications_properties %}
<div class="mod goodsDataMainModificationsBlockProperty">
Стала одна надпись "Выберите", но она отъехала немного вправо. Как сдвинуть левее?
Прикрепленный файл Screenshot_8.jpg
3. Остался вопрос - как подвинуть вправо правую модификацию до уровня "в корзину"?
4. Как увеличить основное фото товара и иконки "Другие фото"
5. Перенести "поделиться в правый верхний угол?
Здравствуйте,
1.уточните как именно поправить
2. найдите в шаблоне Товар код
<div class="titlegood fnt16 i fntarl txtalgnlft clr">Выберите:</div>
замените на
<div class="titlegood fnt16 i fntarl txtalgnlft clr" style="padding: 0px 0px 0px 0px;" >Выберите:</div>
4 зайдите в настройки-основное и там изменить размер изображения большого и маленького.

#6 Новичок Ю

Новичок Ю

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

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

Отправлено 30 Июль 2014 - 01:27

Просмотр сообщенияИрина345 (29 Июль 2014 - 19:10) писал:

Здравствуйте,
1.уточните как именно поправить
2. найдите в шаблоне Товар код
<div class="titlegood fnt16 i fntarl txtalgnlft clr">Выберите:</div>
замените на
<div class="titlegood fnt16 i fntarl txtalgnlft clr" style="padding: 0px 0px 0px 0px;" >Выберите:</div>
4 зайдите в настройки-основное и там изменить размер изображения большого и маленького.

Спасибо! С "Выберите" все получилось)
1. Кнопки в нижнем меню надо сделать, как по умолчанию - по горизонтали, сейчас они столбиком по вертикали.
2. Размер фото почему-то у меня через настройки не меняется (разные размеры ввожу - ничего). Хотелось бы фото товара  и иконки побольше
3. Хотелось бы перенести "поделиться" куда-нибудь - лучше в верхний правый угол напротив наименования товара

4.

Цитата

#content .boxmoney .main .block1 .mod {
               float: left;
               margin: 0.5% 10% 0 0;}
              Регулируйте значение отступа на свое усмотрение
              
Как подвинуть правее модификацию справа, если при уменьшении правого отступа модификации просто переходит вниз?
Screenshot_4.jpg

#7 Vaccina

Vaccina

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

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

Отправлено 30 Июль 2014 - 03:20

1. для этого необходимо в main.css найти:
.fnt10.i, .fnt1.i a, .fnt11.i, .fnt11.i a, .fnt12.i, .fnt12.i a, .fnt13.i, .fnt13.i a, .fnt14.i, .fnt14.i a, .fnt15.i, .fnt15.i a, .fnt16.i, .fnt16.i a, .fnt17.i, .fnt17.i a, .fnt18.i, .fnt18.i a, fntarl.i {
font-style: italic;
margin-left: 230px;
}
заменить на:
.fnt10.i, .fnt1.i a, .fnt11.i, .fnt11.i a, .fnt12.i, .fnt12.i a, .fnt13.i, .fnt13.i a, .fnt14.i, .fnt14.i a, .fnt15.i, .fnt15.i a, .fnt16.i, .fnt16.i a, .fnt17.i, .fnt17.i a, .fnt18.i, .fnt18.i a, fntarl.i {
font-style: italic;
}

2. В разделе Настройки - Основные увеличьте значение размеров фото. Далее попробуйте найти:
.goodstable .maingoodstable .img img {
max-height: 200px;
max-width: 200px;
}
.goodlist .goodlistmain .img img {
max-height: 130px;
max-width: 100%;
}
#content .product .leftpart .fullimg a img {
	max-height: 200px;
	max-width: 310px;
	position: relative;
	z-index: 30;
}
если блоки представлены в точности как я указала выше, то можно изменить их значения, увеличив max-width и max-height

3. напротив наименования лучше не ставить, так как если название товара будет длинным, кнопка будет "прыгать"

4.В main.css найдите:
#content .boxmoney .main .block1 .mod {
float: left;
margin: 0.5% 10% 0 0;
}
замените на:
#content .boxmoney .main .block1 .mod {
float: right;
margin: 0.5% 10% 0 0;
}


#8 Новичок Ю

Новичок Ю

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

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

Отправлено 30 Июль 2014 - 11:20

Просмотр сообщенияVaccina (30 Июль 2014 - 03:20) писал:

1. для этого необходимо в main.css найти:
.fnt10.i, .fnt1.i a, .fnt11.i, .fnt11.i a, .fnt12.i, .fnt12.i a, .fnt13.i, .fnt13.i a, .fnt14.i, .fnt14.i a, .fnt15.i, .fnt15.i a, .fnt16.i, .fnt16.i a, .fnt17.i, .fnt17.i a, .fnt18.i, .fnt18.i a, fntarl.i {
font-style: italic;
margin-left: 230px;
}
заменить на:
.fnt10.i, .fnt1.i a, .fnt11.i, .fnt11.i a, .fnt12.i, .fnt12.i a, .fnt13.i, .fnt13.i a, .fnt14.i, .fnt14.i a, .fnt15.i, .fnt15.i a, .fnt16.i, .fnt16.i a, .fnt17.i, .fnt17.i a, .fnt18.i, .fnt18.i a, fntarl.i {
font-style: italic;
}

2. В разделе Настройки - Основные увеличьте значение размеров фото. Далее попробуйте найти:
.goodstable .maingoodstable .img img {
max-height: 200px;
max-width: 200px;
}
.goodlist .goodlistmain .img img {
max-height: 130px;
max-width: 100%;
}
#content .product .leftpart .fullimg a img {
	max-height: 200px;
	max-width: 310px;
	position: relative;
	z-index: 30;
}
если блоки представлены в точности как я указала выше, то можно изменить их значения, увеличив max-width и max-height

3. напротив наименования лучше не ставить, так как если название товара будет длинным, кнопка будет "прыгать"

4.В main.css найдите:
#content .boxmoney .main .block1 .mod {
float: left;
margin: 0.5% 10% 0 0;
}
замените на:
#content .boxmoney .main .block1 .mod {
float: right;
margin: 0.5% 10% 0 0;
}

Спасибо! Удалось увеличить главное фото (и заодно уменьшились около него поля в рамке), а в "Других фото" размер стал побольше, но не могу найти, где тоже уменьшить поля, чтоб иконок побольше помещалось под главным?
2. Нижнее меню вернулось, как было, но вместе с этим опять с центра ушли надписи "Описание" и "Характеристики".  Как их в центр поставить, не трогая меню?
3. Можно там, где окна с модификацией, раздвинуть немного по вертикали - надпись "Выберите", название модификации и само окно? (там как-то очень кучно) и где менять шрифты "Выберите" и "условия доставки"?
Screenshot_8.jpg

#9 Ирина345

Ирина345

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

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

Отправлено 30 Июль 2014 - 11:43

Просмотр сообщенияНовичок Ю (30 Июль 2014 - 11:20) писал:

Спасибо! Удалось увеличить главное фото (и заодно уменьшились около него поля в рамке), а в "Других фото" размер стал побольше, но не могу найти, где тоже уменьшить поля, чтоб иконок побольше помещалось под главным?
2. Нижнее меню вернулось, как было, но вместе с этим опять с центра ушли надписи "Описание" и "Характеристики".  Как их в центр поставить, не трогая меню?
3. Можно там, где окна с модификацией, раздвинуть немного по вертикали - надпись "Выберите", название модификации и само окно? (там как-то очень кучно) и где менять шрифты "Выберите" и "условия доставки"?
Прикрепленный файл Screenshot_8.jpg
Здравствуйте,
1 найдите в шаблоне Товар

<div>Характеристики:<span class="paragraph-end"></span></div>
замените на
<div>Характеристики:<span class="paragraph-end" style="margin-left: 193px;"></span></div>

далее найдите
 <div class="titlegood fnt18 i fntarl txtalgnlft clr">Описание:</div>
замените на
 <div class="titlegood fnt18 i fntarl txtalgnlft clr" style="margin-left: 239px;">Описание:</div>
2. найдите в шаблоне Товар
 #content .boxmoney .main .block1 .titlegood {
margin: 5px 0 0px 0;
color: #7FA600;
}
замените на
 #content .boxmoney .main .block1 .titlegood {
margin: 5px 0 0px 0;
color: #7FA600;
font-family: ariel;
}
значение font-family: ariel; это стиль шрифта, его можно изменить

#10 Новичок Ю

Новичок Ю

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

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

Отправлено 30 Июль 2014 - 18:46

Спасибо! Все сделала - "Описание" подвинулось и с "выберите" все получилось. Почему-то  не подвинулись "Характеристики"
2. Остался вопрос - как убрать лишние поля вокруг иконок
3. Еще подскажите в "Истории просмотров" имя товара как-то небрежно размещено - можно что-то сделать?(скрин)
4. Посмотрите, пожалуйста, я перетащила "поделиться" и поставила его в . Так можно сделать - вот код
<ul class="right fright txtalgncnt">
                <!-- Кнопки В корзину и Быстрый заказ -->
                <li class="goodsPageSubmitButtonBlock" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE==1 && GOODS_MOD_REST_VALUE==0 %}style="display:none;"{% ENDIF %}><a class="orangebut padd1 fnt11 fntarl dinline txtalgncnt fntupcase anone0" onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">В корзину</a></li>
                <li class="goodsPageSubmitButtonBlock quickorder" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE==1 && GOODS_MOD_REST_VALUE==0 %}style="display:none;"{% ENDIF %}><a class="orangebut padd1 fnt11 fntarl dinline txtalgncnt fntupcase anone0" onclick="quickorder('.goodsDataForm'); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">Быстрый заказ</a></li>
                <!-- Кнопки социальных сетей от yandex-share -->
                <div id="yandex_share" class="orange"></div></a></li>
                <!-- end Кнопки социальных сетей от yandex-share -->
                <!-- Если в тарифном плане подключен модуль сравнения товаров -->
                {% IF TARIFF_FEATURE_GOODS_COMPARE %}
                  <!-- Если не выключен модуль сравнения товаров, то покажем кнопку сравнения товаров -->
                  {% IFNOT SETTINGS_COMPARE_DISABLE %}
                    <li class="aunder silver"><a class="goodsDataCompareButton add padd1 fnt11 fntarl dinline txtalgncnt" {% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" title="Добавить &laquo;{GOODS_NAME}&raquo; к списку сравнения с другими товарами" href="#" >Сравнить товар</a></li>
                    <li class="aunder silver"><a class="goodsDataCompareButton delete padd1 fnt11 fntarl dinline txtalgncnt" {% IFNOT GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} rel="{COMPARE_DELETE_URL}?return_to={CURRENT_URL | urlencode}" title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами" href="#" >Не сравнивать</a></li>
                  {% ENDIF %}
                {% ENDIF %}
              </ul>
Screenshot_1.jpg

#11 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 30 Июль 2014 - 18:58

Просмотр сообщенияНовичок Ю (30 Июль 2014 - 18:46) писал:

Спасибо! Все сделала - "Описание" подвинулось и с "выберите" все получилось. Почему-то  не подвинулись "Характеристики"
2. Остался вопрос - как убрать лишние поля вокруг иконок
3. Еще подскажите в "Истории просмотров" имя товара как-то небрежно размещено - можно что-то сделать?(скрин)
4. Посмотрите, пожалуйста, я перетащила "поделиться" и поставила его в . Так можно сделать - вот код
<ul class="right fright txtalgncnt">
<!-- Кнопки В корзину и Быстрый заказ -->
<li class="goodsPageSubmitButtonBlock" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE==1 && GOODS_MOD_REST_VALUE==0 %}style="display:none;"{% ENDIF %}><a class="orangebut padd1 fnt11 fntarl dinline txtalgncnt fntupcase anone0" onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">В корзину</a></li>
<li class="goodsPageSubmitButtonBlock quickorder" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE==1 && GOODS_MOD_REST_VALUE==0 %}style="display:none;"{% ENDIF %}><a class="orangebut padd1 fnt11 fntarl dinline txtalgncnt fntupcase anone0" onclick="quickorder('.goodsDataForm'); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">Быстрый заказ</a></li>
<!-- Кнопки социальных сетей от yandex-share -->
<div id="yandex_share" class="orange"></div></a></li>
<!-- end Кнопки социальных сетей от yandex-share -->
<!-- Если в тарифном плане подключен модуль сравнения товаров -->
{% IF TARIFF_FEATURE_GOODS_COMPARE %}
  <!-- Если не выключен модуль сравнения товаров, то покажем кнопку сравнения товаров -->
  {% IFNOT SETTINGS_COMPARE_DISABLE %}
<li class="aunder silver"><a class="goodsDataCompareButton add padd1 fnt11 fntarl dinline txtalgncnt" {% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" title="Добавить &laquo;{GOODS_NAME}&raquo; к списку сравнения с другими товарами" href="#" >Сравнить товар</a></li>
<li class="aunder silver"><a class="goodsDataCompareButton delete padd1 fnt11 fntarl dinline txtalgncnt" {% IFNOT GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} rel="{COMPARE_DELETE_URL}?return_to={CURRENT_URL | urlencode}" title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами" href="#" >Не сравнивать</a></li>
  {% ENDIF %}
{% ENDIF %}
  </ul>
Прикрепленный файл Screenshot_1.jpg
Здравствуйте.
2)Уточните, пожалуйста, около каких иконок нужно убрать лишние поля.
3)
Найдите в main.css
.recentlyText {
padding-top: 3%;
display: inline-block;
text-align: left;
width: 72%;
float: left;
}
измените на
.recentlyText {
padding-top: 3%;
display: inline-block;
text-align: left;
width: 80%;
float: left;
}
4) Да, всё хорохо

#12 Новичок Ю

Новичок Ю

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

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

Отправлено 30 Июль 2014 - 22:55

Спасибо)))
1. Иконки под главным фото "Другие фото"
2. И слово "Характеристики" в центр
Screenshot_3.jpg

#13 Vaccina

Vaccina

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

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

Отправлено 31 Июль 2014 - 02:29

1. В main.css найдите:
#content .product .leftpart .fullimg, #content .product .leftpart .allphoto ul li a { border:1px solid #ebebeb; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius:6px; width:100%;  z-index: 1;}
#content .product .leftpart .fullimg:hover, #content .product .leftpart .allphoto ul li a:hover { border:1px solid #E6C101; }
замените на:
#content .product .leftpart .fullimg{ border:1px solid #ebebeb; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius:6px; width:100%;  z-index: 1;}
#content .product .leftpart .fullimg:hover{ border:1px solid #E6C101; }

2.В main.css добавьте:
.characteristic>div{
text-align:center;
}


#14 Новичок Ю

Новичок Ю

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

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

Отправлено 31 Июль 2014 - 15:51

Просмотр сообщенияVaccina (31 Июль 2014 - 02:29) писал:

1. В main.css найдите:
#content .product .leftpart .fullimg, #content .product .leftpart .allphoto ul li a { border:1px solid #ebebeb; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius:6px; width:100%; z-index: 1;}
#content .product .leftpart .fullimg:hover, #content .product .leftpart .allphoto ul li a:hover { border:1px solid #E6C101; }
замените на:
#content .product .leftpart .fullimg{ border:1px solid #ebebeb; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius:6px; width:100%; z-index: 1;}
#content .product .leftpart .fullimg:hover{ border:1px solid #E6C101; }

2.В main.css добавьте:
.characteristic>div{
text-align:center;
}
Здравствуйте! У меня почему-то ничего не изменилось:
1. У иконок "Другие фото" остались широкие боковые поля (из-за этого они в один ряд не помещаются)
2. Слово "Характеристики" тоже не подвинулось к центру.
Что я делаю не так?
Screenshot_4.jpg
Подскажите, как сделать, чтобы текст в комментариях на скриншоте стал печататься по-русски (после вставки артикула на английском из буфера на скрин теперь печатает только английским. Спасибо)

#15 Danil

Danil

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

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

Отправлено 31 Июль 2014 - 16:58

Здравствуйте, почистите кэш браузера и обновите.

#16 Новичок Ю

Новичок Ю

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

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

Отправлено 31 Июль 2014 - 17:16

Через некоторое время произошли изменения, но не так, как мне бы хотелось.
1. Названия "Характеристики" и "Описание" все-таки находятся левее центра, а нужно в центре.
2. Вокруг иконок совсем исчезли декоративные поля, но, как я понимаю, их просто не видно, т.к. иконки не встали по горизонтали и смотрятся вообще хаотично. Декоративные рамки нужны, но не с такими отступами по бокам (нужно как на главном фото)
Кэш почистила.
Screenshot_5.jpg

#17 Danil

Danil

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

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

Отправлено 31 Июль 2014 - 17:31

Просмотр сообщенияНовичок Ю (31 Июль 2014 - 17:16) писал:

Через некоторое время произошли изменения, но не так, как мне бы хотелось.
1. Названия "Характеристики" и "Описание" все-таки находятся левее центра, а нужно в центре.
2. Вокруг иконок совсем исчезли декоративные поля, но, как я понимаю, их просто не видно, т.к. иконки не встали по горизонтали и смотрятся вообще хаотично. Декоративные рамки нужны, но не с такими отступами по бокам (нужно как на главном фото)
Кэш почистила.
Прикрепленный файл Screenshot_5.jpg
Найдите в main.css
.characteristic>div {
text-align: center;
}
Измените на
.characteristic>div {
text-align: center;
margin-left: 155px;
}
Найдите код в шаблоне "товар"
<!--Описание товара-->
<div class="infogood padd50 marg1 clr">
	 <div class="titlegood fnt18 i fntarl txtalgnlft clr" style="margin-left: 239px;">Описание:</div>
	 <div class="text fnt14 fntarl padd50 aunder clr htmlDataBlock" itemprop="description">
		 {GOODS_DESCRIPTION_LARGE}
		 <!-- Короткое SEO-описание -->
		 {% IF GOODS_SEO_DESCRIPTION_SHORT %}
			 <div class="htmlDataBlock" itemprop="description">
			 {GOODS_SEO_DESCRIPTION_SHORT}
			 </div>
		 {% ENDIF %}
		 <!-- END Короткое SEO-описание -->
		 <!-- Полное SEO-описание -->
		 {% IF GOODS_SEO_DESCRIPTION_LARGE %}
			 <div class="htmlDataBlock" itemprop="description">
			 {GOODS_SEO_DESCRIPTION_LARGE}
			 </div>
		 {% ENDIF %}
		 <!-- END Полное SEO-описание -->
	 </div>
</div>
<!--Описание товара-END-->
{% ENDIF %}

<!-- Описание-Конец -->
Изменить на
<!--Описание товара-->
<div class="infogood padd50 marg1 clr">
	 <div class="titlegood fnt18 i fntarl txtalgnlft clr" style="margin-left: 285px;">Описание:</div>
	 <div class="text fnt14 fntarl padd50 aunder clr htmlDataBlock" itemprop="description">
		 {GOODS_DESCRIPTION_LARGE}
		 <!-- Короткое SEO-описание -->
		 {% IF GOODS_SEO_DESCRIPTION_SHORT %}
			 <div class="htmlDataBlock" itemprop="description">
			 {GOODS_SEO_DESCRIPTION_SHORT}
			 </div>
		 {% ENDIF %}
		 <!-- END Короткое SEO-описание -->
		 <!-- Полное SEO-описание -->
		 {% IF GOODS_SEO_DESCRIPTION_LARGE %}
			 <div class="htmlDataBlock" itemprop="description">
			 {GOODS_SEO_DESCRIPTION_LARGE}
			 </div>
		 {% ENDIF %}
		 <!-- END Полное SEO-описание -->
	 </div>
</div>
<!--Описание товара-END-->
{% ENDIF %}

<!-- Описание-Конец -->
2)Найдите в main.css этот код
#content .product .leftpart .allphoto ul li { float:left; min-width:85px; min-height:60px; margin:0 15px 0px 0; }
И замените его на
#content .product .leftpart .allphoto ul li { float:left; min-height:60px; margin:0 15px 0px 0; }
Найдите в main.css код
#content .product .leftpart .allphoto ul li a { display:block; padding:3px;min-width: 85px; }
И замените на
#content .product .leftpart .allphoto ul li a { display:block; padding:3px; }


#18 Новичок Ю

Новичок Ю

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

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

Отправлено 31 Июль 2014 - 19:55

Спасибо)) Все получилось, только декоративные рамки у иконок не вернулись, можно их вернуть, как у главного фото?
Артикул 01CH2-55bs02 - это, где сейчас 4 иконки (потом везде будет).
Screenshot_9.jpg

#19 Danil

Danil

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

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

Отправлено 31 Июль 2014 - 20:05

Просмотр сообщенияНовичок Ю (31 Июль 2014 - 19:55) писал:

Спасибо)) Все получилось, только декоративные рамки у иконок не вернулись, можно их вернуть, как у главного фото?
Артикул 01CH2-55bs02 - это, где сейчас 4 иконки (потом везде будет).
Прикрепленный файл Screenshot_9.jpg

Найдите в main.css код
#content .product .leftpart .allphoto ul li { float:left; min-height:60px; margin:0 15px 0px 0; }
И замените его на
#content .product .leftpart .allphoto ul li { float:left; min-height:60px; margin:0 15px 0px 0; border: 1px solid #ebebeb; border-radius: 6px; }


#20 Новичок Ю

Новичок Ю

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

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

Отправлено 31 Июль 2014 - 22:33

Все получилось))) Спасибо)




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

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