Счетчик В Шапке
#1
Отправлено 10 Март 2016 - 19:49
Подскажите пожалуйста, как вставить счетчик, как на картинке?
И чтобы он был на каждой странице сайта
Мой аккаунт: SL-357242
#2
Отправлено 10 Март 2016 - 20:40
Ibragim2010 (10 Март 2016 - 19:49) писал:
Подскажите пожалуйста, как вставить счетчик, как на картинке?
И чтобы он был на каждой странице сайта
Мой аккаунт: SL-357242
Здравствуйте. На сервисе http://megatimer.ru/ сгенерируйте счетчик.
Затем, в шаблоне html перед строками:
<div class="fleft fleftul fmlptn aunder fnt16 b links menunav"> <a href="#" class="pull">Меню<span></span></a>
вставьте:
<div class="timer">До конца акции осталось:</div><div class="timer-time"><script src="http://megatimer.ru/s/7be29feb8c00b4dc1c72fcbb9ecbd39c.js"></script></div></br>(пример сгенерированного счетчика)
И в конец шаблона main.css вставьте:
.timer { color: #FFF; text-shadow: 1px 1px 1px rgba(204, 143, 0, 1); font-size: 30px; margin-top: 25px; width: 55%; display: inline-block; text-align: right; } .timer-time {width: 40%; float:right; margin-top: 15px; margin-right: 15px; border-bottom-width: 15px; }
Результат:
#3
Отправлено 10 Март 2016 - 22:41
#4
Отправлено 10 Март 2016 - 22:48
1. Как вставить свою картинку вместо фона и чтобы она НЕ прокручивалась?
2. Какой оптимальный размер картинки?
#5
Отправлено 11 Март 2016 - 09:26
Ibragim2010 (10 Март 2016 - 22:48) писал:
1. Как вставить свою картинку вместо фона и чтобы она НЕ прокручивалась?
2. Какой оптимальный размер картинки?
Здравствуйте, если Вы хотите загрузить большую картинку на весь сайт, то я Вам не советую этого делать, потому что она "тяжелая" и сайт заметно дольше будет грузиться. Лучше заливать сайт бесшовными текстурами.
Если Вы хотите заменить в шапке картинку, то так же лучше текстурой сделать, как у Вас сейчас. Найдите в main.css код:
body { background:url('{ASSETS_IMAGES_PATH}bg-repeat-x.jpg?design=joy') #e6e4db center top repeat-x; font-family: Georgia, "Times New Roman", Times, serif; font-style:normal; margin:0;padding:0;color:#000;}
у свойства background замените ссылку на новую.
Сейчас размер картинки у Вас 10*206px, которая множится по горизонтали.
Так же Вы можете в списке изображений найти bg-repeat-x.jpg, кликнуть на него, далее нажмите на кнопку заменить и заменяйте на свое изображение (желательно такого же формата). При этом в коде ничего менять не придется.
#6
Отправлено 02 Апрель 2016 - 09:13
Скажите пожалуйста есть ли такая возможность как выводить данный таймер только в определенной категории товаров (допустим в каталоге создаем категорию "распродажа" и при кликанье на нее открывается сама категория и вней сверху счетчик времени)
#7
Отправлено 02 Апрель 2016 - 09:24
Яндекс (02 Апрель 2016 - 09:13) писал:
Скажите пожалуйста есть ли такая возможность как выводить данный таймер только в определенной категории товаров (допустим в каталоге создаем категорию "распродажа" и при кликанье на нее открывается сама категория и вней сверху счетчик времени)
Для этого нужно обернуть код счетчика в условие и вставить в шаблон Товары:
{% IF CATEGORY_NAME = Название категории %} КОД СЧЕТЧИКА {% ENDIF %}
#8
Отправлено 02 Апрель 2016 - 09:42
Отображается в самом низу, как сделать чтобы было в шапке (как в 1м сообщении) либо выше над словами "Сортировать по..."
#9
Отправлено 02 Апрель 2016 - 11:05
Яндекс (02 Апрель 2016 - 09:42) писал:
Отображается в самом низу, как сделать чтобы было в шапке (как в 1м сообщении) либо выше над словами "Сортировать по..."
<div class="contenttext clr padd51"> <div class="title dinline fnt14 b fntarl padd51">{CATEGORY_NAME}</div> </div>
#10
Отправлено 02 Апрель 2016 - 11:12
Как сделать другой цвет текста, а также как сделать чтобы надпись была в 1 строку а то переносится на 2 строки и изменить шрифт, размер ?
#11
Отправлено 02 Апрель 2016 - 11:16
Яндекс (02 Апрель 2016 - 11:12) писал:
Как сделать другой цвет текста, а также как сделать чтобы надпись была в 1 строку а то переносится на 2 строки и изменить шрифт, размер ?
.timer { color: #FFF; text-shadow: 1px 1px 1px rgba(204, 143, 0, 1); font-size: 30px; margin-top: 25px; width: 55%; display: inline-block; text-align: left; }и замените на
.timer { color: #FFF; text-shadow: 1px 1px 1px rgba(204, 143, 0, 1); font-size: 30px; margin-top: 25px; display: inline-block; text-align: left; }color - цвет текста.
text-shadow - тень текста.
font-size - размер шрифта.
#12
Отправлено 02 Апрель 2016 - 11:29
Все получилось.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных