Блок Новостей, Заголовки На Главной
#61
Отправлено 20 Август 2013 - 21:44
<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider().parent().show();
});
</script>
#62
Отправлено 20 Август 2013 - 22:03
<script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider(); }); </script>
#64
Отправлено 21 Август 2013 - 04:26
setTimeout( '$("#'+id+'").animate({ paddingLeft: "+=8" }, 200); $("#'+id+'").animate({ paddingLeft: "-=8" }, 200);', delay );
и заменить её на
setTimeout($.proxy(function(id) { if(!id || !$("#'+id+'").length) return(false); $("#"+id).animate({ paddingLeft: "+=8" }, 200); $("#"+id).animate({ paddingLeft: "-=8" }, 200); }, this, id), delay );
#65
Отправлено 21 Август 2013 - 09:44
Vaccina (21 Август 2013 - 04:26) писал:
setTimeout( '$("#'+id+'").animate({ paddingLeft: "+=8" }, 200); $("#'+id+'").animate({ paddingLeft: "-=8" }, 200);', delay );
и заменить её на
setTimeout($.proxy(function(id) { if(!id || !$("#'+id+'").length) return(false); $("#"+id).animate({ paddingLeft: "+=8" }, 200); $("#"+id).animate({ paddingLeft: "-=8" }, 200); }, this, id), delay );
Вроде ничего не изменилось, все так можно разместить блоки справа на месте новостей, а не сверху над основным слайдером? То есть убрать то что зачеркнуто и на это место переместить блок, который сейчас сверху и на место статей вставить такой же блок, но со статьями?
Благодарю!
#66
Отправлено 21 Август 2013 - 12:50
Sen (21 Август 2013 - 09:44) писал:
Благодарю!
Найдите в шаблоне HTML код -
<script type="text/javascript"> jQuery(document).ready(function() { // Initialise the first and second carousel by class selector. // Note that they use both the same configuration options (none in this case). jQuery('.d-carousel .carousel').jcarousel({ scroll: 1 }); }); </script> <!-- Begin Wrapper --> <!-- Если в тарифном плане подключен модуль новостей --> {% IF TARIFF_FEATURE_NEWS %} <!-- Все новости --> <div id="wrapper" class="newscarusele"> <div class="d-carousel"> <ul class="carousel"> {% FOR news_list_shop %} <li class="contentTbodyNewsBlockItem"> <h4><a href="{news_list_shop.URL}">{news_list_shop.TITLE}</a></h4> <p> <div>{news_list_shop.TEXT_SHORT} </div> {% IF news_list_shop.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_shop.TIME | date("d.m.Y")}</em><br />{% ENDIF %} </p> </li> {% ENDFOR news_list_shop %} </ul> </div> <div class="clear"></div> </div> <!-- End Wrapper --> {% ENDIF %}и удалите его.
Если Вы хотите удалить блок с Новостями, Статьями, Материалами СМИ, то найдите в шаблоне HTML -
<!-- Если в тарифном плане подключен модуль новостей --> {% IF TARIFF_FEATURE_NEWS %} <!-- Все новости --> {%IFNOT news_list_all_empty %} <li class="news_all"><br /><a href="{NEWS_ALL_URL}">Лента новостей</a> <div class="contentTbodyNews"> <!-- Список новостей магазина --> <div class="contentTbodyNewsBlock"> {% FOR news_list_all %} <div class="contentTbodyNewsBlockItem"> <a href="{news_list_all.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_all.TITLE}</a><br /> <div class="newsListBlockItemPreview">{news_list_all.TEXT_SHORT} </div> {% IF news_list_all.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_all.TIME | date("d.m.Y")}</em><br />{% ENDIF %} </div> {% ENDFOR %} <a class="contentTbodyNewsArchive" href="{NEWS_ALL_URL}">Архив новостей</a> </div> </div> </li> {% ENDIF %} <!-- Новости магазина --> {%IFNOT news_list_shop_empty %}<br> <div style="margin-left: 3px; width:248px; height:34px; background: #fff;"> <div style=" padding: 8px 0px 0px 17px;"> <a href="{NEWS_SHOP_URL}" style="color:#777; font-size:18px;" class="moder2"><u>Новости магазина</u></a> </div> </div> <div class="contentTbodyNews"> <br> <!-- Список новостей магазина --> <div class="contentTbodyNewsBlock"> {% FOR news_list_shop %} <div class="contentTbodyNewsBlockItem"> <a href="{news_list_shop.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_shop.TITLE}</a><br /> <div align="justify" class="newsListBlockItemPreview">{news_list_shop.TEXT_SHORT} </div> {% IF news_list_shop.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_shop.TIME | date("d.m.Y")}</em><br />{% ENDIF %} </div> {% ENDFOR %} <a class="contentTbodyNewsArchive" href="{NEWS_SHOP_URL}">Архив новостей</a> </div> </div> </li> {% ENDIF %} <!-- Статьи --> {%IFNOT news_list_articles_empty %}<br> <div style="margin-left: 0px; width:248px; height:34px; "> <div style=" padding: 8px 0px 0px 20px;"> <a href="{NEWS_ARTICLES_URL}" style="color: #777; font-size:19px;" class="moder2"><u>Статьи</u></a> </div> </div> <div class="contentTbodyNews"> <br> <!-- Список статей --> <div class="contentTbodyNewsBlock"> {% FOR news_list_articles %} <div class="contentTbodyNewsBlockItem"> <a href="{news_list_articles.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_articles.TITLE}</a><br /> <div align="justify" class="newsListBlockItemPreview">{news_list_articles.TEXT_SHORT} </div> {% IF news_list_articles.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_articles.TIME | date("d.m.Y")}</em><br />{% ENDIF %} </div> {% ENDFOR %} <a class="contentTbodyNewsArchive" href="{NEWS_ARTICLES_URL}">Архив статей</a> </div> </div> </li> {% ENDIF %} <!-- Материалы СМИ --> {%IFNOT news_list_mass_media_empty %}<br> <div style="margin-left: 0px; width:248px; height:34px; background: #f0efe4;"> <div style=" padding: 8px 0px 0px 20px;"> <a href="{NEWS_MASS_MEDIA_URL}" style="color: #789035; font-size:19px;" class="moder"><u>Новости СМИ</u></a> </div> </div> <div class="contentTbodyNews"> <br> <!-- Список статей --> <div class="contentTbodyNewsBlock"> {% FOR news_list_mass_media %} <div class="contentTbodyNewsBlockItem"> <a href="{news_list_mass_media.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_mass_media.TITLE}</a><br /> <div align="justify" class="newsListBlockItemPreview">{news_list_mass_media.TEXT_SHORT} </div> {% IF news_list_mass_media.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_mass_media.TIME | date("d.m.Y")}</em><br />{% ENDIF %} </div> {% ENDFOR %} <a class="contentTbodyNewsArchive" href="{NEWS_MASS_MEDIA_URL}">Архив новостей</a> </div> </div> </li> {% ENDIF %} {% ENDIF %}и замените на -
<script type="text/javascript"> jQuery(document).ready(function() { // Initialise the first and second carousel by class selector. // Note that they use both the same configuration options (none in this case). jQuery('.d-carousel .carousel').jcarousel({ scroll: 1 }); }); </script> <!-- Begin Wrapper --> <!-- Если в тарифном плане подключен модуль новостей --> {% IF TARIFF_FEATURE_NEWS %} <!-- Все новости --> <div id="wrapper" class="newscarusele"> <div class="d-carousel"> <ul class="carousel"> {% FOR news_list_shop %} <li class="contentTbodyNewsBlockItem"> <h4><a href="{news_list_shop.URL}">{news_list_shop.TITLE}</a></h4> <p> <div>{news_list_shop.TEXT_SHORT} </div> {% IF news_list_shop.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_shop.TIME | date("d.m.Y")}</em><br />{% ENDIF %} </p> </li> {% ENDFOR news_list_shop %} </ul> </div> <div class="clear"></div> </div> <!-- End Wrapper --> {% ENDIF %}
И добавьте в конец main.css код -
.newscarusele { width: 305px !important; }
#67
Отправлено 21 Август 2013 - 19:17
miyako (21 Август 2013 - 12:50) писал:
<script type="text/javascript"> jQuery(document).ready(function() { // Initialise the first and second carousel by class selector. // Note that they use both the same configuration options (none in this case). jQuery('.d-carousel .carousel').jcarousel({ scroll: 1 }); }); </script> <!-- Begin Wrapper --> <!-- Если в тарифном плане подключен модуль новостей --> {% IF TARIFF_FEATURE_NEWS %} <!-- Все новости --> <div id="wrapper" class="newscarusele"> <div class="d-carousel"> <ul class="carousel"> {% FOR news_list_shop %} <li class="contentTbodyNewsBlockItem"> <h4><a href="{news_list_shop.URL}">{news_list_shop.TITLE}</a></h4> <p> <div>{news_list_shop.TEXT_SHORT} </div> {% IF news_list_shop.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_shop.TIME | date("d.m.Y")}</em><br />{% ENDIF %} </p> </li> {% ENDFOR news_list_shop %} </ul> </div> <div class="clear"></div> </div> <!-- End Wrapper --> {% ENDIF %}и удалите его.
Если Вы хотите удалить блок с Новостями, Статьями, Материалами СМИ, то найдите в шаблоне HTML -
<!-- Если в тарифном плане подключен модуль новостей --> {% IF TARIFF_FEATURE_NEWS %} <!-- Все новости --> {%IFNOT news_list_all_empty %} <li class="news_all"><br /><a href="{NEWS_ALL_URL}">Лента новостей</a> <div class="contentTbodyNews"> <!-- Список новостей магазина --> <div class="contentTbodyNewsBlock"> {% FOR news_list_all %} <div class="contentTbodyNewsBlockItem"> <a href="{news_list_all.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_all.TITLE}</a><br /> <div class="newsListBlockItemPreview">{news_list_all.TEXT_SHORT} </div> {% IF news_list_all.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_all.TIME | date("d.m.Y")}</em><br />{% ENDIF %} </div> {% ENDFOR %} <a class="contentTbodyNewsArchive" href="{NEWS_ALL_URL}">Архив новостей</a> </div> </div> </li> {% ENDIF %} <!-- Новости магазина --> {%IFNOT news_list_shop_empty %}<br> <div style="margin-left: 3px; width:248px; height:34px; background: #fff;"> <div style=" padding: 8px 0px 0px 17px;"> <a href="{NEWS_SHOP_URL}" style="color:#777; font-size:18px;" class="moder2"><u>Новости магазина</u></a> </div> </div> <div class="contentTbodyNews"> <br> <!-- Список новостей магазина --> <div class="contentTbodyNewsBlock"> {% FOR news_list_shop %} <div class="contentTbodyNewsBlockItem"> <a href="{news_list_shop.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_shop.TITLE}</a><br /> <div align="justify" class="newsListBlockItemPreview">{news_list_shop.TEXT_SHORT} </div> {% IF news_list_shop.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_shop.TIME | date("d.m.Y")}</em><br />{% ENDIF %} </div> {% ENDFOR %} <a class="contentTbodyNewsArchive" href="{NEWS_SHOP_URL}">Архив новостей</a> </div> </div> </li> {% ENDIF %} <!-- Статьи --> {%IFNOT news_list_articles_empty %}<br> <div style="margin-left: 0px; width:248px; height:34px; "> <div style=" padding: 8px 0px 0px 20px;"> <a href="{NEWS_ARTICLES_URL}" style="color: #777; font-size:19px;" class="moder2"><u>Статьи</u></a> </div> </div> <div class="contentTbodyNews"> <br> <!-- Список статей --> <div class="contentTbodyNewsBlock"> {% FOR news_list_articles %} <div class="contentTbodyNewsBlockItem"> <a href="{news_list_articles.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_articles.TITLE}</a><br /> <div align="justify" class="newsListBlockItemPreview">{news_list_articles.TEXT_SHORT} </div> {% IF news_list_articles.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_articles.TIME | date("d.m.Y")}</em><br />{% ENDIF %} </div> {% ENDFOR %} <a class="contentTbodyNewsArchive" href="{NEWS_ARTICLES_URL}">Архив статей</a> </div> </div> </li> {% ENDIF %} <!-- Материалы СМИ --> {%IFNOT news_list_mass_media_empty %}<br> <div style="margin-left: 0px; width:248px; height:34px; background: #f0efe4;"> <div style=" padding: 8px 0px 0px 20px;"> <a href="{NEWS_MASS_MEDIA_URL}" style="color: #789035; font-size:19px;" class="moder"><u>Новости СМИ</u></a> </div> </div> <div class="contentTbodyNews"> <br> <!-- Список статей --> <div class="contentTbodyNewsBlock"> {% FOR news_list_mass_media %} <div class="contentTbodyNewsBlockItem"> <a href="{news_list_mass_media.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_mass_media.TITLE}</a><br /> <div align="justify" class="newsListBlockItemPreview">{news_list_mass_media.TEXT_SHORT} </div> {% IF news_list_mass_media.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_mass_media.TIME | date("d.m.Y")}</em><br />{% ENDIF %} </div> {% ENDFOR %} <a class="contentTbodyNewsArchive" href="{NEWS_MASS_MEDIA_URL}">Архив новостей</a> </div> </div> </li> {% ENDIF %} {% ENDIF %}и замените на -
<script type="text/javascript"> jQuery(document).ready(function() { // Initialise the first and second carousel by class selector. // Note that they use both the same configuration options (none in this case). jQuery('.d-carousel .carousel').jcarousel({ scroll: 1 }); }); </script> <!-- Begin Wrapper --> <!-- Если в тарифном плане подключен модуль новостей --> {% IF TARIFF_FEATURE_NEWS %} <!-- Все новости --> <div id="wrapper" class="newscarusele"> <div class="d-carousel"> <ul class="carousel"> {% FOR news_list_shop %} <li class="contentTbodyNewsBlockItem"> <h4><a href="{news_list_shop.URL}">{news_list_shop.TITLE}</a></h4> <p> <div>{news_list_shop.TEXT_SHORT} </div> {% IF news_list_shop.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_shop.TIME | date("d.m.Y")}</em><br />{% ENDIF %} </p> </li> {% ENDFOR news_list_shop %} </ul> </div> <div class="clear"></div> </div> <!-- End Wrapper --> {% ENDIF %}
И добавьте в конец main.css код -
.newscarusele { width: 305px !important; }
Ничего не получилось, изменения не сохранялись. Откатил до момента когда ещё карусели не было..... Что теперь делать?
#68
Отправлено 21 Август 2013 - 20:43
так как сейчас на вашем сайте нет изменений то найти в чем ошибка - затруднительно, так как и ошибки фактически нет
если вы по-прежнему хотите вставить карусель то вам необходимо сохранить все изменения что бы модераторы могли видеть ошибку
#69
Отправлено 21 Август 2013 - 20:56
Taisia (21 Август 2013 - 20:43) писал:
так как сейчас на вашем сайте нет изменений то найти в чем ошибка - затруднительно, так как и ошибки фактически нет
если вы по-прежнему хотите вставить карусель то вам необходимо сохранить все изменения что бы модераторы могли видеть ошибку
Конечно хочу вставить....
После некоторых манипуляций из этой ветки, было как на скриншоте, соответственно хотел переместить и заменить как указано стрелкой. Также на место статей вставить блок со статьями аналогично блоку новостей. Как видно на скриншоте блок новостей был не на том месте и дублировал новости из колонки слева. Вот я и хотел поместить блок новостей вместо новостей в колонке слева, тоже самое поместить блок статей вместо статей в той же колонке слева....
#70
Отправлено 24 Август 2013 - 11:15
Sen (21 Август 2013 - 20:56) писал:
После некоторых манипуляций из этой ветки, было как на скриншоте, соответственно хотел переместить и заменить как указано стрелкой. Также на место статей вставить блок со статьями аналогично блоку новостей. Как видно на скриншоте блок новостей был не на том месте и дублировал новости из колонки слева. Вот я и хотел поместить блок новостей вместо новостей в колонке слева, тоже самое поместить блок статей вместо статей в той же колонке слева....
Найдите код в шаблоне HTML -
<!-- Если в тарифном плане подключен модуль новостей --> {% IF TARIFF_FEATURE_NEWS %} <!-- Все новости --> {%IFNOT news_list_all_empty %} <li class="news_all"><br /><a href="{NEWS_ALL_URL}">Лента новостей</a> <div class="contentTbodyNews"> <!-- Список новостей магазина --> <div class="contentTbodyNewsBlock"> {% FOR news_list_all %} <div class="contentTbodyNewsBlockItem"> <a href="{news_list_all.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_all.TITLE}</a><br /> <div class="newsListBlockItemPreview">{news_list_all.TEXT_SHORT} </div> {% IF news_list_all.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_all.TIME | date("d.m.Y")}</em><br />{% ENDIF %} </div> {% ENDFOR %} <a class="contentTbodyNewsArchive" href="{NEWS_ALL_URL}">Архив новостей</a> </div> </div> </li> {% ENDIF %} <!-- Новости магазина --> {%IFNOT news_list_shop_empty %}<br> <div style="margin-left: 3px; width:248px; height:34px; background: #fff;"> <div style=" padding: 8px 0px 0px 17px;"> <a href="{NEWS_SHOP_URL}" style="color:#777; font-size:18px;" class="moder2"><u>Новости магазина</u></a> </div> </div> <div class="contentTbodyNews"> <br> <!-- Список новостей магазина --> <div class="contentTbodyNewsBlock"> {% FOR news_list_shop %} <div class="contentTbodyNewsBlockItem"> <a href="{news_list_shop.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_shop.TITLE}</a><br /> <div align="justify" class="newsListBlockItemPreview">{news_list_shop.TEXT_SHORT} </div> {% IF news_list_shop.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_shop.TIME | date("d.m.Y")}</em><br />{% ENDIF %} </div> {% ENDFOR %} <a class="contentTbodyNewsArchive" href="{NEWS_SHOP_URL}">Архив новостей</a> </div> </div> </li> {% ENDIF %} <!-- Статьи --> {%IFNOT news_list_articles_empty %}<br> <div style="margin-left: 0px; width:248px; height:34px; "> <div style=" padding: 8px 0px 0px 20px;"> <a href="{NEWS_ARTICLES_URL}" style="color: #777; font-size:19px;" class="moder2"><u>Статьи</u></a> </div> </div> <div class="contentTbodyNews"> <br> <!-- Список статей --> <div class="contentTbodyNewsBlock"> {% FOR news_list_articles %} <div class="contentTbodyNewsBlockItem"> <a href="{news_list_articles.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_articles.TITLE}</a><br /> <div align="justify" class="newsListBlockItemPreview">{news_list_articles.TEXT_SHORT} </div> {% IF news_list_articles.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_articles.TIME | date("d.m.Y")}</em><br />{% ENDIF %} </div> {% ENDFOR %} <a class="contentTbodyNewsArchive" href="{NEWS_ARTICLES_URL}">Архив статей</a> </div> </div> </li> {% ENDIF %} <!-- Материалы СМИ --> {%IFNOT news_list_mass_media_empty %}<br> <div style="margin-left: 0px; width:248px; height:34px; background: #f0efe4;"> <div style=" padding: 8px 0px 0px 20px;"> <a href="{NEWS_MASS_MEDIA_URL}" style="color: #789035; font-size:19px;" class="moder"><u>Новости СМИ</u></a> </div> </div> <div class="contentTbodyNews"> <br> <!-- Список статей --> <div class="contentTbodyNewsBlock"> {% FOR news_list_mass_media %} <div class="contentTbodyNewsBlockItem"> <a href="{news_list_mass_media.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_mass_media.TITLE}</a><br /> <div align="justify" class="newsListBlockItemPreview">{news_list_mass_media.TEXT_SHORT} </div> {% IF news_list_mass_media.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_mass_media.TIME | date("d.m.Y")}</em><br />{% ENDIF %} </div> {% ENDFOR %} <a class="contentTbodyNewsArchive" href="{NEWS_MASS_MEDIA_URL}">Архив новостей</a> </div> </div> </li> {% ENDIF %}и замените на -
<script type="text/javascript"> jQuery(document).ready(function() { // Initialise the first and second carousel by class selector. // Note that they use both the same configuration options (none in this case). jQuery('.d-carousel .carousel').jcarousel({ scroll: 1 }); }); </script> <!-- Begin Wrapper --> <!-- Если в тарифном плане подключен модуль новостей --> {% IF TARIFF_FEATURE_NEWS %} <!-- Все новости --> <div id="wrapper" class="newscarusele"> <div class="d-carousel"> <ul class="carousel"> {% FOR news_list_shop %} <li class="contentTbodyNewsBlockItem"> <h4><a href="{news_list_shop.URL}">{news_list_shop.TITLE}</a></h4> <p> <div>{news_list_shop.TEXT_SHORT} </div> {% IF news_list_shop.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_shop.TIME | date("d.m.Y")}</em><br />{% ENDIF %} </p> </li> {% ENDFOR news_list_shop %} </ul> </div> <div class="clear"></div> </div> <!-- End Wrapper -->
Далее Вам нужно вставить до кода -
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>код -
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.jcarousel.js"></script> <link rel="stylesheet" href="{ASSETS_STYLES_PATH}carousel.css" type="text/css" />
Скачать файлы для карусели можете из сообщения -
http://forum.storela...тну/#entry67038
И добавьте в конец main.css код -
.newscarusele { width: 305px !important; }
#71
Отправлено 24 Август 2013 - 14:44
miyako (24 Август 2013 - 11:15) писал:
<!-- Если в тарифном плане подключен модуль новостей --> {% IF TARIFF_FEATURE_NEWS %} <!-- Все новости --> {%IFNOT news_list_all_empty %} <li class="news_all"><br /><a href="{NEWS_ALL_URL}">Лента новостей</a> <div class="contentTbodyNews"> <!-- Список новостей магазина --> <div class="contentTbodyNewsBlock"> {% FOR news_list_all %} <div class="contentTbodyNewsBlockItem"> <a href="{news_list_all.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_all.TITLE}</a><br /> <div class="newsListBlockItemPreview">{news_list_all.TEXT_SHORT} </div> {% IF news_list_all.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_all.TIME | date("d.m.Y")}</em><br />{% ENDIF %} </div> {% ENDFOR %} <a class="contentTbodyNewsArchive" href="{NEWS_ALL_URL}">Архив новостей</a> </div> </div> </li> {% ENDIF %} <!-- Новости магазина --> {%IFNOT news_list_shop_empty %}<br> <div style="margin-left: 3px; width:248px; height:34px; background: #fff;"> <div style=" padding: 8px 0px 0px 17px;"> <a href="{NEWS_SHOP_URL}" style="color:#777; font-size:18px;" class="moder2"><u>Новости магазина</u></a> </div> </div> <div class="contentTbodyNews"> <br> <!-- Список новостей магазина --> <div class="contentTbodyNewsBlock"> {% FOR news_list_shop %} <div class="contentTbodyNewsBlockItem"> <a href="{news_list_shop.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_shop.TITLE}</a><br /> <div align="justify" class="newsListBlockItemPreview">{news_list_shop.TEXT_SHORT} </div> {% IF news_list_shop.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_shop.TIME | date("d.m.Y")}</em><br />{% ENDIF %} </div> {% ENDFOR %} <a class="contentTbodyNewsArchive" href="{NEWS_SHOP_URL}">Архив новостей</a> </div> </div> </li> {% ENDIF %} <!-- Статьи --> {%IFNOT news_list_articles_empty %}<br> <div style="margin-left: 0px; width:248px; height:34px; "> <div style=" padding: 8px 0px 0px 20px;"> <a href="{NEWS_ARTICLES_URL}" style="color: #777; font-size:19px;" class="moder2"><u>Статьи</u></a> </div> </div> <div class="contentTbodyNews"> <br> <!-- Список статей --> <div class="contentTbodyNewsBlock"> {% FOR news_list_articles %} <div class="contentTbodyNewsBlockItem"> <a href="{news_list_articles.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_articles.TITLE}</a><br /> <div align="justify" class="newsListBlockItemPreview">{news_list_articles.TEXT_SHORT} </div> {% IF news_list_articles.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_articles.TIME | date("d.m.Y")}</em><br />{% ENDIF %} </div> {% ENDFOR %} <a class="contentTbodyNewsArchive" href="{NEWS_ARTICLES_URL}">Архив статей</a> </div> </div> </li> {% ENDIF %} <!-- Материалы СМИ --> {%IFNOT news_list_mass_media_empty %}<br> <div style="margin-left: 0px; width:248px; height:34px; background: #f0efe4;"> <div style=" padding: 8px 0px 0px 20px;"> <a href="{NEWS_MASS_MEDIA_URL}" style="color: #789035; font-size:19px;" class="moder"><u>Новости СМИ</u></a> </div> </div> <div class="contentTbodyNews"> <br> <!-- Список статей --> <div class="contentTbodyNewsBlock"> {% FOR news_list_mass_media %} <div class="contentTbodyNewsBlockItem"> <a href="{news_list_mass_media.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_mass_media.TITLE}</a><br /> <div align="justify" class="newsListBlockItemPreview">{news_list_mass_media.TEXT_SHORT} </div> {% IF news_list_mass_media.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_mass_media.TIME | date("d.m.Y")}</em><br />{% ENDIF %} </div> {% ENDFOR %} <a class="contentTbodyNewsArchive" href="{NEWS_MASS_MEDIA_URL}">Архив новостей</a> </div> </div> </li> {% ENDIF %}и замените на -
<script type="text/javascript"> jQuery(document).ready(function() { // Initialise the first and second carousel by class selector. // Note that they use both the same configuration options (none in this case). jQuery('.d-carousel .carousel').jcarousel({ scroll: 1 }); }); </script> <!-- Begin Wrapper --> <!-- Если в тарифном плане подключен модуль новостей --> {% IF TARIFF_FEATURE_NEWS %} <!-- Все новости --> <div id="wrapper" class="newscarusele"> <div class="d-carousel"> <ul class="carousel"> {% FOR news_list_shop %} <li class="contentTbodyNewsBlockItem"> <h4><a href="{news_list_shop.URL}">{news_list_shop.TITLE}</a></h4> <p> <div>{news_list_shop.TEXT_SHORT} </div> {% IF news_list_shop.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_shop.TIME | date("d.m.Y")}</em><br />{% ENDIF %} </p> </li> {% ENDFOR news_list_shop %} </ul> </div> <div class="clear"></div> </div> <!-- End Wrapper -->
Далее Вам нужно вставить до кода -
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>код -
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.jcarousel.js"></script> <link rel="stylesheet" href="{ASSETS_STYLES_PATH}carousel.css" type="text/css" />
Скачать файлы для карусели можете из сообщения -
http://forum.storela...тну/#entry67038
И добавьте в конец main.css код -
.newscarusele { width: 305px !important; }
Спасибо, получилось! Можно ниже добавить такой же блок с новостями? Также изменить размер блока, расширить как показано на скрине?
Заранее благодарю.
#72
Отправлено 24 Август 2013 - 17:20
Sen (24 Август 2013 - 14:44) писал:
Заранее благодарю.
Найдите код в main.css -
.newscarusele { width: 305px !important; }и замените на -
.newscarusele { width: 305px !important; margin: 0 !important; }
Вы не загрузили изображения для кнопок карусели blog-arrows.jpg
#73
Отправлено 24 Август 2013 - 21:20
miyako (24 Август 2013 - 17:20) писал:
.newscarusele { width: 305px !important; }и замените на -
.newscarusele { width: 305px !important; margin: 0 !important; }
Вы не загрузили изображения для кнопок карусели blog-arrows.jpg
Благодарю за инструкции!
blog-arrows.jpg был загружен, видно на скрине.
Карусель с новостями сдвинулась, появилась правая граница блока и вроде больше не заходит под текст справа. Но как видно на 2-м скрине карусель не посередине колонки, это бросается в глаза. Можно её как то сдвинуть ещё влево и расположить посередине колонки?
И как под этим блоком(этой каруселью) с новостями добавить такую же карусель(блок) со статьями?
Также нужно поместить над каруселью с новостями(над первой каруселью) надпись Новости магазина и над второй каруселью(которой пока нет) надпись Статьи...
#74
Отправлено 26 Август 2013 - 07:45
Sen (24 Август 2013 - 21:20) писал:
blog-arrows.jpg был загружен, видно на скрине.
Карусель с новостями сдвинулась, появилась правая граница блока и вроде больше не заходит под текст справа. Но как видно на 2-м скрине карусель не посередине колонки, это бросается в глаза. Можно её как то сдвинуть ещё влево и расположить посередине колонки?
И как под этим блоком(этой каруселью) с новостями добавить такую же карусель(блок) со статьями?
Также нужно поместить над каруселью с новостями(над первой каруселью) надпись Новости магазина и над второй каруселью(которой пока нет) надпись Статьи...
По кнопкам - неверно указан url
Найдите код в carousel.css -
.d-carousel .jcarousel-next-horizontal { position: absolute; top: 58px; right: 0; margin-right: 3px; width: 15px; height: 28px; cursor: pointer; background: transparent url(http://s652545.storeland.net/blog-arrows.jpg) no-repeat top right; }и замените на -
.d-carousel .jcarousel-next-horizontal { position: absolute; top: 58px; right: 0; margin-right: 3px; width: 15px; height: 28px; cursor: pointer; background: transparent url("{ASSETS_IMAGES_PATH}blog-arrows.jpg") no-repeat top right; }
Далее найдите код -
.d-carousel .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background-image: url(http://s652545.storeland.net/blog-arrows.jpg); }и замените на -
.d-carousel .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background-image: url("{ASSETS_IMAGES_PATH}blog-arrows.jpg"); }
Найдите код -
.d-carousel .jcarousel-prev-horizontal { position: absolute; top: 58px; left: 0; margin-left: 3px; width: 15px; height: 28px; cursor: pointer; background: transparent url(http://s652545.storeland.net/blog-arrows.jpg) no-repeat top left; } .d-carousel .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background-image: url(http://s652545.storeland.net/blog-arrows.jpg); }и замените на -
.d-carousel .jcarousel-prev-horizontal { position: absolute; top: 58px; left: 0; margin-left: 3px; width: 15px; height: 28px; cursor: pointer; background: transparent url("{ASSETS_IMAGES_PATH}blog-arrows.jpg") no-repeat top left; } .d-carousel .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background-image: url("{ASSETS_IMAGES_PATH}blog-arrows.jpg"); }
После того как будут видны кнопки можно уже поменять будет и ширину блока.
По статьям -
Найдите код в шаблоне HTML -
{% IF TARIFF_FEATURE_NEWS %} <!-- Все новости --> <div id="wrapper" class="newscarusele"> <div class="d-carousel"> <ul class="carousel"> {% FOR news_list_shop %} <li class="contentTbodyNewsBlockItem"> <h4><a href="{news_list_shop.URL}">{news_list_shop.TITLE}</a></h4> <p> <div>{news_list_shop.TEXT_SHORT} </div> {% IF news_list_shop.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_shop.TIME | date("d.m.Y")}</em><br />{% ENDIF %} </p> </li> {% ENDFOR news_list_shop %} </ul> </div> <div class="clear"></div> </div> <!-- End Wrapper --> {% ENDIF %} </ul> </div> </td>и замените на -
{% IF TARIFF_FEATURE_NEWS %} <!--Новости --> <div id="wrapper" class="newscarusele"> <div class="d-carousel"> <ul class="carousel"> <li> Новости</li> {% FOR news_list_shop %} <li class="contentTbodyNewsBlockItem"> <h4><a href="{news_list_shop.URL}">{news_list_shop.TITLE}</a></h4> <p> <div>{news_list_shop.TEXT_SHORT} </div> {% IF news_list_shop.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_shop.TIME | date("d.m.Y")}</em><br />{% ENDIF %} </p> </li> {% ENDFOR news_list_shop %} </ul> </div> <div class="clear"></div> </div> <!-- End Wrapper --> <!--Статьи --> <div id="wrapper" class="newscarusele"> <div class="d-carousel"> <ul class="carousel"> <li> Статьи</li> {% FOR news_list_articles %} <li class="contentTbodyNewsBlockItem"> <h4><a href="{news_list_articles.URL}">{news_list_articles.TITLE}</a></h4> <p> <div>{news_list_articles.TEXT_SHORT} </div> {% IF news_list_articles.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_articles.TIME | date("d.m.Y")}</em><br />{% ENDIF %} </p> </li> {% ENDFOR news_list_articles %} </ul> </div> <div class="clear"></div> </div> <!-- End Wrapper 2 --> {% ENDIF %} </ul> </div> </td>
#75
Отправлено 26 Август 2013 - 19:49
miyako (26 Август 2013 - 07:45) писал:
Найдите код в carousel.css -
.d-carousel .jcarousel-next-horizontal { position: absolute; top: 58px; right: 0; margin-right: 3px; width: 15px; height: 28px; cursor: pointer; background: transparent url(http://s652545.storeland.net/blog-arrows.jpg) no-repeat top right; }и замените на -
.d-carousel .jcarousel-next-horizontal { position: absolute; top: 58px; right: 0; margin-right: 3px; width: 15px; height: 28px; cursor: pointer; background: transparent url("{ASSETS_IMAGES_PATH}blog-arrows.jpg") no-repeat top right; }
Далее найдите код -
.d-carousel .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background-image: url(http://s652545.storeland.net/blog-arrows.jpg); }и замените на -
.d-carousel .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background-image: url("{ASSETS_IMAGES_PATH}blog-arrows.jpg"); }
Найдите код -
.d-carousel .jcarousel-prev-horizontal { position: absolute; top: 58px; left: 0; margin-left: 3px; width: 15px; height: 28px; cursor: pointer; background: transparent url(http://s652545.storeland.net/blog-arrows.jpg) no-repeat top left; } .d-carousel .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background-image: url(http://s652545.storeland.net/blog-arrows.jpg); }и замените на -
.d-carousel .jcarousel-prev-horizontal { position: absolute; top: 58px; left: 0; margin-left: 3px; width: 15px; height: 28px; cursor: pointer; background: transparent url("{ASSETS_IMAGES_PATH}blog-arrows.jpg") no-repeat top left; } .d-carousel .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background-image: url("{ASSETS_IMAGES_PATH}blog-arrows.jpg"); }
После того как будут видны кнопки можно уже поменять будет и ширину блока.
По статьям -
Найдите код в шаблоне HTML -
{% IF TARIFF_FEATURE_NEWS %} <!-- Все новости --> <div id="wrapper" class="newscarusele"> <div class="d-carousel"> <ul class="carousel"> {% FOR news_list_shop %} <li class="contentTbodyNewsBlockItem"> <h4><a href="{news_list_shop.URL}">{news_list_shop.TITLE}</a></h4> <p> <div>{news_list_shop.TEXT_SHORT} </div> {% IF news_list_shop.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_shop.TIME | date("d.m.Y")}</em><br />{% ENDIF %} </p> </li> {% ENDFOR news_list_shop %} </ul> </div> <div class="clear"></div> </div> <!-- End Wrapper --> {% ENDIF %} </ul> </div> </td>и замените на -
{% IF TARIFF_FEATURE_NEWS %} <!--Новости --> <div id="wrapper" class="newscarusele"> <div class="d-carousel"> <ul class="carousel"> <li> Новости</li> {% FOR news_list_shop %} <li class="contentTbodyNewsBlockItem"> <h4><a href="{news_list_shop.URL}">{news_list_shop.TITLE}</a></h4> <p> <div>{news_list_shop.TEXT_SHORT} </div> {% IF news_list_shop.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_shop.TIME | date("d.m.Y")}</em><br />{% ENDIF %} </p> </li> {% ENDFOR news_list_shop %} </ul> </div> <div class="clear"></div> </div> <!-- End Wrapper --> <!--Статьи --> <div id="wrapper" class="newscarusele"> <div class="d-carousel"> <ul class="carousel"> <li> Статьи</li> {% FOR news_list_articles %} <li class="contentTbodyNewsBlockItem"> <h4><a href="{news_list_articles.URL}">{news_list_articles.TITLE}</a></h4> <p> <div>{news_list_articles.TEXT_SHORT} </div> {% IF news_list_articles.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_articles.TIME | date("d.m.Y")}</em><br />{% ENDIF %} </p> </li> {% ENDFOR news_list_articles %} </ul> </div> <div class="clear"></div> </div> <!-- End Wrapper 2 --> {% ENDIF %} </ul> </div> </td>
Доброго времени суток!
Сделал изменения и вот что получилось, вид соответственно в хроме и эксплорере....
#76
Отправлено 27 Август 2013 - 09:39
#78
Отправлено 27 Август 2013 - 10:26
#79
Отправлено 27 Август 2013 - 10:49
Sen (26 Август 2013 - 19:49) писал:
Найдите код в шаблоне HTML -
<div id="wrapper" class="newscarusele"> <div class="d-carousel"> <ul class="carousel"> <li> Новости</li>и замените на -
<div id="wrapper" class="newscarusele"> <h3> Новости</h3> <div class="d-carousel"> <ul class="carousel">
Далее найдите код -
<div id="wrapper" class="newscarusele"> <div class="d-carousel"> <ul class="carousel"> <li> Статьи</li>и замените на -
<div id="wrapper" class="newscarusele"> <h3> Статьи</h3> <div class="d-carousel"> <ul class="carousel">
Найдите код в carousel.css -
.d-carousel .jcarousel-container-horizontal { width: 838px; height: 325px; padding: 0 45px; }и замените на -
.d-carousel .jcarousel-container-horizontal { height: 325px; padding: 0 45px; }
А также удалите код -
<script type="text/javascript" src="/web/upload/assets/js/150/149839/jquery.jcarousel.js"></script>в шаблоне HTML
#80
Отправлено 27 Август 2013 - 11:38
miyako (27 Август 2013 - 10:49) писал:
<div id="wrapper" class="newscarusele"> <div class="d-carousel"> <ul class="carousel"> <li> Новости</li>и замените на -
<div id="wrapper" class="newscarusele"> <h3> Новости</h3> <div class="d-carousel"> <ul class="carousel">
Далее найдите код -
<div id="wrapper" class="newscarusele"> <div class="d-carousel"> <ul class="carousel"> <li> Статьи</li>и замените на -
<div id="wrapper" class="newscarusele"> <h3> Статьи</h3> <div class="d-carousel"> <ul class="carousel">
Найдите код в carousel.css -
.d-carousel .jcarousel-container-horizontal { width: 838px; height: 325px; padding: 0 45px; }и замените на -
.d-carousel .jcarousel-container-horizontal { height: 325px; padding: 0 45px; }
А также удалите код -
<script type="text/javascript" src="/web/upload/assets/js/150/149839/jquery.jcarousel.js"></script>в шаблоне HTML
Благодарю за ответ, сделал по Вашей инструкции, вот что получилось...
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных