| Кстати, где взять актуального куби? Что-то я растерялся маленько у него на сайте :-) | Плагины и модификации | 30.10.2012, 04:44 |
Спасибо за наводку, но на авторство я и не претендовал ;-) , просто расковырял код модерируемого мной сайта
До кубика еще не добрался | Плагины и модификации | 28.10.2012, 12:02 |
Качаем архив
В ваш_сайт/javascripts положить fancybox.js и jzoom.js
В ваш_сайт/theme/ваша_тема/css/standard положить jqzoom.css
В ваш_сайт/theme/вашв_тема/other/header_scripts.tpl в самый низ добавить
<script language="javascript" src="{$jspath}/fancybox.js" type="text/javascript"></script>
|
В ваш_сайт/theme/ваша_тема/css/standard/style.shop.css в самый низ добавить
/*Зум*/
div.jqZoomTitle{z-index:-999999;text-align:center;font-size:11px;font-family:Tahoma;height:16px;padding-top:2px;position:absolute;top: 0px;left: 0px;width: 100%;color: #FFF;background: #FFF;}
.jqZoomPup{overflow:hidden; background: #FFF; opacity: 0.6;z-index:10; border-color:#c4c4c4; border-style: solid; cursor:pointer;}
.jqZoomPup img{border: 0px;}
.preload{opacity: 0.8;color: #333;font-size: 12px;font-family: Tahoma;text-decoration: none;border: 1px solid #CCC;background: white;padding: 8px;text-align:center;background-image: url('../../images/page/loading.gif');background-repeat: no-repeat;background-position: 43px 30px;width:90px;z-index:10;position:absolute;top:3px;left:3px;}
.jqZoomWindow{border: 1px solid #999;background: #FFF;}
|
И в ваш_сайт/theme/ваша_тема/shop/ меняете product.tpl
Пример тут
Отредактировано lugobor: 30.10.2012, 01:04:31 | Плагины и модификации | 28.10.2012, 04:45 |
Разобрался на примере http://gamestar.com.ua/
Качайе архив http://lugobor.org.ua/wp-content/uploads/2012/10/men-status-x.zip
В ваш_сайт/javascripts/ положить из архива файл hnav.js
В ваш_сайт/theme/ваша_тема/shop положить из архива файл shopnavi_h.tpl
В ваш_сайт/theme/ваша_тема/images/page положить из архива картинки down.gif и right.gif
В файл ваш_сайт/theme/ваша_тема/other/header_scripts.tpl вниз, перед <!-- End CMS Status-X --> добавьте код
<script language="javascript" src="{$jspath}/hnav.js" type="text/javascript"></script>
<script type="text/javascript">
var arrowimages={ldelim}down:['downarrowclass', '{$imgpath_page}down.gif', 23], right:['rightarrowclass', '{$imgpath_page}right.gif']{rdelim};
jqueryslidemenu.buildmenu("myslidemenu", arrowimages);
</script>
|
В файл ваш_сайт/theme/ваша_тема/css/standard/style.navi.css в самый низ добавить стиль вывода меню (выкладываю стиль с gamestar.com.ua, под себя правьте сами)
.jqueryslidemenu{
font: bold 12px arial;
background: #0066CC;
width: 100%;
margin-top:1px
}
.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}
/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}
/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #0066CC; /*background of tabs (default state)*/
color: #ccc;
padding: 8px 20px;
/*border-right: 1px solid #ccc;*/
text-decoration: none;
z-index:10000;
overflow:visible;
}
#myslidemenu {
overflow:visible;
z-index:10000;
}
* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}
.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}
.jqueryslidemenu ul li a:hover{
background: #0033ff; /*tab link background during hover state*/
color: white;
}
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
overflow:visible;
z-index:10000;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}
/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 12px arial;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-top: 1px solid #ccc;
}
.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}
/* ######### CSS classes applied to down and right arrow images ######### */
.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}
.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}
|
Теперь выводите само меню в ваш_сайт/theme/ваша_тема/page/main.tpl, shop.tpl и если нужно forums.tpl кодом
{include file="$incpath/shop/shopnavi_h.tpl"}
|
| Плагины и модификации | 27.10.2012, 20:58 |
Бегущей строкой удобно выводить новости и важные объявления на сайте.
Тут http://gamestar.com.ua/ бегущая строка выводится кодом
<div style="width: 1000px; height: 14px; text-align: center; margin-top: 2px; color: rgb(51, 51, 51);">
<marquee scrolldelay="15" scrollamount="1" truespeed="" onmouseout="this.start();document.getElementById('scrolltext').scrollDelay='15'" onmouseover="this.stop();" id="scrolltext">
<b><font style="font-weight: bold; font-size: 16px; color: rgb(51, 51, 51);">
Добро пожаловать в магазин "GameStar" <img height="20px" alt="" src="/theme/standard-shop/images/page/star.jpg"> Мы работаем с 10.00 до 20.00 без выходных <img height="20px" alt="" src="/theme/standard-shop/images/page/star.jpg"> Доставка по Украине осуществляется курьерскими службами Автолюкс, Гюнсел, Новая Почта, Ночной Экспресс <img height="20px" alt="" src="/theme/standard-shop/images/page/star.jpg">
Добро пожаловать в магазин "GameStar" <img height="20px" alt="" src="/theme/standard-shop/images/page/star.jpg"> Мы работаем с 10.00 до 20.00 без выходных <img height="20px" alt="" src="/theme/standard-shop/images/page/star.jpg"> Доставка по Украине осуществляется курьерскими службами Автолюкс, Гюнсел, Новая Почта, Ночной Экспресс<img height="20px" alt="" src="/theme/standard-shop/images/page/star.jpg">
Добро пожаловать в магазин "GameStar" <img height="20px" alt="" src="/theme/standard-shop/images/page/star.jpg"> Мы работаем с 10.00 до 20.00 без выходных <img height="20px" alt="" src="/theme/standard-shop/images/page/star.jpg"> Доставка по Украине осуществляется курьерскими службами Автолюкс, Гюнсел, Новая Почта, Ночной Экспресс <img height="20px" alt="" src="/theme/standard-shop/images/page/star.jpg">
Добро пожаловать в магазин "GameStar" <img height="20px" alt="" src="/theme/standard-shop/images/page/star.jpg"> Мы работаем с 10.00 до 20.00 без выходных <img height="20px" alt="" src="/theme/standard-shop/images/page/star.jpg"> Доставка по Украине осуществляется курьерскими службами Автолюкс, Гюнсел, Новая Почта, Ночной Экспресс <img height="20px" alt="" src="/theme/standard-shop/images/page/star.jpg">
Добро пожаловать в магазин "GameStar" <img height="20px" alt="" src="/theme/standard-shop/images/page/star.jpg"> Мы работаем с 10.00 до 20.00 без выходных <img height="20px" alt="" src="/theme/standard-shop/images/page/star.jpg"> Доставка по Украине осуществляется курьерскими службами Автолюкс, Гюнсел, Новая Почта, Ночной Экспресс <img height="20px" alt="" src="/theme/standard-shop/images/page/star.jpg">
Добро пожаловать в магазин "GameStar" <img height="20px" alt="" src="/theme/standard-shop/images/page/star.jpg"> Мы работаем с 10.00 до 20.00 без выходных <img height="20px" alt="" src="/theme/standard-shop/images/page/star.jpg"> Доставка по Украине осуществляется курьерскими службами Автолюкс, Гюнсел, Новая Почта, Ночной Экспресс <img height="20px" alt="" src="/theme/standard-shop/images/page/star.jpg">
Добро пожаловать в магазин "GameStar" <img height="20px" alt="" src="/theme/standard-shop/images/page/star.jpg"> Мы работаем с 10.00 до 20.00 без выходных <img height="20px" alt="" src="/theme/standard-shop/images/page/star.jpg"> Доставка по Украине осуществляется курьерскими службами Автолюкс, Гюнсел, Новая Почта, Ночной Экспресс <img height="20px" alt="" src="/theme/standard-shop/images/page/star.jpg">
Добро пожаловать в магазин "GameStar" <img height="20px" alt="" src="/theme/standard-shop/images/page/star.jpg"> Мы работаем с 10.00 до 20.00 без выходных <img height="20px" alt="" src="/theme/standard-shop/images/page/star.jpg"> Доставка по Украине осуществляется курьерскими службами Автолюкс, Гюнсел, Новая Почта, Ночной Экспресс
</font></b>
</marquee>
</div>
|
Как видно ширина, высота и прочее отображение редактируется прямо в коде | Плагины и модификации | 27.10.2012, 19:44 |
Такое по моей просьбе сделали в Лего http://forum.shop-script.org/moduli_dlya_lego_edition_sp/redaktirovanie_tovara_pryamo_na_vitrine/msg1185/#msg1185
и в Престе http://prestadev.ru/forum/tema-4188.html
В престе как раз примирили админку и фронт офис, там токены безопасности...
Может можно по аналогии сделать? Для магазинов вещь очень необходимая! | Плагины и модификации | 22.10.2012, 02:16 |
В status-x, если не выбрать изображение категории, ссылка выводится текстом и совсем не красиво.
Как исправить показываю на примере http://gamestar.com.ua/shop/show-products/29/1/20/igry-dlya-playstation-3/
Для этого в файле /ваш_сайт/theme/ваша_тема/css/standard/style.shop.css
после
a.shop_subcategs:link, a.shop_subcategs:visited {}
|
добавляем
a.shop_subcategs-non:link, a.shop_subcategs-non:visited{
color:#ffffff;
background:url('../../images/page/pot.png') repeat-x;
width:130px;
height:50px;
text-align:center;
display: inline-block;
display: block;
margin: 0;
padding-top:8px;
cursor:pointer;
-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
-moz-box-shadow:1px 1px 3px #555;-webkit-box-shadow:1px 1px 3px #555;box-shadow:1px 1px 3px #555;
}
a.shop_subcategs-non:hover {
background: url('../../images/page/pot-h.png') repeat-x;
}
|
(тут можете настроить вывод на свой вкус)
в /ваш_сайт/theme/ваша_тема/images/page положите картинки из архива http://lugobor.org.ua/wp-content/uploads/2012/10/cat-sx.zip
и в файле /htdocs/theme/standard-shop/shop/shop_browse_tab_categs.tpl задайте для ссылки без изображения класс "shop_subcategs-non"
Должно получиться так
<a class="shop_subcategs-non" title="{$subcateg->Name|sysspecialchars}" href="index.php?p=shop&action=showproducts&cid={$subcateg->catid}&page=1&limit={$smarty.request.limit|default:$plim}&t={$s
ubcateg->Name|seotitle}">{$subcateg->Nam ({$subcateg->NumCount})*}</a>
|
| Плагины и модификации | 22.10.2012, 02:06 |
Скорее всего интересуются насчет этого
| Техническая помощь | 25.09.2012, 02:10 |
Идея вот в чем...
Когда заходишь администратором где-нибудь на странице появляется ссылка "редактировать" с переходом на страницу редактирования именно этого материала. Сделать такое хотя бы для товаров... Очень удобно!
Как? | Плагины и модификации | 24.09.2012, 02:40 |
Я в магазине поставил размер
привью 45
нормальное 250
среднее 165
Для нормального-250 пришлось двигать таблицу в /сайт/theme/standard/shop/product.tpl
примерно 129 строка
<td valign="top" width="270px">
<div class="product_images">
|
иначе картинка наползала на изображение
А среднее-165 в одноколоночном нормально себя ведет, для двух и трех колонок правьте стили /сайт/theme/standard/css/standard/style.shop.css | Основная тема | 20.09.2012, 02:03 |
Спасибо за советы, все оказалось намного проще, - сам тупанул, не подключил стиль, ошибка в коде вывода.
Нужно так писать
<div id="wrapper">
<div class="slider-wrapper theme-default">
<div id="slider" class="nivoSlider">
<a href="ссылка"><img src="Путь к картинке" alt="" title="Надпись к изображению" /></a>
<img src="Путь к картинке" alt=""/>
<img src="Путь к картинке" alt="" data-transition="slideInLeft" />
<img src="Путь к картинке" alt=""/>
</div>
</div>
</div>
|
Все работает. Можно кстати и в блок засунуть, тоже работает. | Техническая помощь | 18.09.2012, 17:14 |
Выставил вообще прямой путь http://erotic-shop.org.ua/f/arrows.png картинку по ссылке видно, в слайдере нет...
Ширину можешь указать в самой ссылке к изображения - ширину и высоту каждого изображения.
Пробовал, размер конечно меняется, но изображения все равно иногда выпадают ниже.
У меня вообще такое впечатление, что я стили добавляю не в том файле.
Пока еще не разобрался с вашей структурой...
На других движках ставил легко, тут например http://bikini-shop.com.ua/ все стили в одном файле...
Mожет стиль слайдера добавлять не в style.main.css ?
Отредактировано lugobor: 18.09.2012, 10:46:50 | Техническая помощь | 18.09.2012, 10:32 |
Устанавливаю Nivo-slider на http://erotic-shop.org.ua
Почему-то не изменяется ширина/высота, не выводятся стрелки к слайдеру и скачет изображение.
Делал так:
в папку сайт/javascripts залил jquery.nivo.slider.pack.js
в файле /сайт/theme/standard/page/main.tpl
вставил <script type="text/javascript" src="/javascripts/jquery.nivo.slider.pack.js"></script>
|
перед тегом </head>
и <script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
|
перед тегом </body>
в файле /сайт/theme/standard/css/standard/style.main.css в самый низ добавил
/*Слайдер*/
.theme-default #slider {
margin:0 auto 0 auto;
width:745px; /* Make sure your images are the same size */
height:300px; /* Make sure your images are the same size */
}
.nivoSlider {
position:relative;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
}
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#ccc;
color:#fff;
opacity:0.8; /* Overridden by captionOpacity setting */
width:100%;
z-index:8;
}
.nivo-caption p {
padding:5px;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
position:relative;
z-index:9;
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}
/*дефолт тема*/
.theme-default .nivoSlider {
position:relative;
background:#fff url('../../images/loading.gif') no-repeat 50% 50%;
margin-bottom:50px;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
.theme-default .nivoSlider a {
border:0;
display:block;
}
.theme-default .nivo-controlNav {
position:absolute;
left:50%;
bottom:-42px;
margin-left:-40px; /* Tweak this to center bullets */
}
.theme-default .nivo-controlNav a {
display:block;
width:22px;
height:22px;
background:url('../../images/bullets.png') no-repeat;
text-indent:-9999px;
border:0;
margin-right:3px;
float:left;
}
.theme-default .nivo-controlNav a.active {
background-position:0 -22px;
}
.theme-default .nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url('../../images/arrows.png') no-repeat;
text-indent:-9999px;
border:0;
}
.theme-default a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
.theme-default a.nivo-prevNav {
left:15px;
}
.theme-default .nivo-caption {
font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
color:#fff;
border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
color:#fff;
}
|
Ну и картинки слайдера (стрелки, кнопки и загрузку) кинул в папку /сайт/theme/standard/images/
после этого вывожу слайдер кодом
<div id="wrapper">
<div>
<div id="slider">
<a href="ссылка"><img src="Путь к картинке" alt="" title="Надпись к изображению" /></a>
<img src="Путь к картинке" alt=""/>
<img src="Путь к картинке" alt="" data-transition="slideInLeft" />
<img src="Путь к картинке" alt=""/>
</div>
</div>
</div>
|
Что сделал не так?
P.S. В настройках сайта выключил сжатие, кеширование, оптимизацию, вобщем все выключил
Отредактировано lugobor: 17.09.2012, 10:58:43 | Техническая помощь | 17.09.2012, 10:55 |
Форум
Пользователи
Календарь
Помощь
Поиск
Новые сообщения
Новые темы
Сейчас на сайте
Статистика форума
Дни рождения