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


Публикации Cannab

49 публикаций создано Cannab (учитываются публикации только с 26-Апрель 23)


По типу контента

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


Сортировать                 Порядок  

#107532 Карточка С Товаром

Отправлено от Cannab в 30 Ноябрь 2013 - 19:55 в Главная

1) как привязать цену и оставить отзыв к кнопке быстрый заказ(чтобы они всегда рядом с ней были)


2) кнопка закрывает и цену и вообще путаница тут какаято , как упорядочить все это делО?

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

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


#107531 Изменение Шапки

Отправлено от Cannab в 30 Ноябрь 2013 - 19:50 в Главная

Просмотр сообщенияСake (26 Ноябрь 2013 - 03:00) писал:

Найдите в файле стилей style.css

#search_block_top #search_query_top {
border: 1px solid #CECECE !important;
padding-right: 30px;
vertical-align: middle !important;
width: 350px;
}

и замените на

#search_block_top #search_query_top {
border: 1px solid #CECECE !important;
padding-right: 30px;
vertical-align: middle !important;
}

далее найдите

#header-right {
float: right;
height: 100px;
margin-right: 10px;
position: relative;
z-index: 20;
}

и замените на

#header-right {
bottom: 5px;
position: absolute;
right: 0;
z-index: 20;
}

далее найдите

.contacts {
float: left;
font-size: 16px;
margin-left: 60px;
margin-top: 30px;
width: 200px;
}

и замените на

.contacts {
display: none;
float: left;
font-size: 16px;
margin-left: 60px;
margin-top: 30px;
width: 200px;
}

далее в самый конец стилей добавьте

@media only screen and (max-width:1210px) {
#header-right {
bottom: 0;
position: relative;
right: 0;
z-index: 20;
float: right;
}
}
1 и3 вопросы открыты


#107530 Подскажите

Отправлено от Cannab в 30 Ноябрь 2013 - 19:43 в Изменение общей стилистики

Просмотр сообщенияCastiel (26 Ноябрь 2013 - 20:34) писал:

Редактируем style.css

Находим
#category_view_type.grid_view #product_list .product_list_add_to_cart {
text-align: center;
margin-top: 10px;
margin-bottom: 5px;
position: absolute;
z-index: 3;
width: 100%;
bottom: 20px;
height: 35px;
line-height: 35px;
}

Заменяем
#category_view_type.grid_view #product_list .product_list_add_to_cart {
text-align: center;
margin-top: 10px;
margin-bottom: 5px;
position: absolute;
z-index: 3;
width: 100%;
height: 35px;
line-height: 35px;
}
не нашел такого аккаунт SL-185561


#106112 Подскажите

Отправлено от Cannab в 25 Ноябрь 2013 - 19:28 в Изменение общей стилистики

Просмотр сообщенияsengun (24 Ноябрь 2013 - 22:40) писал:

На главной новинки отображаются вот такПрикрепленный файл 24-11-2013 22-44-28.png
Чтобы кнопку "Оставить отзыв" прикрепить над кнопкой "Быстрый заказ", в style.css
.rating{clear:both;display:block;margin:1em 1em;cursor:pointer;text-align: center;}
замените на
.rating{clear:both;display:block;cursor:pointer;text-align: center;position: absolute;width: 100%;bottom: 75px;}
.autumnshowcase_carousel .rating{clear:both;display:block;cursor:pointer;text-align: center;position: absolute;width: inherit;bottom: 45px;}

Причина того, что возникает у вас в категории "Все игры" - разные размеры картинок товаров, разная длина их наименования (занимает разное количество строк). Как раз под такие случаи и заточен шаблон "Осень", обеспечивая эффективное использование пространства страницы. Но, кнопки получаются в разнобой.
Есть 2 варианта: подогнать картинки товаров так, чтобы они были примерно одинакового размера, либо увеличивать высоту карточки товара (свойство ;height: 400px;) в коде 
#category_view_type.grid_view #product_list li{display: inline-block; display: -moz-inline-stack; *display: inline;position:relative;width:200px;height: 400px;margin:0 15px;padding:0;border:0; vertical-align: top;text-align:center;z-index: 100;}
но в этом случае там, где картинки по высоте занимают меньше места, образуется много пустого пространства.


И еще замените
.goodsListItemCatalogueAddToCartButton {padding-bottom: 5px; position: absolute; bottom: 0px; width: inherit;}
на это
.goodsListItemCatalogueAddToCartButton {padding-bottom: 5px;}
.autumnshowcase_carousel .goodsListItemCatalogueAddToCartButton {
padding-bottom: 5px;
position: absolute;
bottom: 0px;
width: inherit;
}
а то при просмотре списком кнопка "Быстрый заказ" слетела и перекрывает цену.
проделал предложенные вами изменения, все осталось как есть


#106100 Изменение Шапки

Отправлено от Cannab в 25 Ноябрь 2013 - 18:37 в Главная

Просмотр сообщенияempty9228 (25 Ноябрь 2013 - 10:28) писал:

Здравствуйте, пришлите пожалуйста свой номер аккаунта и укажите на скриншоте область куда именно вы хотите переместить поиск и корзину.
SL-185561
Нужно переместить форму поиска и корзину вниз к баннеру в одну линию с верхним меню

Просмотр сообщенияCannab (24 Ноябрь 2013 - 21:10) писал:

Помогите пожалуйста по следующим пунктам.
1) Форму поиска уменьшить по длине вдвое и вместе с корзиной сместить вниз к баннеру.
2) удалить контакты
3) вставить изображение
ну и по остальному подскажите

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

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


#105869 Изменение Шапки

Отправлено от Cannab в 24 Ноябрь 2013 - 21:10 в Главная

Помогите пожалуйста по следующим пунктам.
1) Форму поиска уменьшить по длине вдвое и вместе с корзиной сместить вниз к баннеру.
2) удалить контакты
3) вставить изображение

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

  • 123.jpg


#105863 Подскажите

Отправлено от Cannab в 24 Ноябрь 2013 - 20:26 в Изменение общей стилистики

И вот такая беда еще возникает

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

  • 12.jpg


#105858 Подскажите

Отправлено от Cannab в 24 Ноябрь 2013 - 20:17 в Изменение общей стилистики

Просмотр сообщенияsengun (24 Ноябрь 2013 - 20:11) писал:

В приведенной инструкции карточки с товарами приобретают одинаковое значение высоты.
Вот такое отображение у вас сейчасПрикрепленный файл 24-11-2013 21-09-22.png
Все карточки одной высоты.
Или вы что-то иное подразумеваете?
тут они и изначально одинаковой высоты были, а вот на главной новинки высота разная

Просмотр сообщенияCannab (24 Ноябрь 2013 - 20:15) писал:

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


#105850 Подскажите

Отправлено от Cannab в 24 Ноябрь 2013 - 19:59 в Изменение общей стилистики

Просмотр сообщенияsengun (24 Ноябрь 2013 - 19:47) писал:

Здравствуйте.
Чтобы выстроить эти кнопки в одно линию, как вы понимаете, надо задать одинаковую высоту карточкам товаров в каталоге и прикрепить кнопки к низу.
В шаблоне style.css найдите 
.autumnshowcase_block li{position:relative;width:210px;height:auto;margin:0;padding:0 30px 0 0;text-align:center}
замените на
.autumnshowcase_block li{position:relative;width:210px;height:400px;margin:0;padding:0 30px 0 0;text-align:center}
Далее найдите
.goodsListItemCatalogueAddToCartButton {padding-bottom: 5px;}
замените на 
.goodsListItemCatalogueAddToCartButton {padding-bottom: 5px; position: absolute; bottom: 0px; width: inherit;}

Это для товаров на главной.
Для каталога найдите
#category_view_type.grid_view #product_list li{display: inline-block; display: -moz-inline-stack; *display: inline;position:relative;width:200px;min-height: 250px;margin:0 15px;padding:0;border:0; vertical-align: top;text-align:center;z-index: 100;}
замените на
#category_view_type.grid_view #product_list li{display: inline-block; display: -moz-inline-stack; *display: inline;position:relative;width:200px;height: 400px;margin:0 15px;padding:0;border:0; vertical-align: top;text-align:center;z-index: 100;}
Далее этот код
#category_view_type.grid_view #product_list .product_list_add_to_cart{text-align:center;margin-top:10px;margin-bottom:5px;position:relative;z-index:3;height:35px;line-height:35px}
замените на этот
#category_view_type.grid_view #product_list .product_list_add_to_cart{text-align:center;margin-top:10px;margin-bottom:5px;position: absolute;z-index:3;width: 100%;bottom: 20px;height:35px;line-height:35px}

И, наконец, добавьте в конец style.css этот код
#category_view_type.grid_view #product_list li .add-to-links {
position: absolute;
bottom: 0px;
width: 100%;
}
Спасибо за помощь, а вот высота карточек с товаром всеравно разная, как исправить?


#105843 Подскажите

Отправлено от Cannab в 24 Ноябрь 2013 - 19:03 в Изменение общей стилистики

Как выровнять кнопки быстрый заказ в одну линию?

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

  • выровнять.jpg


#104412 Главная Страница

Отправлено от Cannab в 18 Ноябрь 2013 - 19:29 в Изменение общей стилистики

Просмотр сообщенияСake (15 Ноябрь 2013 - 00:15) писал:

Найдите в шаблоне "HTML" переменную {BODY} и переместите её вставив сразу после строк

{% ENDIF %}
<!-- /Главная страница -->
спасибо)


#103429 Главная Страница

Отправлено от Cannab в 14 Ноябрь 2013 - 19:30 в Изменение общей стилистики

Как перенести описание магазина под новинки и избранные товары?

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

  • 3.jpg


#103425 Помогите С Корзиной

Отправлено от Cannab в 14 Ноябрь 2013 - 19:21 в Корзина

Как сделать, чтобы при добавлении товара в корзину пользователь оставался на странице с товаром, а не переходил в корзину?


#102086 Виджет Вк

Отправлено от Cannab в 10 Ноябрь 2013 - 20:03 в Изменение общей стилистики

как вставить в место на скрине виджет вк?

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

  • 3.jpg


#102085 Как Удалить Полосу Вверху Сайта?

Отправлено от Cannab в 10 Ноябрь 2013 - 20:00 в Изменение общей стилистики

Как удалить полосу вверху сайта?

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

  • 2.jpg


#102079 Изменение Подвала

Отправлено от Cannab в 10 Ноябрь 2013 - 19:54 в Изменение общей стилистики

Просмотр сообщенияsengun (10 Ноябрь 2013 - 18:48) писал:

Указанная инструкция не ведет к ошибкам.
Попробуйте тогда без удаления кода вставить
			 <!-- Контактный телефон -->
		 {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %}
			 <div class="contacts">
			 <h4>Контакты</h4>
			 <div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам">
				 <!-- Первый контактный телефон -->
				 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
				 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
				 {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
				 {SETTINGS_STORE_PHONE_NUMBER1}
				 {% ENDIF %}

				 <!-- Второй контактный телефон -->
				 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
				 <br /><span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
				 {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
				 {SETTINGS_STORE_PHONE_NUMBER2}
				 {% ENDIF %}

				 <!-- Третий контактный телефон -->
				 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
				 <br /><span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
				 {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}
				 {SETTINGS_STORE_PHONE_NUMBER3}
				 {% ENDIF %}

				 <!-- Третий контактный телефон -->
				 {% IF SETTINGS_STORE_SKYPE %}
				 <br /><a style="text-decoration: none;" class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" />&nbsp;<span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a>
				 {% ENDIF %}
			 </div>

			 <!-- Время работы магазина -->
			 {% IF SETTINGS_STORE_WORK_TIME %}
				 <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
				 {SETTINGS_STORE_WORK_TIME}
				 </div>
			 {% ENDIF %}

			 <!-- Номер ICQ на сайте -->
			 {% IF SETTINGS_STORE_ICQ %}
				 <div class="clear"></div>
				 <div class="icq-number left">
				 <img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />
				 <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
				 </div>
			 {% ENDIF %}

			 <div class="clear"></div>
			 </div>
		 {% ENDIF %}
ПЕРЕД строкой
<div id="header-right">
у вас она 68 в шаблоне HTML. И добавьте в конец style.css 
#header .contacts {
width: 200px;
float: left;
margin-top: 30px;
margin-left: 10px;
}
#header .contacts h4 {
padding: 0;
margin: 0;
}
А размер шрифта как изменить?


#102072 Логотип

Отправлено от Cannab в 10 Ноябрь 2013 - 19:24 в Изменение общей стилистики

Просмотр сообщенияsengun (10 Ноябрь 2013 - 19:17) писал:

Здравствуйте.
В шаблоне style.css замените код
#header-logo img{display: block;text-align: center;margin: 0 auto;}
на этот
#header-logo img{display: block;text-align: center;margin: 0 auto; width: 250px;}
изменяя значение ширины логотипа (width: 250px;).
Оперативненько, спасиб большое))


#102071 Блок Новинки

Отправлено от Cannab в 10 Ноябрь 2013 - 19:23 в Изменение общей стилистики

Просмотр сообщенияCannab (10 Ноябрь 2013 - 19:16) писал:

Как изменить размер блока новинки, чтобы не было скролинга?
Исправил)


#102069 Блок Новинки

Отправлено от Cannab в 10 Ноябрь 2013 - 19:16 в Изменение общей стилистики

Как изменить размер блока новинки, чтобы не было скролинга?

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

  • 1.jpg


#102066 Логотип

Отправлено от Cannab в 10 Ноябрь 2013 - 19:08 в Изменение общей стилистики

Как сделать логотип размером поменьше?


#101861 Вопросы По Осени

Отправлено от Cannab в 09 Ноябрь 2013 - 21:55 в A/b тестирование

1виджет вк

2передвинуть верхнее меню

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

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


#59966 Помогите Поправить

Отправлено от Cannab в 14 Апрель 2013 - 20:04 в Шаблон Пластик

Как всегда спасибо))


#59959 Помогите Поправить

Отправлено от Cannab в 14 Апрель 2013 - 19:36 в Шаблон Пластик

как сдвинуть логотип вниз?

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

  • апппай.png


#59885 Подскажите

Отправлено от Cannab в 14 Апрель 2013 - 16:04 в Шаблон Пластик

Как поменять сортировку товаров?


#59635 Подскажите

Отправлено от Cannab в 13 Апрель 2013 - 17:39 в Изменение общей стилистики

Просмотр сообщенияmiyako (13 Апрель 2013 - 15:13) писал:

Найдите в коде HTML:
<!-- Шапка сайта -->
<div id="header">
	 <div class="blocks">
	 <div class="lft"></div>
	 <div class="cntr"></div>
	 <div class="rght">
		 <ul style="height:60px;">
			 <li class="title">Контакты для связи:</li>
			 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="telephone padd">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</li>{% ENDIF %}
			 {% IF SETTINGS_STORE_SKYPE %}<li class="skype padd">{SETTINGS_STORE_SKYPE}</li>{% ENDIF %}
		 </ul>
		 {% IF SETTINGS_STORE_WORK_TIME %}
			 <ul>
			 <li class="timework padd">Работает {SETTINGS_STORE_WORK_TIME}</li>
			 </ul>
		 {% ENDIF %}
	 </div>
		 <div class="logotype"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" title="{SETTINGS_STORE_NAME}" /></a></div>
		 <ul class="telephone23">
		 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li>{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</li>{% ENDIF %}
		 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li>{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</li>{% ENDIF %}
		 {% IF SETTINGS_STORE_ICQ %}<li><img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />{SETTINGS_STORE_ICQ}</li>{% ENDIF %}
		
		 </ul>
	 </div>
</div>
<!-- Шапка сайта-Конец -->
и замените на:
<!-- Шапка сайта -->
<div id="header">
	 <div class="blocks">

		 <ul style="height:60px;">
			 <li class="title">Контакты для связи:</li>
			 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="telephone padd">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</li>{% ENDIF %}
			 {% IF SETTINGS_STORE_SKYPE %}<li class="skype padd">{SETTINGS_STORE_SKYPE}</li>{% ENDIF %}
		 </ul>
		 {% IF SETTINGS_STORE_WORK_TIME %}
			 <ul>
			 <li class="timework padd">Работает {SETTINGS_STORE_WORK_TIME}</li>
			 </ul>
		 {% ENDIF %}
	
		 <div class="logotype"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" title="{SETTINGS_STORE_NAME}" /></a></div>
		 <ul class="telephone23">
		 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li>{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</li>{% ENDIF %}
		 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li>{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</li>{% ENDIF %}
		 {% IF SETTINGS_STORE_ICQ %}<li><img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />{SETTINGS_STORE_ICQ}</li>{% ENDIF %}
		
		 </ul>
	 </div>
</div>
<!-- Шапка сайта-Конец -->

2)
Найдите в файле main.css:
#header {
width: 100%;
height: 120px;
clear: both;
}
и замените на:
#header {
width: 100%;
height: 120px;
clear: both;
background: url({ASSETS_IMAGES_PATH}название изображения) no-repeat;
}
При этом вам нужно загрузить изображения для шапки через Сайт-Редактор тем-Файлы
а размер шапки для пластика какой оптимальный?



  1. Форум владельцев интернет-магазинов
  2. → Публикации Cannab
  3. Privacy Policy