С чего начать создание разделов в каталоге с фото

Добрый день!

у себя в разделе КАТАЛОГ хочу сделать вот так:

вот ссылка http://www.milana-s.ru/catalog/trikotazhnye_izdeliya/

то есть прям на фото наводишь , наживаешь и переходишь в соответствующий раздел.

Где мне про это почитать, как это сделать? чтоб с нуля прям все было написано, потому что я вообще ноль в создании сайтов в принципе)

Спасибо заранее.

Адрес сайта http://spoolka.ucoz.net/

21.03.2017 | Автор: Юлия Гелемеева | Категория: Фотоальбомы
Изменение категории | 21.03.2017 | Автор: Yuri_Geruk

Ответов: 1

Лучший ответ

Как подобное реализуется, вы можете найти описание в материале - http://www.ucoz.ru/help/module-photo/preview-setup

21.03.2017 | Автор: Yuri_Geruk

Выбор ответа лучшим | 07.04.2017 | Автор: Юлия Гелемеева

Спасибо за ссылку. Буду изучать. Сразу вопрос.

"Войдите в Панель управления - Модули - Фотоальбомы - Настройки - Материалы - Сортировка по умолчанию. "

где в панели управления находятся "Модули - Фотоальбомы"?

я не могу найти(((

21.03.2017 | Автор: Юлия Гелемеева

Юлия Гелемеева,

Вот модули - http://joxi.ru/l2ZxQXEcooD3rJ

21.03.2017 | Автор: Yuri_Geruk

Yuri_Geruk,

ой спасибо большое! пошла изучать!

21.03.2017 | Автор: Юлия Гелемеева

Yuri_Geruk,

Юрий, а у меня такой штуки слева как у Вас..((

как мне тогда найти МОДУЛЬ ФОТОАЛЬБОМЫ?

31.03.2017 | Автор: Юлия Гелемеева

Юлия Гелемеева,

Смотрите выше, вы немного промахнулись, у вас меньше модулей активно и список меньше.

31.03.2017 | Автор: Yuri_Geruk

Yuri_Geruk,

аа то есть у меня только сео модуль подключен)))) так а как мне подключить модуль фотоальбомы? я же могу его выбрать, потому что у еня его нет в списке сейчас... помогите пжл

31.03.2017 | Автор: Юлия Гелемеева

Юлия Гелемеева,

Вот там же видите чуть ниже вкладка Неактивные, перейдите в нее где и увидите модуль Фотоальбомы, нажмите по нему и далее нажмите кнопку Активировать модуль и Готово.

31.03.2017 | Автор: Yuri_Geruk

Yuri_Geruk,

аа вот я слепая))) спасибо! пошла дальше разбираться)

31.03.2017 | Автор: Юлия Гелемеева

Yuri_Geruk,

Юрий, я могу перейти вот сюда Главная » Фотоальбомы » Настройки модуля

а по инструкции http://www.ucoz.ru/help/module-photo/preview-setup нужно так Панель управления - Модули - Фотоальбомы - Настройки - Материалы - Сортировка по умолчанию.

где этот раздел МАТЕРИАЛЫ находится?

31.03.2017 | Автор: Юлия Гелемеева

Yuri_Geruk,

Юрий, ответ одобрили пару часов назад, но комментариев не было. Завтра ожидать их?

31.03.2017 | Автор: Юлия Гелемеева

Yuri_Geruk,

скажите пжл а по этому вопросу ждать ответа или нет?

03.04.2017 | Автор: Юлия Гелемеева

Юлия Гелемеева,

У вас сортировка правильно настроена, этот пункт можно пропустить, создавайте информер.

03.04.2017 | Автор: Yuri_Geruk

Yuri_Geruk,

ок спасибо сейчас продолжу тогда.

подскажите пжл ГДЕ почитать про модуль КАТАЛОГ и ФОТОАЛЬБОМЫ чтобы я могла их отличия понять.??. я не могу разобраться... добавила модуль КАТАЛОГ ФАЙЛОВ.. файл прикрпеила , а он не отображается в виде картинки... значит меня этот КАТАЛОГ ФАЙЛОВ не устраивает.. сложно понять что делать..

03.04.2017 | Автор: Юлия Гелемеева

Юлия Гелемеева,

Почитать про модули можно здесь http://www.ucoz.ru/help/ выбираем нужный и читаем.

03.04.2017 | Автор: Yuri_Geruk

Yuri_Geruk,

прочла. но я не поняла, этот каталог файлов загружается все вот так БЕЗ картинок? http://spoolka.ru/load/gimnasticheskij_kupalnik_vikhr_artikul_gk1/1-1-0-1 а только ссылка на картинку будет на странице?

03.04.2017 | Автор: Юлия Гелемеева

Юлия Гелемеева,

Да, каталог файлов, а загружается без картинок так как вы их не крепите или же если крепите, опишите больше подробностей, как именно крепите.

03.04.2017 | Автор: Yuri_Geruk

Yuri_Geruk,

аа поняла. спасибо. тогда каталог файлов - не то что нужно.аесть каталог картинок?))

03.04.2017 | Автор: Юлия Гелемеева

Юлия Гелемеева,

Каталог файлов именно то, что нужно так как только в нем вы сможете оформить категории с фото как в инструкции, пример реализации - http://www.ucoz.ru/qa/index.php/44020

03.04.2017 | Автор: Yuri_Geruk

Yuri_Geruk,

аа картинка может быть обложкой к категории!! спасибо! пошла дальше изучать)

03.04.2017 | Автор: Юлия Гелемеева

Yuri_Geruk,

Добрый день!

Делать пытаюсь, как Вы подсказали здесь http://www.ucoz.ru/qa/index.php/44020

1)"Только фото добавляйте фиксированного размера, чтобы все отображалось корректно и не ломало дизайн и вид самих категорий и сайта." - размер можно брать любой? или есть какие-то стандарты общепринятые? подскажите их пжл

2)и еще вопрос: "<img src="ссылка на иконку категории">" - ссылка на иконку категории это и есть та картинка, то есть обложка для категории да?

04.04.2017 | Автор: Юлия Гелемеева

Юлия Гелемеева,

Желательно делать размер фото квадратный или в виде паралелепипеда, фиксированно, то есть например ширина в 250px тогда на сайте влезет 3 колонки с категориями и фото к ним.
Да, это будет обложка.

04.04.2017 | Автор: Yuri_Geruk

Yuri_Geruk,

замечательно! спасибо большое за опертивный совет-ответ!!! пошла делать!)

04.04.2017 | Автор: Юлия Гелемеева

Yuri_Geruk,

снова с вопросом.

делаю как здесь http://www.ucoz.ru/qa/index.php/44020

последнее что смогла сделать это вот эту картинку:

дальше пошли такие слова:

"

После этого описание раздела или категории на странице категории можно вывести оператором:

$CATEGORIES$

в шаблоне страницы раздела:

$CATEGORIES$

Только фото добавляйте фиксированного размера, чтобы все отображалось корректно и не ломало дизайн и вид самих категорий и сайта.

"

и я вообще не поняла, что они значят. помогите пжл.

в управлении материалами вставила <img src="<http://i91.fastpic.ru/big/2017/0404/af/f750b1c6ff1cbf91a253608553b146af.jpg>. что дбальше делать. обложка еще не отображается.. или я не туда смотрю?

04.04.2017 | Автор: Юлия Гелемеева

Юлия Гелемеева,

Юрий, а сегодня по этому вопросу ответ ждать или только завтра тепер?

04.04.2017 | Автор: Юлия Гелемеева

Юлия Гелемеева,

Ссылки на фото должны быть ваши, а не с стороннего хостинга http://i91.fastpic.ru/big/2017/0404/af/f750b1c6ff1cbf91a253608553b146af.jpg

Код $CATEGORIES$ прописать перед $BODY$ в шаблоне страницы категории - http://spoolka.ru/panel/?a=tmpl;m=11;t=3 и отключите тех работы.

04.04.2017 | Автор: Yuri_Geruk

Yuri_Geruk,

аа хорошо) не со стороннего поняла.. я и щабыла что тут тоже можно загружать.. пошла дальше делать)спасибо!

04.04.2017 | Автор: Юлия Гелемеева

Yuri_Geruk,

Добрый день!

собралась все делать по вашему совету: "Ссылки на фото должны быть ваши, а не с стороннего хостинга http://i91.fastpic.ru/big/2017/0404/af/f750b1c6ff1cbf91a253608553b146af.jpg "

напомните пжл - это надо в файловый менеджер загружать да? и оттуда потом ссылку?

а есть ограничению по объему или по количеству фотографий , загружаемых в файловый менеджер?

06.04.2017 | Автор: Юлия Гелемеева

Юлия Гелемеева,

Да, в менеджер и с него брать ссылку, объем фото до 15 мб, лимит на количество фото в одной папке - 200.

06.04.2017 | Автор: Yuri_Geruk

Yuri_Geruk,

снова с вопросом.

делаю как здесь http://www.ucoz.ru/qa/index.php/44020

1) загрузила фото нужного размера в файловый менеджер

добавила как сказано на картинке:

2) после этого

"

Код $CATEGORIES$ прописать перед $BODY$ в шаблоне страницы категории - http://spoolka.ru/panel/?a=tmpl;m=11;t=3 и отключите тех работы." - ПРОПИСАЛА КОД, СОХРАНИЛА.. НО ОБЛОЖКУ ВСЕ РАВНО НЕ ВИЖУ. ЧТО-ТО НЕ ТАК ОПЯТЬ СДЕЛАЛА?

06.04.2017 | Автор: Юлия Гелемеева

Юлия Гелемеева,

Не прописали вы код $CATEGORIES$ так как категории даже не отобразились, непонятно где и что вы прописали.

06.04.2017 | Автор: Yuri_Geruk

Yuri_Geruk,

а что значит прописать код? я поставила сюда как вы сказали:

вот сам код:

<html>
<head>
<meta charset="utf-8">
<title>$CAT_NAME$ <?if($SECTION_NAME$)?>- $SECTION_NAME$<?endif?> - $MODULE_NAME$ - $SITE_NAME$</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<?$META_DESCRIPTION$?>
<?$META_KEYWORDS$?>
<script type="text/javascript">
var browser = navigator.userAgent;
var browserRegex = /(Android|BlackBerry|IEMobile|Nokia|iP(ad|hone|od)|Opera M(obi|ini))/;
var isMobile = false;
if(browser.match(browserRegex)) {
isMobile = true;
addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){
window.scrollTo(0,1);
}
}
</script>
<link rel="stylesheet" href="/.s/src/css/1111.css" type="text/css" media="all" />
<script type="text/javascript">
var navTitle = "Navigation"
</script>
</head>

<body>
$ADMIN_BAR$
<header>
<div id="header">
<div class="wrapper">
$GLOBAL_AHEADER$
<div class="clr"></div>

<div id="slider">
<div class="slide">
<div class="part-l">
<div class="slide-i">
<div class="slide-t">PERFECT BUSINESS</div>
<a href=""><img src="/.s/t/1111/slide1.jpg" alt=""></a>
</div>
</div>
<div class="part-r">
<div class="part-i slide-d">
<div class="slide-st">the best business structure</div>
<div class="slide-tx">Vestibulum rutrum mi vel fermentum venenatis. Maecenas eu erat convallis sem rhoncus tincidunt et vitae orci.</div>
<a href="" class="read-m">read more</a>
</div>
</div>
<div class="clr"></div>
</div>
<div class="slide">
<div class="part-l">
<div class="slide-i">
<div class="slide-t">PERFECT BUSINESS</div>
<a href=""><img src="/.s/t/1111/slide2.jpg" alt=""></a>
</div>
</div>
<div class="part-r">
<div class="part-i slide-d">
<div class="slide-st">the best business structure</div>
<div class="slide-tx">Vestibulum rutrum mi vel fermentum venenatis. Maecenas eu erat convallis sem rhoncus tincidunt et vitae orci.</div>
<a href="" class="read-m">read more</a>
</div>
</div>
<div class="clr"></div>
</div>
<div class="slide">
<div class="part-l">
<div class="slide-i">
<div class="slide-t">PERFECT BUSINESS</div>
<a href=""><img src="/.s/t/1111/slide3.jpg" alt=""></a>
</div>
</div>
<div class="part-r">
<div class="part-i slide-d">
<div class="slide-st">the best business structure</div>
<div class="slide-tx">Vestibulum rutrum mi vel fermentum venenatis. Maecenas eu erat convallis sem rhoncus tincidunt et vitae orci.</div>
<a href="" class="read-m">read more</a>
</div>
</div>
<div class="clr"></div>
</div>
</div>
<script type="text/javascript">
$(function() {
(function doSlider() {
if ($.isFunction($.fn.flexslider)) {
$('#slider').flexslider({
selector: ".slide",
slideshowSpeed: 5000,
pauseOnHover: true,
directionNav: false
});
}
else {
setTimeout(doSlider, 300);
}
}());
});
</script>

</div>
</div>
</header>
<div id="casing">
<div class="wrapper">
<?if($MODULE_ID$='forum')?><div class="forum-box"><?endif?>

<div class="part-l <?if($HIDE_CLEFTER$)?>content-wide<?endif?>">
<div id="content">
<div class="part-i">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="80%"><a href="$HOME_PAGE_LINK$">Главная</a> » <a href="$MODULE_URL$">Файлы</a> <?if($SECTION_NAME$)?>» <a href="$SECTION_URL$">$SECTION_NAME$</a><?endif?> » $CAT_NAME$</td>
<td align="right" style="white-space: nowrap;"><?if($ADD_ENTRY_LINK$)?>[ <a href="$ADD_ENTRY_LINK$">Добавить материал</a> ]<?endif?></td>
</tr>
</table>
<hr />
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="60%">В категории материалов: <b>$NUM_ENTRIES$</b><?if($NUM_SHOWN$)?><br />Показано материалов: <b>$NUM_SHOWN$</b><?endif?></td>
<td align="right"><?if($PAGE_SELECTOR$)?>Страницы: $PAGE_SELECTOR$<?endif?></td>
</tr>
</table>
<hr />
<?if($SORTING_MENU$)?>Сортировать по: $SORTING_MENU$<hr /><?endif?>
$CATEGORIES$
$BODY$
<?if($PAGE_SELECTOR1$)?><div style="text-align:center;">$PAGE_SELECTOR1$</div><?endif?>
</div>
</div>
</div>
<?if(!$HIDE_CLEFTER$)?>
<div class="part-r">
<div class="part-i">
<aside>
<div id="sidebar">
$GLOBAL_CLEFTER$
</div>
</aside>
</div>
</div>
<?endif?>

<div class="clr"></div>
<?if($MODULE_ID$='forum')?></div><?endif?>
</div>
</div>
$GLOBAL_BOTTOM$
$GLOBAL_BFOOTER$
<script type="text/javascript" src="/.s/t/1111/template.min.js"></script>

<div style="display:none">

</div>
</body>
</html>

06.04.2017 | Автор: Юлия Гелемеева

Юлия Гелемеева,

Ну вот перешли на страницу категории - http://spoolka.ru/load/leotards/1 категория отображается, только описания вовсе нет так как вы его не прописали для категории в итоге пусто. В настройках модуля http://spoolka.ucoz.net/panel/?a=load;l=setup найти пункт - Выводить описание категорий в меню под названием категории, отметьте его и сохраните изменения.

06.04.2017 | Автор: Yuri_Geruk

Yuri_Geruk,

"В настройках модуля http://spoolka.ucoz.net/panel/?a=load;l=setup найти пункт - Выводить описание категорий в меню под названием категории, отметьте его и сохраните изменения." - а делаю как написано.

но у меня там галочка УЖЕ стояла...:

но обложку категории не видно..

06.04.2017 | Автор: Юлия Гелемеева

Юлия Гелемеева,

Доброе утро! а что делать-то? если обложку не видно? как сделать так чтоб ее видно стало?

07.04.2017 | Автор: Юлия Гелемеева

Юлия Гелемеева,

Перейти в шаблон http://spoolka.ru/panel/?a=tmpl;m=11;t=1 заменить $BODY$ на:

<hr>
$CATEGORIES$
<hr />
$BODY$

сохранить, далее как я писал в описание к категориям установить фото, в стили прописать:

.sidebox .catDescr img {display:none;}

после перейти на страницу - http://spoolka.ru/load/ и проверить результату работы, вот пример как примерно должно быть - http://9bclass.ucoz.ru/load/

07.04.2017 | Автор: Yuri_Geruk

Yuri_Geruk,

Перейти в шаблон http://spoolka.ru/panel/?a=tmpl;m=11;t=1 заменить $BODY$ на:

<hr>
$CATEGORIES$
<hr />
$BODY$

сохранить - СДЕЛАЛА, далее как я писал в описание к категориям установить фото-СДЕЛАЛА, в стили прописать:

.sidebox .catDescr img {display:none;} - А ВОТ ЭТО НЕ МОГУ СДЕЛАТЬ, ПОТОМУ ЧТО НЕ МОГУ НАЙТИ НА ВКЛАДКЕ ГЛАВНАЯ- ДИЗАЙН-УПРАВЛЕНИЕ ДИЗАЙНОМ CSS - КАТАЛОГ ФАЙЛОВ - И ТАМ НЕ ВИЖУ ТАБЛИЦЕ СТИЛЕЙ CSS?

ЕСТЬ ТОЛЬКО ВОТ ЭТО -

Каталог файлов

Главная страница каталога файлов

Страница со списком материалов раздела

Страница со списком материалов категории

Страница материала и комментариев к нему

Вид материалов

Страница поиска и рейтинга материалов

Страница добавления/редактирования материала

Форма добавления/редактирования материала

Поиск по сайту

Страница поиска

Вид материалов

КАК В СТИЛИ ТОГДА ПРОПИСАТЬ? ИЛИ Я НЕ ТАМ ИЩУ?

после перейти на страницу - http://spoolka.ru/load/ и проверить результату работы, вот пример как примерно должно быть - http://9bclass.ucoz.ru/load/

07.04.2017 | Автор: Юлия Гелемеева

Юлия Гелемеева,

Стили искать нужно здесь - http://spoolka.ucoz.net/panel/?a=tmpl;m=3;t=3 в каталога файлов своей отдельной таблицы стилей нет.

07.04.2017 | Автор: Yuri_Geruk

Yuri_Geruk,

все сделала, спасибо! пошла пробовать вторую категорию добавлять и посмотрю что получится!

07.04.2017 | Автор: Юлия Гелемеева

...