Вы не авторизованы.
И забыл: /published/SC/html/scripts/js/colorbox-min.js
$('.c-view').colorbox({ iframe: true, width: "80%", //ширина окна height: "80%", //высота окна opacity: 0.6, //прозрачность заднего фона fixed: true //если установить в 'false' окно будет стоять на одном месте, т.е. не следует за скролом });
Неактивен
Кнопку НАЗАД и все, что не нужно, с помощью {if $PAGE_VIEW ne 'noframe'} ....все что не нужно для отображения...{/if} с легкостью убрал.
Неактивен
Сгрупировать попробуем, чтоб листать товар?
Неактивен
B IE9 кнопка закрыть отображается криво. Есть возможность, не использовать кнопку, а текст: Закрыть? И расположение кнопки не в левом верхнем углу, а в правом, более привычном ля пользователей?
Неактивен
Nikolayn написал:
B IE9 кнопка закрыть отображается криво.
В чем именно кривота проявляется?
Nikolayn написал:
И расположение кнопки
Она по стилям настроена на правый угол. Вbдимо у вас что-то сбивает.
Попробуйте в /published/publicdata/КЛЮЧ/attachments/SC/themes/Тема/colorbox.css
Заменить строку:
#cboxClose{position:absolute; top:0; right:0; background:url('../../images/images/controls.png') no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
На:
#cboxClose{position:absolute; top:0; right: 28px !important; background:url('../../images/images/controls.png') no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
Отредактировано mask (2013-03-09 23:52)
Неактивен
проверил на iphone, быстрый просмотр работает не очень корректно.
Неактивен
Nikolayn написал:
проверил на iphone, быстрый просмотр работает не очень корректно.
Ну там конечно настраивать нужно стили, отображение и пр., а лучше вообще не выводить ссылку))
Неактивен
замена строки для расположения кнопки Закрыть, не помогла.
Неактивен
Nikolayn написал:
да, готов к эксперименту, группируем
Для группировки.
В /published/publicdata/КЛЮЧ/attachments/SC/themes/Тема/colorbox.css
Заменить:
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
На:
#cboxCurrent{position:absolute; bottom:4px; right:58px; color:#949494; display: none;}
Строку:
#cboxNext{position:absolute; bottom:0; left:27px; background:url('../../images/images/controls.png') no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
На:
#cboxNext{position:absolute; bottom:0; right:27px !important; background:url('../../images/images/controls.png') no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
Строку:
#cboxPrevious{position:absolute; bottom:0; left:0; background:url('../../images/images/controls.png') no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
На:
#cboxPrevious{position:absolute; bottom:0; right:0 !important; background:url('../../images/images/controls.png') no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
В файле /published/SC/html/scripts/templates/frontend/product_brief.html
Заменить нашу ссылку:
<a href="{$_product_url}&view=noframe" class="c-view">{"prd_fast_view"|translate}</a>
На:
<a href="{$_product_url}&view=noframe" class="c-view c-goup-product">{"prd_fast_view"|translate}</a>
В файле /published/SC/html/scripts/js/colorbox-min.js
Заменить:
$('.c-view').colorbox({ iframe: true, width: "80%", height: "80%", opacity: 0.6, fixed: true });
На:
$('.c-view').colorbox({ iframe: true, width: "80%", height: "80%", opacity: 0.6, fixed: true, rel: 'c-goup-product' });
Если что, настроите.
Неактивен
Nikolayn написал:
замена строки для расположения кнопки Закрыть, не помогла.
А если в файле /published/SC/html/scripts/templates/frontend/frame.html
Опустить:
<link rel="stylesheet" href="{$URL_THEME_OFFSET}/colorbox.css" type="text/css">
Под:
<link rel="stylesheet" href="{$smarty.const.URL_CSS}/general.css" type="text/css">
?
Неактивен
Nikolayn написал:
как запретить вывод ссылок?)
По идее должно сработать:
{if $PAGE_VIEW ne 'mobile'}ссылка{/if}
Неактивен
Опять же таки, весь функционал делается удаленно, чтоб все довести до идеала, нужно время и конкретная работа с файлами, поэтому, чем смог, тем помог)
Отредактировано mask (2013-03-09 23:44)
Неактивен
замена строки для расположения кнопки Закрыть, не помогла.
А если в файле /published/SC/html/scripts/templates/frontend/frame.html
Опустить:
<link rel="stylesheet" href="{$URL_THEME_OFFSET}/colorbox.css" type="text/css">
Под:
<link rel="stylesheet" href="{$smarty.const.URL_CSS}/general.css" type="text/css">
Не помогло, ну и ладно. Эта кнопка не цель. Может быть и подальше от корзины.
ссылку от мобил.устройств в каком файле закрывать?
Неактивен
Вот так сработает положение:
#cboxClose{position:absolute; top:0; right:0; background:url('../../images/images/controls.png') no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
На:
#cboxClose{position:absolute; top:0; left: 96% !important; background:url('../../images/images/controls.png') no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
Отредактировано mask (2013-03-09 23:52)
Неактивен
Nikolayn написал:
ссылку от мобил.устройств в каком файле закрывать?
В том что и добавляли /published/SC/html/scripts/templates/frontend/product_brief.html
Неактивен
сделал группировку. отображается только image 1 of 25. Ошибся где то я? Все по инструкции.
Неактивен
Код colorbox.css:
/*
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
/*
User Style:
Change the following styles to modify the appearance of ColorBox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background: #000;}
#colorbox{outline:0;}
#cboxTopLeft{width:21px; height:21px; background:url('../../images/images/controls.png') no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url('../../images/images/controls.png') no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url('../../images/images/controls.png') no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url('../../images/images/controls.png') no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url('../../images/images/controls.png') left top repeat-y;}
#cboxMiddleRight{width:21px; background:url('../../images/images/controls.png') right top repeat-y;}
#cboxTopCenter{height:21px; background:url('../../images/images/border.png') 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url('../../images/images/border.png') 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; right:58px; color:#949494; display: none;}
#cboxLoadingOverlay{background:url('../../images/images/loading_background.png') no-repeat center center;}
#cboxLoadingGraphic{background:url('../../images/images/loading.gif') no-repeat center center;}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; right:0 !important; background:url('../../images/images/controls.png') no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; right:27px !important; background:url('../../images/images/controls.png') no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute; top:0; right: 28px !important; background:url('../../images/images/controls.png') no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}
/*
The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9.
See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
/*
The following provides PNG transparency support for IE6
Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url('../../images/images/ie6/borderTopLeft.png');}
.cboxIE6 #cboxTopCenter{background:url('../../images/images/ie6/borderTopCenter.png');}
.cboxIE6 #cboxTopRight{background:url('../../images/images/ie6/borderTopRight.png');}
.cboxIE6 #cboxBottomLeft{background:url('../../images/images/ie6/borderBottomLeft.png');}
.cboxIE6 #cboxBottomCenter{background:url('../../images/images/ie6/borderBottomCenter.png');}
.cboxIE6 #cboxBottomRight{background:url('../../images/images/ie6/borderBottomRight.png');}
.cboxIE6 #cboxMiddleLeft{background:url('../../images/images/ie6/borderMiddleLeft.png');}
.cboxIE6 #cboxMiddleRight{background:url('../../images/images/ie6/borderMiddleRight.png');}
.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
_behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}
Неактивен
Попробуйте в /published/publicdata/КЛЮЧ/attachments/SC/themes/Тема/colorbox.css
Заменить:
#cboxCurrent{position:absolute; bottom:4px; right:58px; color:#949494; display: none;}
На:
#cboxCurrent{position:absolute; bottom:4px; right:58px; color:#949494; display: none !important;}
Неактивен
Все, заработало, спасибо еще раз, Mask!
Немного поковырялся и не нашел, как сделать, чтоб кнопка Быстрый просмотр была на одном уровне. Например от нижнего края рамки в 3px.
Неактивен
Nikolayn написал:
Например от нижнего края рамки в 3px.
В main.css примерно 166 строка:
.kategor{border: 1px solid #CCCCCC;border-radius: 3px 3px 3px 3px;display:block;padding: 3px 3px 3px;height: 210px;margin:2px;}
На:
.kategor{border: 1px solid #CCCCCC;border-radius: 3px 3px 3px 3px;display:block;padding: 3px 3px 3px;height: 210px;margin:2px;position: relative;}
И задать стили ссылке:
a.c-view { position: absolute; bottom: 3px; left: 20px; //позицию слева отрегулируете }
Изменил стиль как у вас в файле, чтоб было проще найти.
Неактивен
А модальное окно зачем сузили?
Так же не красиво получается.
Неактивен
я его просто крутил, назад не вернул, увлекся выравниванием цен, быстрым просмотром...с вашей помощью за пару мин получилось)
Неактивен