Структура Сайта
#1
Отправлено 17 Июнь 2014 - 11:17
#2
Отправлено 17 Июнь 2014 - 16:01
#3
Отправлено 17 Июнь 2014 - 20:02
Ivan_M (17 Июнь 2014 - 16:01) писал:
#4
Отправлено 13 Август 2014 - 22:12
а тут http://homeartshop.ru/catalog/cvety - ЦВЕТЫ
#5
Отправлено 13 Август 2014 - 22:24
Ivan_M (13 Август 2014 - 22:12) писал:
а тут http://homeartshop.ru/catalog/cvety - ЦВЕТЫ
<h1>Раскраски по номерам </h1>и замените его на
<h1>{CATEGORY_NAME}</h1>
#8
Отправлено 21 Август 2014 - 11:28
#9
Отправлено 21 Август 2014 - 11:37
Alexey23 (21 Август 2014 - 11:28) писал:
#10
Отправлено 21 Август 2014 - 12:06
AnnaM (21 Август 2014 - 11:37) писал:
сгенерировать т.е. мне надо найти код подходящего счетчика? я правильно вас понял?
//html код
<div id="fancyCountdown"></div>
//js код
$('#fancyCountdown').fancyCountdown({ fillColor: '#22292A', год:2013, месяц: 12, день: 31, час: 0, минут: 0, второй: 0, Часовой пояс: 1
});
$('#set').нажмите(функция(){
$.fancyCountdown.Часовой пояс($('#timezone').val());
$.fancyCountdown.targetDate($('#года").val(), $('#month').val(), $('#день").val(), $('#час").val(), $('#minute").val(), $('#second').val());
});
$('#start').нажмите(функция(){
$.fancyCountdown.пуск();
});
$('#stop").нажмите(функция(){
$.fancyCountdown.стоп();
});
#11
Отправлено 21 Август 2014 - 12:37
Alexey23 (21 Август 2014 - 12:06) писал:
//html код
<div id="fancyCountdown"></div>
//js код
$('#fancyCountdown').fancyCountdown({ fillColor: '#22292A', год:2013, месяц: 12, день: 31, час: 0, минут: 0, второй: 0, Часовой пояс: 1
});
$('#set').нажмите(функция(){
$.fancyCountdown.Часовой пояс($('#timezone').val());
$.fancyCountdown.targetDate($('#года").val(), $('#month').val(), $('#день").val(), $('#час").val(), $('#minute").val(), $('#second').val());
});
$('#start').нажмите(функция(){
$.fancyCountdown.пуск();
});
$('#stop").нажмите(функция(){
$.fancyCountdown.стоп();
});
#12
Отправлено 21 Август 2014 - 12:55
AnnaM (21 Август 2014 - 12:37) писал:
#13
Отправлено 21 Август 2014 - 21:44
Alexey23 (21 Август 2014 - 12:55) писал:
в шаблоне HTML найдите код
<!-- Panel-Site-END --> <div class="mainblocks"> <div class="infoblock"><img src="{ASSETS_IMAGES_PATH}i.png" alt="" style=" width: 114px;height: 100px; float:left;padding-top: 4px;"/><div style="padding: 11px 26px 0 0;text-align: center;"> <span>ГАРАНТИЯ КАЧЕСТВА!</span><p>Мы предоставляем гарантию качества 12 месяцев на весь товар.Гарантия возврата денег в течении 14 дней. </p></div></div> <div class="infoblock" style="margin: 0px 11px 0px 14px;"><img src="{ASSETS_IMAGES_PATH}dostavka.png" alt="" style=" width: 114px;height: 100px; float:left;padding-top: 4px;"/><div style="padding: 11px 26px 0 0;text-align: center;"><span>ДОСТАВКА ПО ОМСКУ БЕСПЛАТНО!</span><p>Время осуществления заказа зависит от времени заказа и наличия товара на складе.</p></div></div> <div class="infoblock"><img src="{ASSETS_IMAGES_PATH}акция.png" alt="" style=" width: 114px;height: 100px; float:left;padding-top: 4px;"/><div style="padding: 27px 26px 0 0;text-align: center;"><span>АКЦИИ И СПЕЦПРЕДЛОЖЕНИЯ</span><p>Только три дня скидка 20% на ряд товаров! Спешите купить!.</p></div></div></div> <!-- Panel-Site -->и замените его на
<!-- Panel-Site-END --> <div class="mainblocks"> <div class="infoblock"><img src="{ASSETS_IMAGES_PATH}i.png" alt="" style=" width: 114px;height: 100px; float:left;padding-top: 4px;"/><div style="padding: 11px 26px 0 0;text-align: center;"> <span>ГАРАНТИЯ КАЧЕСТВА!</span><p>Мы предоставляем гарантию качества 12 месяцев на весь товар.Гарантия возврата денег в течении 14 дней. </p></div></div> <div class="infoblock" style="margin: 0px 11px 0px 14px;"><img src="{ASSETS_IMAGES_PATH}dostavka.png" alt="" style=" width: 114px;height: 100px; float:left;padding-top: 4px;"/><div style="padding: 11px 26px 0 0;text-align: center;"><span>ДОСТАВКА ПО ОМСКУ БЕСПЛАТНО!</span><p>Время осуществления заказа зависит от времени заказа и наличия товара на складе.</p></div></div> <script language="javascript" type="text/javascript"> $(document).ready(function(){ setInterval(function(){ var now = new Date(); var endTS = 1408824000*1000; var totalRemains = (endTS-now.getTime()); if (totalRemains>1){ var RemainsSec=(parseInt(totalRemains/1000)); var RemainsFullDays=(parseInt(RemainsSec/(24*60*60))); var secInLastDay=RemainsSec-RemainsFullDays*24*3600; var RemainsFullHours=(parseInt(secInLastDay/3600)); if (RemainsFullHours<10){RemainsFullHours="0"+RemainsFullHours}; var secInLastHour=secInLastDay-RemainsFullHours*3600; var RemainsMinutes=(parseInt(secInLastHour/60)); if (RemainsMinutes<10){RemainsMinutes="0"+RemainsMinutes}; var lastSec=secInLastHour-RemainsMinutes*60; if (lastSec<10){lastSec="0"+lastSec}; $('.timer>.digits').html((RemainsFullDays ? "<span>"+RemainsFullDays+"дн.</span> " :"")+RemainsFullHours+":"+RemainsMinutes+":"+lastSec); } else {$(".timer").remove();} },1000); }); </script> <div class="infoblock"><img src="{ASSETS_IMAGES_PATH}акция.png" alt="" style=" width: 114px;height: 100px; float:left;padding-top: 4px;"/><div style="padding: 27px 26px 0 0;text-align: center;"><span>АКЦИИ И СПЕЦПРЕДЛОЖЕНИЯ</span><p>Только три дня скидка 20% на ряд товаров! Спешите купить!.</p> <div class="timer"> <p>До конца акции</p> <div class="digits"></div> </div> </div></div></div> <!-- Panel-Site -->Дата завершения акции, от которой отсчитывается оставшееся время, задается в unix-формате. Поэтому для установки нужного времени Вам нужно будет воспользоваться специальным калькулятором, например таким. В форме калькулятора Вам необходимо указать время окончания в привычном формате и нажатием кнопки "Выполнить" получить дату в формате unix. Полученное число необходимо указать в строке
var endTS = 1408824000*1000;вместо 1408824000 (24.08.2014).
#14
Отправлено 22 Август 2014 - 07:32
daria_dnk (21 Август 2014 - 21:44) писал:
в шаблоне HTML найдите код
<!-- Panel-Site-END --> <div class="mainblocks"> <div class="infoblock"><img src="{ASSETS_IMAGES_PATH}i.png" alt="" style=" width: 114px;height: 100px; float:left;padding-top: 4px;"/><div style="padding: 11px 26px 0 0;text-align: center;"> <span>ГАРАНТИЯ КАЧЕСТВА!</span><p>Мы предоставляем гарантию качества 12 месяцев на весь товар.Гарантия возврата денег в течении 14 дней. </p></div></div> <div class="infoblock" style="margin: 0px 11px 0px 14px;"><img src="{ASSETS_IMAGES_PATH}dostavka.png" alt="" style=" width: 114px;height: 100px; float:left;padding-top: 4px;"/><div style="padding: 11px 26px 0 0;text-align: center;"><span>ДОСТАВКА ПО ОМСКУ БЕСПЛАТНО!</span><p>Время осуществления заказа зависит от времени заказа и наличия товара на складе.</p></div></div> <div class="infoblock"><img src="{ASSETS_IMAGES_PATH}акция.png" alt="" style=" width: 114px;height: 100px; float:left;padding-top: 4px;"/><div style="padding: 27px 26px 0 0;text-align: center;"><span>АКЦИИ И СПЕЦПРЕДЛОЖЕНИЯ</span><p>Только три дня скидка 20% на ряд товаров! Спешите купить!.</p></div></div></div> <!-- Panel-Site -->и замените его на
<!-- Panel-Site-END --> <div class="mainblocks"> <div class="infoblock"><img src="{ASSETS_IMAGES_PATH}i.png" alt="" style=" width: 114px;height: 100px; float:left;padding-top: 4px;"/><div style="padding: 11px 26px 0 0;text-align: center;"> <span>ГАРАНТИЯ КАЧЕСТВА!</span><p>Мы предоставляем гарантию качества 12 месяцев на весь товар.Гарантия возврата денег в течении 14 дней. </p></div></div> <div class="infoblock" style="margin: 0px 11px 0px 14px;"><img src="{ASSETS_IMAGES_PATH}dostavka.png" alt="" style=" width: 114px;height: 100px; float:left;padding-top: 4px;"/><div style="padding: 11px 26px 0 0;text-align: center;"><span>ДОСТАВКА ПО ОМСКУ БЕСПЛАТНО!</span><p>Время осуществления заказа зависит от времени заказа и наличия товара на складе.</p></div></div> <script language="javascript" type="text/javascript"> $(document).ready(function(){ setInterval(function(){ var now = new Date(); var endTS = 1408824000*1000; var totalRemains = (endTS-now.getTime()); if (totalRemains>1){ var RemainsSec=(parseInt(totalRemains/1000)); var RemainsFullDays=(parseInt(RemainsSec/(24*60*60))); var secInLastDay=RemainsSec-RemainsFullDays*24*3600; var RemainsFullHours=(parseInt(secInLastDay/3600)); if (RemainsFullHours<10){RemainsFullHours="0"+RemainsFullHours}; var secInLastHour=secInLastDay-RemainsFullHours*3600; var RemainsMinutes=(parseInt(secInLastHour/60)); if (RemainsMinutes<10){RemainsMinutes="0"+RemainsMinutes}; var lastSec=secInLastHour-RemainsMinutes*60; if (lastSec<10){lastSec="0"+lastSec}; $('.timer>.digits').html((RemainsFullDays ? "<span>"+RemainsFullDays+"дн.</span> " :"")+RemainsFullHours+":"+RemainsMinutes+":"+lastSec); } else {$(".timer").remove();} },1000); }); </script> <div class="infoblock"><img src="{ASSETS_IMAGES_PATH}акция.png" alt="" style=" width: 114px;height: 100px; float:left;padding-top: 4px;"/><div style="padding: 27px 26px 0 0;text-align: center;"><span>АКЦИИ И СПЕЦПРЕДЛОЖЕНИЯ</span><p>Только три дня скидка 20% на ряд товаров! Спешите купить!.</p> <div class="timer"> <p>До конца акции</p> <div class="digits"></div> </div> </div></div></div> <!-- Panel-Site -->Дата завершения акции, от которой отсчитывается оставшееся время, задается в unix-формате. Поэтому для установки нужного времени Вам нужно будет воспользоваться специальным калькулятором, например таким. В форме калькулятора Вам необходимо указать время окончания в привычном формате и нажатием кнопки "Выполнить" получить дату в формате unix. Полученное число необходимо указать в строке
var endTS = 1408824000*1000;вместо 1408824000 (24.08.2014).
2. цифры обратного отсчета выделить более жирным шрифтом, и желательно цифры отсчета выделить границами, например как сделана кнопка обратный звонок, чтобы был более заметен.
3. можно ли сделать так чтобы счетчик крутил время постоянно, после окончания времени, вновь сам включался.https://yadi.sk/i/Frie_4nhaCdYb
#15
Отправлено 23 Август 2014 - 04:51
<div style="text-align: center; padding: 27px 26px 0px 0px;">замените на:
<div style="text-align: center; padding: 12px 26px 0px 0px;">и в main.css добавьте в самый конец:
.infoblock span { font-size: 0.9em; font-weight: bold; }2. В main.css пропишите:
.digits{ font-weight:bold; padding:5px; border:1px solid #ccc; }3. К сожалению, подобное реализовать не получится, если только использовать сторонний счетчик с данным функционалом.
#16
Отправлено 04 Сентябрь 2014 - 20:56
AnnaM (14 Август 2014 - 22:33) писал:
#17
Отправлено 04 Сентябрь 2014 - 21:04
2. так же подскажите как поменять изображения на слайдерах (свои вставить)
я попробую и так и так
#19
Отправлено 04 Сентябрь 2014 - 21:15
Ivan_M (04 Сентябрь 2014 - 21:04) писал:
2. так же подскажите как поменять изображения на слайдерах (свои вставить)
я попробую и так и так
1) В шаблоне html найдите код
{% IF index_page %} <div class="flexslider" id="autumn-slider"> <ul class="slides"> <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg"></a></li> <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg"></a></li> </ul> </div> {% ENDIF %}И замените на
<!--{% IF index_page %} <div class="flexslider" id="autumn-slider"> <ul class="slides"> <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg"></a></li> <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg"></a></li> </ul> </div> {% ENDIF %}-->
2) Чтобы добавить свои картинки, Вам нужно удалить картинки slide1.jpg , slide2.jpg и загрузить свои с таким же именем.
Если Вам понадобиться больше двух картинок, то после строки
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg"></a></li>Добавьте строку
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide3.jpg"></a></li>и т.д.
#20
Отправлено 04 Сентябрь 2014 - 21:23
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных