Загрузка фотографий (drag & drop), тема Россия.

[Rever]

Доброго всем времени!
Наткнулся на интересную штуку:
http://calinbehtuk.blogspot.ro/2014/05/cum-personalizam-sectiunea-de-upload.html
заработала сразу, только вертикально ))
как сделать загрузку фото горизонтально как описано в статье?
Хотя ошибку загрузки показывает горизонтально как и должно быть
фото:

 

[djnavel]

css

 

[Rever]

Да, включилось после переустановки, перестал отображаться расширенный поиск. Конфликт чего? Бросил пока эту затею.

 

[djnavel]

в function.php темы добавьте

//------- Ajax загрузка фотографий ----
if(modern_is_fineuploader()) {
if(!OC_ADMIN) {
	osc_enqueue_style('fine-uploader-css', osc_assets_url('js/fineuploader/fineuploader.css'));
	}
	osc_enqueue_script('jquery-fineuploader');
	}
 
function modern_is_fineuploader() {
	return Scripts::newInstance()->registered['jquery-fineuploader'] && method_exists('ItemForm', 'ajax_photos');
	}
//---- END AJAX ----

item-post.php, edit-item.php

<div class="box photos">
	<?php if(osc_images_enabled_at_items()) {
		if(modern_is_fineuploader()) {
		// new ajax photo upload
	ItemForm::ajax_photos();
	}
	 else { ?>
						<h2><?php _e('Photos', 'modern'); ?></h2>
						<div id="photos">
							<div class="row">
								<input type="file" name="photos[]" />
							</div>
						</div>
						<a href="#" onclick="addNewPhoto(); uniform_input_file(); return false;"><?php _e('Add new photo', 'modern'); ?></a>
						<?php } } ?>
</div>

style.css

/***** Drag&Drop uploader*/
.qq-uploader {
width:100%;
}
.qq-upload-button {
min-height: 20px;
padding: 19px;
background-color: #FFE4E4;
text-shadow: 0px 1px 0px #FFF;
color:#333;
font-weight:900;
}
.qq-upload-list {
background-color: #F5F5F5;
}
.qq-upload-list li {
background-color: #D9EDF7 !important;
color: rgb(51, 51, 51) !important;
display: inline-block;
min-height: 200px;
 
 
 
 
margin-bottom: 10px;
height: 200px;
overflow: hidden;
}
.photos_div div, .ajax_preview_img {
width: 156px;
height: 125px;
margin-top: 10px;
}
.ajax_preview_img img {
max-width: 100%;
display: block;
margin-left: auto;
margin-right: auto;
}
.qq-upload-success {
max-width:100%;
}
.qq-upload-file {
width: 145px;
height: 1em;
display: block;
overflow: hidden;
}
.qq-upload-button input {
width:auto;
}
/*
.qq-upload-button input {
width:auto !important;
}
*/

работает 100% на теме модерн, попробуйте на своей теме

 

[Rever]

Да, работает, только перестает отображаться расширенный поиск на странице категории. как на скрине. Это конфликт с каким то плагином?

 

[djnavel]

Все может быть, попробуйте в ручную подключить в item-post и edit-post
jquery.fineuploader.min.js
а в функции закомментируйте его подключение.

 

[djnavel]

или попробуйте:

 //------- Ajax загрузка фотографий ----
if(modern_is_fineuploader() && !osc_is_search_page()) {
if(!OC_ADMIN) {
	osc_enqueue_style('fine-uploader-css', osc_assets_url('js/fineuploader/fineuploader.css'));
	}
	osc_enqueue_script('jquery-fineuploader');
	}
 
function modern_is_fineuploader() {
	return Scripts::newInstance()->registered['jquery-fineuploader'] && method_exists('ItemForm', 'ajax_photos');
	}
//---- END AJAX ----

 

[Rever]

Поменял код на ваш, расширенный поиск появился, теперь перестала работать карусель в хедере. Отключил плагин, загрузка фото заработала. Значит конфликт был в этом плагине. Подобные конфликты как решать?
Интересно- теперь при первой загрузке лота- фото грузятся вертикально в столбик , а при редактировании- отображаются горизонтально )
И еще- цвета в css не смог поменять, стили наследуются от куда то?

 

[djnavel]

Подобные конфликты как решать?

Ищите на этом форуме про карусель или на зарубежном. Проблема уже обсуждалась.

стили наследуются от куда то?

Firebug в помощь

 

[Rever]

Спасибо большущее! ))
Все получилось.
С помощью firebug нашел откуда стили устанавливаются: /oc-includes/osclass/assets/js/fineuploader/fineuploader.css
На теме Россия работает.

 

[kingmor]

Здравствуйте Господа знающие.
Всё вышеперечисленное сделал, работает.
НО есть задача сделать такую загрузку типа как на OLX чтобы можно было сортировать порядок фото и устанавливать главную картинку.
Прошу помощи, бьюсь 2-ю неделю перечитал кучу всего но не получается сложить эту мозаику. если не сильно трудно, подскажите в какой файл чего вписать
Osclass 3.5.6

 

[centurion]

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

 

[kingmor]

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

 

[Vodorod]

Где находится style.css?

 

[centurion]

Тема не поддерживается!