Помогите Пожалуйста.
#1
Отправлено 11 Январь 2017 - 03:27
1. как сделать так что бы в каталоге было не по 2 товара, а по 3 или 4(если возможно)?
2. Шрифт как убрать эти заглавные буквы?
3. На главной как перенести текст страницы, что бы он был перед Хитами продаж?
4. в каталоге как закрепить название категорий? что бы они были всегда, а не только при наведении на картинку и при этом картинка что бы не затемнялась?
Заранее спасибо
#2
Отправлено 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
Отправлено 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
Отправлено 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
Отправлено 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
Отправлено 30 Январь 2017 - 12:31
как сделать что бы фото товара не просто можно было просмотреть в увеличенном виде,а что бы оно открывалось в увеличенном виде при нажатии????
и название товаров тоже не полностью отображаются(((( как исправить?
Сообщение отредактировал Svv: 30 Январь 2017 - 12:33
#7
Отправлено 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
Отправлено 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
Отправлено 30 Январь 2017 - 21:17
#10
Отправлено 31 Январь 2017 - 09:29
Svv (30 Январь 2017 - 21:17) писал:
Здравствуйте.
Сортировку каталогов вы можете выставить в ручную в бэк-офисе вашего интернет-магазина,в разделе Товары -> Товары, просто перетаскивая категории между собой, расставляя, тем самым, как вам удобнее.
Однако мы настоятельно советуем вам всегда загружать для вашего сайта изображения одинакового размера.
Спасибо.
#11
Отправлено 04 Февраль 2017 - 14:58
Можно ли например,что бы отображалось 3 и дальше что-то типа "посмотреть больше предложений" и кнопочка которая будет раскрывать этот список?
2.И снова повторю вопрос, на который так и не получила ответ((((
3.Как сделать текст на главной перед Популярными товарами?????
4.Цвет текста на слайдере еще как поменять?
5.При наведении на товар выскакивает корзина и карточка товара меняет цвет на серый, как сделать, что бы не меняла цвет на серый?
6. телефон отображается один, а надо 2. а в Мобильной версии отображается два телефона но не каждый в свою строку, а разбиваются на несколько частей. как исправить?
#12
Отправлено 04 Февраль 2017 - 15:28
#13
Отправлено 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
Отправлено 09 Февраль 2017 - 15:09
#15
Отправлено 09 Февраль 2017 - 21:17
Svv (04 Февраль 2017 - 14:58) писал:
Можно ли например,что бы отображалось 3 и дальше что-то типа "посмотреть больше предложений" и кнопочка которая будет раскрывать этот список?
2.И снова повторю вопрос, на который так и не получила ответ((((
3.Как сделать текст на главной перед Популярными товарами?????
4.Цвет текста на слайдере еще как поменять?
5.При наведении на товар выскакивает корзина и карточка товара меняет цвет на серый, как сделать, что бы не меняла цвет на серый?
6. телефон отображается один, а надо 2. а в Мобильной версии отображается два телефона но не каждый в свою строку, а разбиваются на несколько частей. как исправить?
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 анонимных