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


Помогите Пожалуйста.


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

#1 Svv

Svv

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

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

Отправлено 11 Январь 2017 - 03:27

Доброго времени суток!
1. как сделать так что бы в каталоге было не по 2 товара, а по 3 или 4(если возможно)?
2. Шрифт как убрать эти заглавные буквы?
3. На главной как перенести текст страницы, что бы он был перед Хитами продаж?
4. в каталоге как закрепить название категорий? что бы они были всегда, а не только при наведении на картинку и при этом картинка что бы не затемнялась?

Заранее спасибо

#2 Vaccina

Vaccina

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

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

Отправлено 20 Январь 2017 - 07:48

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.cat-info .cat-name {display: block;padding: 0 15px;margin-top:10px;width: 100%;z-index: 9;}
.cat-info h3 {display: block;position: relative;background: rgba(0,0,0,0.7);color: #fff;padding: 5px 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.cat-info:hover:before {background: rgba(85,85,85,0.3);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;}
.cat-info:hover img {transform: translate3d(0px,0px,0px);-moz-transform: translate3d(0px,0px,0px);-webkit-transform: translate3d(0px,0px,0px);-ms-transform: translate3d(0px,0px,0px);-o-transform: translate3d(0px,0px,0px);}

замените на:
.cat-info .cat-name {display: block;padding: 0;width: 100%;}
.cat-info h3 {text-transform: none;display: block;position: relative;background: rgba(0,0,0,0.7);color: #fff;padding: 5px 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

На данный момент у вас отображается по 3 товаров в строку и название категории всегда видимы.

#3 Svv

Svv

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

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

Отправлено 25 Январь 2017 - 14:28

Просмотр сообщенияVaccina (20 Январь 2017 - 07:48) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.cat-info .cat-name {display: block;padding: 0 15px;margin-top:10px;width: 100%;z-index: 9;}
.cat-info h3 {display: block;position: relative;background: rgba(0,0,0,0.7);color: #fff;padding: 5px 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.cat-info:hover:before {background: rgba(85,85,85,0.3);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;}
.cat-info:hover img {transform: translate3d(0px,0px,0px);-moz-transform: translate3d(0px,0px,0px);-webkit-transform: translate3d(0px,0px,0px);-ms-transform: translate3d(0px,0px,0px);-o-transform: translate3d(0px,0px,0px);}

замените на:
.cat-info .cat-name {display: block;padding: 0;width: 100%;}
.cat-info h3 {text-transform: none;display: block;position: relative;background: rgba(0,0,0,0.7);color: #fff;padding: 5px 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

На данный момент у вас отображается по 3 товаров в строку и название категории всегда видимы.

спасибо.
А как сделать что бы телефон не переносился на другую строчку (в шапке)
и как сделать, что бы отображался и второй телефон тоже?

заранее спасибо

#4 Mr.Nito

Mr.Nito

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

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

Отправлено 25 Январь 2017 - 17:49

Просмотр сообщенияSvv (25 Январь 2017 - 14:28) писал:

спасибо.
А как сделать что бы телефон не переносился на другую строчку (в шапке)
и как сделать, что бы отображался и второй телефон тоже?

заранее спасибо
Чтобы телефон не переносился, пришлось изменить его размер, так как тип шрифта отличается от стандартного.


Номер телефона добавил в шаблоне HTML

<!-- Телефон -->
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
<div class="block-phone">
<i class="fa fa-phone"></i>
<span class="label">Телефон: </span>
<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a>
</div>
{% ENDIF %}
<!-- Телефон 2-->
{% IF SETTINGS_STORE_PHONE_NUMBER2 %}
<div class="block-phone" >
<i class="fa fa-phone"></i>
<span class="label">Телефон: </span>
<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a>
</div>
{% ENDIF %}


#5 Svv

Svv

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

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

Отправлено 27 Январь 2017 - 22:07

Просмотр сообщенияMr.Nito (25 Январь 2017 - 17:49) писал:

Чтобы телефон не переносился, пришлось изменить его размер, так как тип шрифта отличается от стандартного.


Номер телефона добавил в шаблоне HTML

<!-- Телефон -->
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
<div class="block-phone">
<i class="fa fa-phone"></i>
<span class="label">Телефон: </span>
<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a>
</div>
{% ENDIF %}
<!-- Телефон 2-->
{% IF SETTINGS_STORE_PHONE_NUMBER2 %}
<div class="block-phone" >
<i class="fa fa-phone"></i>
<span class="label">Телефон: </span>
<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a>
</div>
{% ENDIF %}

СПАСИИИИБО!!!

#6 Svv

Svv

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

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

Отправлено 30 Январь 2017 - 12:31

Помогите пожалуйста.
как сделать что бы фото товара не просто можно было просмотреть в увеличенном виде,а что бы оно открывалось в увеличенном виде при нажатии????

и название товаров тоже не полностью отображаются(((( как исправить?

Сообщение отредактировал Svv: 30 Январь 2017 - 12:33


#7 Ирина345

Ирина345

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

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

Отправлено 30 Январь 2017 - 14:12

Просмотр сообщенияSvv (30 Январь 2017 - 12:31) писал:

Помогите пожалуйста.
как сделать что бы фото товара не просто можно было просмотреть в увеличенном виде,а что бы оно открывалось в увеличенном виде при нажатии????

и название товаров тоже не полностью отображаются(((( как исправить?
Здравствуйте, найдите в шаблоне Товар код
<div class="goodsImageZoom" data="{GOODS_IMAGE_ID}" style="display: none;"><a href="#" title="Увеличить изображение"></a></div>


замените на
<div class="goodsImageZoom" data="{GOODS_IMAGE_ID}" ><a href="#" title="Увеличить изображение">Увеличить изображение</a></div>
		
далее найдите
$('a[rel="gallery"]').fancybox();
после вставьте
$(".goodsImageZoom").fancybox();


далее найдите в файле main.css
.product-view .product-img-box .goodsImageZoomON {position: absolute;width: 40px;height: 40px;background-color: #2b3038;bottom: 0px;right: 0px;z-index: 100000;text-align: center;}
.product-view .product-img-box .goodsImageZoomON:before {content: "\f002";line-height: 38px;text-align: center;font-size: 20px;font-family: fontawesome;color: #fff;}

замените на
.product-view .product-img-box .goodsImageZoom { position: absolute;
right: 0px;
z-index: 9;
text-align: center;
font-family: "agency", 'PT Sans Narrow', sans-serif;}
.product-view .product-img-box .goodsImageZoom:before { content: "\f002";
line-height: 38px;
text-align: center;
font-size: 20px;
font-family: fontawesome;
color: #fff;
background-color: #2b3038;
padding: 4px;
margin-right: 7px;}

Уточните, где именно у Вас название не полностью отображается?

#8 Svv

Svv

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

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

Отправлено 30 Январь 2017 - 21:05

Просмотр сообщенияИрина345 (30 Январь 2017 - 14:12) писал:

Здравствуйте, найдите в шаблоне Товар код
<div class="goodsImageZoom" data="{GOODS_IMAGE_ID}" style="display: none;"><a href="#" title="Увеличить изображение"></a></div>


замените на
<div class="goodsImageZoom" data="{GOODS_IMAGE_ID}" ><a href="#" title="Увеличить изображение">Увеличить изображение</a></div>
		
далее найдите
$('a[rel="gallery"]').fancybox();
после вставьте
$(".goodsImageZoom").fancybox();


далее найдите в файле main.css
.product-view .product-img-box .goodsImageZoomON {position: absolute;width: 40px;height: 40px;background-color: #2b3038;bottom: 0px;right: 0px;z-index: 100000;text-align: center;}
.product-view .product-img-box .goodsImageZoomON:before {content: "\f002";line-height: 38px;text-align: center;font-size: 20px;font-family: fontawesome;color: #fff;}

замените на
.product-view .product-img-box .goodsImageZoom { position: absolute;
right: 0px;
z-index: 9;
text-align: center;
font-family: "agency", 'PT Sans Narrow', sans-serif;}
.product-view .product-img-box .goodsImageZoom:before { content: "\f002";
line-height: 38px;
text-align: center;
font-size: 20px;
font-family: fontawesome;
color: #fff;
background-color: #2b3038;
padding: 4px;
margin-right: 7px;}

Уточните, где именно у Вас название не полностью отображается?


Спасибо! получилось.

не отображаются названия товаров в каталоге.... например вот тут http://svv-auto.ru/c...h-dorogih-porod

Так же с номером телефона почему-то проблема не решилась. опять не отображается второй телефон((( ничего не меняла

А шрифт можно поменять на более читаемый например Arial или что-то другое из стандартных?

заранее спасибо

#9 Svv

Svv

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

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

Отправлено 30 Январь 2017 - 21:17

и еще один вопросик.... в каталоге категории с картинками отображаются не ровно (наверное потому что картинки разного размера) можно ли как то упорядочить это принудительно?

#10 RayLi

RayLi

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

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

Отправлено 31 Январь 2017 - 09:29

Просмотр сообщенияSvv (30 Январь 2017 - 21:17) писал:

и еще один вопросик.... в каталоге категории с картинками отображаются не ровно (наверное потому что картинки разного размера) можно ли как то упорядочить это принудительно?

Здравствуйте.
Сортировку каталогов вы можете выставить в ручную в бэк-офисе вашего интернет-магазина,в  разделе Товары -> Товары, просто перетаскивая категории между собой, расставляя, тем самым, как вам удобнее.
Однако мы настоятельно советуем вам всегда загружать для вашего сайта изображения одинакового размера.
Спасибо.

#11 Svv

Svv

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

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

Отправлено 04 Февраль 2017 - 14:58

1.Как на главной странице минимизировать "популярные товары"
Можно ли например,что бы отображалось 3 и дальше что-то типа "посмотреть больше предложений" и кнопочка которая будет раскрывать этот список?

2.И снова повторю вопрос, на который так и не получила ответ((((
3.Как сделать текст на главной  перед Популярными товарами?????
4.Цвет текста на слайдере еще как поменять?
5.При наведении на товар выскакивает корзина и карточка товара меняет цвет на серый, как сделать, что бы не меняла цвет на серый?
6. телефон отображается один, а надо 2. а в Мобильной версии отображается два телефона но не каждый в свою строку, а разбиваются на несколько частей.  как исправить?

#12 Svv

Svv

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

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

Отправлено 04 Февраль 2017 - 15:28

Цвет текста на слайдере еще как поменять?

#13 Svv

Svv

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

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

Отправлено 06 Февраль 2017 - 10:16

Просмотр сообщенияVaccina (20 Январь 2017 - 07:48) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.cat-info .cat-name {display: block;padding: 0 15px;margin-top:10px;width: 100%;z-index: 9;}
.cat-info h3 {display: block;position: relative;background: rgba(0,0,0,0.7);color: #fff;padding: 5px 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.cat-info:hover:before {background: rgba(85,85,85,0.3);opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;}
.cat-info:hover img {transform: translate3d(0px,0px,0px);-moz-transform: translate3d(0px,0px,0px);-webkit-transform: translate3d(0px,0px,0px);-ms-transform: translate3d(0px,0px,0px);-o-transform: translate3d(0px,0px,0px);}

замените на:
.cat-info .cat-name {display: block;padding: 0;width: 100%;}
.cat-info h3 {text-transform: none;display: block;position: relative;background: rgba(0,0,0,0.7);color: #fff;padding: 5px 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

На данный момент у вас отображается по 3 товаров в строку и название категории всегда видимы.

Помогите пожалуйста

#14 Svv

Svv

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

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

Отправлено 09 Февраль 2017 - 15:09

Полная тишина(((

#15 Mr.Nito

Mr.Nito

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

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

Отправлено 09 Февраль 2017 - 21:17

Просмотр сообщенияSvv (04 Февраль 2017 - 14:58) писал:

1.Как на главной странице минимизировать "популярные товары"
Можно ли например,что бы отображалось 3 и дальше что-то типа "посмотреть больше предложений" и кнопочка которая будет раскрывать этот список?

2.И снова повторю вопрос, на который так и не получила ответ((((
3.Как сделать текст на главной  перед Популярными товарами?????
4.Цвет текста на слайдере еще как поменять?
5.При наведении на товар выскакивает корзина и карточка товара меняет цвет на серый, как сделать, что бы не меняла цвет на серый?
6. телефон отображается один, а надо 2. а в Мобильной версии отображается два телефона но не каждый в свою строку, а разбиваются на несколько частей.  как исправить?
3.Текст переместил
4.
Текст на слайдере
.accor strong {display: block;color: #fff;line-height: 100%;margin-bottom: 5px;padding: 10px 10px 0;text-shadow: none;}
.accor p {display: block;color: #fff;font-size: 14px;padding: 0 10px;text-shadow: none;line-height: 100%;}

свойство color- цвет шрифта
5.Цвет при наведении убрал
6.2й номер телефона вывел на сайте.




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

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