Osclass forums
Support forums => old => Topic started by: spevoli on December 24, 2015, 12:00:45 am
-
Hi,
where can I find in the item-post.php and in item.php the applied fields?
have two custom fields created that are created below this ...
I would like to point at another place
thx, spevoli
-
Hi,
Where do you want to place your moved custom fields and what theme are you using?
Regards
-
Hi Teseo,
I use the infinity theme ...
am just change on and not get ahead ...
www.lokalanzeiger-mettmann.de
have created a test account
login: test pass: 12345678
Fields are above the submit button displayed ...
Thanks for the help
Spevoli
-
Hi,
I've been perfecting my previous code to move custom fields on Ad posting / editing, and I think this is pretty advanced now:
Add this at the very bottom of your theme functions.php:
Notes:
1.- Take care not to leave blank lines after this.
2.- If your theme functions.php doesn't end with ?> skip first line of my code.
<?php
function custom_move_custom_field() {
$section = Rewrite::newInstance()->get_section();
if ($section == 'item_add' || $section == 'item_edit') { ?>
<script type="text/javascript">
$("#catId").ajaxComplete(function(){
// Change these two values
var customFieldIdentifier = 'art_der_anzeige';
var destinationElement = $("label[for='select_1']").parent('div');
var toMoveLabel = $("label[for='meta_" + customFieldIdentifier + "']");
if (toMoveLabel.length && !$('#moved_custom_field').html()) {
$("<div></div>").attr('id', 'moved_custom_field').insertBefore(destinationElement);
$("<div></div>").attr('class', 'clear').css('padding-bottom', '10px').insertBefore(destinationElement);
toMoveLabel.parent('.meta').find('*').each(function( index, value ) {
$(this).copyCSS($(this));
});
$("#moved_custom_field").append(toMoveLabel.parent('.meta'));
} else {
$("#moved_custom_field").remove();
}
});
$.fn.copyCSS = function (source) {
var dom = $(source).get(0);
var dest = {};
var style, prop;
if (window.getComputedStyle) {
var camelize = function (a, b) {
return b.toUpperCase();
};
if (style = window.getComputedStyle(dom, null)) {
var camel, val;
if (style.length) {
for (var i = 0, l = style.length; i < l; i++) {
prop = style[i];
camel = prop.replace(/\-([a-z])/, camelize);
val = style.getPropertyValue(prop);
dest[camel] = val;
}
} else {
for (prop in style) {
camel = prop.replace(/\-([a-z])/, camelize);
val = style.getPropertyValue(prop) || style[prop];
dest[camel] = val;
}
}
return this.css(dest);
}
}
if (style = dom.currentStyle) {
for (prop in style) {
dest[prop] = style[prop];
}
return this.css(dest);
}
if (style = dom.style) {
for (prop in style) {
if (typeof style[prop] != 'function') {
dest[prop] = style[prop];
}
}
}
return this.css(dest);
};
</script>
<?php }
}
osc_add_hook('footer', 'custom_move_custom_field', 1);
function custom_remove_moved_custom_field() { ?>
<script type="text/javascript">
$("#moved_custom_field").remove();
</script>
<?php }
osc_add_hook('item_form', 'custom_remove_moved_custom_field', '6');
?>
Try it and tell me if everything's all right.
Regards
-
Hello Teseo!,
have the rows are inserted, works perfectly
thank Teseo, you're my Santa Claus: D
if I want to insert other custom fields, do I need to insert an extra code and to take this opportunity to change something?
####################################
// Change these two values
var customFieldIdentifier = 'art_der_anzeige';
var destinationElement = $("label[for='select_1']").parent('div');
var customFieldIdentifier = 'tuev_1';
var destinationElement = $("label[for='select_2']").parent('div');
###################################
Best Regards
spevoli
-
You're welcome. :)
Adapting this code to work for two or more custom fields will need more work. I'll see what I can do during the weekend.
Regards
-
I do not want that you're wasting your weekend for me :-)
I say thank you for the great help! 8)
Spevoli
-
***CORRECTED AGAIN***
Well, not exactly for you only, I'm always personally interested in finding better mechanisms to solve this problem of relocating Custom Fields.
This seems to work well with most of the existent themes out there (some of them would still require some adjustments :o), but it should work for your Infinity:
(Replace the previous code)
Add this at the very bottom of your theme functions.php:
Notes:
1.- Take care not to leave blank lines after this.
2.- If your theme functions.php doesn't end with ?> skip first line of my code.
<?php
function custom_move_custom_field() {
$section = Rewrite::newInstance()->get_section();
if ($section == 'item_add' || $section == 'item_edit') { ?>
<script type="text/javascript">
// Variable data, change values here only
var customFieldsToMove = {
0 : { 'cfIdentifier' : 'art_der_anzeige', 'destination': 'select_1'},
1 : { 'cfIdentifier' : 'tuev_1', 'destination': 'select_2'}
};
// End Variable data
$(document).ajaxComplete(function(event, xhr, settings){
if (typeof settings['data'] == 'undefined' || settings['data'].indexOf('hook=item_') == -1) return; // No Category
for(var i in customFieldsToMove) {
customFieldIdentifier = customFieldsToMove[i]['cfIdentifier'];
elementId = customFieldsToMove[i]['destination'];
if ($("label[for='" + elementId + "']").length) {
var destinationElement = $("label[for='" + elementId + "']").parent('div');
} else {
var destinationElement = $("select[id='" + elementId + "']").parent('div');
}
moveCustomField(customFieldIdentifier, destinationElement);
}
});
function moveCustomField(customFieldIdentifier, destinationElement) {
var movedId = 'moved_custom_field_' + customFieldIdentifier;
var toMoveLabel = $("label[for='meta_" + customFieldIdentifier + "']");
if (toMoveLabel.length && !$('#' + movedId).html()) {
$("<div></div>").attr('id', movedId).insertBefore(destinationElement);
if (destinationElement.prop('id').indexOf('meta_') == -1) {
toMoveLabel.parent('.meta').find('*').each(function() {
$(this).copyCSS($(this));
});
}
$('#' + movedId).append(toMoveLabel.parent('.meta'));
} else {
$('#' + movedId).remove();
}
$("<div></div>").attr('class', 'clear').css('padding-bottom', '10px').appendTo($('#' + movedId));
}
$.fn.copyCSS = function (source) {
var dom = $(source).get(0);
var dest = {};
var style, prop;
if (window.getComputedStyle) {
var camelize = function (a, b) {
return b.toUpperCase();
};
if (style == window.getComputedStyle(dom, null)) {
var camel, val;
if (style.length) {
for (var i = 0, l = style.length; i < l; i++) {
prop = style[i];
camel = prop.replace(/\-([a-z])/, camelize);
val = style.getPropertyValue(prop);
dest[camel] = val;
}
} else {
for (prop in style) {
camel = prop.replace(/\-([a-z])/, camelize);
val = style.getPropertyValue(prop) || style[prop];
dest[camel] = val;
}
}
return this.css(dest);
}
}
if (style = dom.currentStyle) {
for (prop in style) {
dest[prop] = style[prop];
}
return this.css(dest);
}
if (style == dom.style) {
for (prop in style) {
if (typeof style[prop] != 'function') {
dest[prop] = style[prop];
}
}
}
return this.css(dest);
};
</script>
<?php }
}
osc_add_hook('footer', 'custom_move_custom_field', 1);
function custom_remove_moved_custom_field() { ?>
<script type="text/javascript">
$("div [id^='moved_custom_field']").remove();
</script>
<?php }
osc_add_hook('item_form', 'custom_remove_moved_custom_field', 6);
?>
For other Osclass fellows interested in this procedure, you need to change this block:
// Variable data, change values here only
var customFieldsToMove = {
0 : { 'cfIdentifier' : 'art_der_anzeige', 'destination': 'select_1'},
1 : { 'cfIdentifier' : 'tuev_1', 'destination': 'select_2'}
};
// End Variable data
Well, I hope this will work for you, please let me know.
Regards
-
Hello Teseo!
I will tonight installing your code and test everything;-)
thanks for the great support!
sign up as soon as I installed it ...
with best regards, spevoli
-
Hello Teseo!
art_der_anzeige = appears above ...
tuev_01= reappears below ...
osclass ... never ending story :D
I wish you a nice week
Spevoli
-
Don't understand... ??? Is it not working for you? Is this what is failing?
tuev_01= reappears below ...
What do you mean? In which subcategories should appear that custom field?
Regards
-
Sorry!
I use to translate Google! :-\
tuev_01 appears to me at the bottom, above submit
spevoli
-
Sorry!
I use to translate Google! :-\
tuev_01 appears to me at the bottom, above submit
spevoli
-
But I don't see in your site my last code, but the first one... ???
Replace the code with that on this post:
http://forums.osclass.org/3-5-x/custom-fields-31684/msg134722/#msg134722
Regards
-
sigh, because I slept ...
have the code inserted in the test function.php: :-\
now I have to tinker a bit css for the break
thank you teseo :-)
-
Hm... "sub-selects" (select_2 in this case) are tricky, because they don't have a label as all the other elements have.
Find this in my code:
} else {
var destinationElement = $("select[id='" + elementId + "']").parent('div').parent('div');
and replace it with:
} else {
var destinationElement = $("select[id='" + elementId + "']").parent('div');
Regards
-
Hello Teseo,
Thanks for your help!
took something with me but now it works great :-)
I wish you a great start into the New Year!
spevoli
-
Your welcome. :)
Happy New Year, regards.
-
Dear
I have tried this code in fucntions.php
But it relocate only one category what about another categories also i want other categories to relocate
<?php
function custom_move_custom_field() {
$section = Rewrite::newInstance()->get_section();
if ($section == 'item_add' || $section == 'item_edit') { ?>
<script type="text/javascript">
// Variable data, change values here only
var customFieldsToMove = {
0 : { 'cfIdentifier' : 'art_der_anzeige', 'destination': 'select_1'},
1 : { 'cfIdentifier' : 'tuev_1', 'destination': 'select_2'}
};
// End Variable data
$(document).ajaxComplete(function(event, xhr, settings){
if (typeof settings['data'] == 'undefined' || settings['data'].indexOf('hook=item_') == -1) return; // No Category
for(var i in customFieldsToMove) {
customFieldIdentifier = customFieldsToMove['cfIdentifier'];
elementId = customFieldsToMove['destination'];
if ($("label[for='" + elementId + "']").length) {
var destinationElement = $("label[for='" + elementId + "']").parent('div');
} else {
var destinationElement = $("select[id='" + elementId + "']").parent('div');
}
moveCustomField(customFieldIdentifier, destinationElement);
}
});
function moveCustomField(customFieldIdentifier, destinationElement) {
var movedId = 'moved_custom_field_' + customFieldIdentifier;
var toMoveLabel = $("label[for='meta_" + customFieldIdentifier + "']");
if (toMoveLabel.length && !$('#' + movedId).html()) {
$("<div></div>").attr('id', movedId).insertBefore(destinationElement);
if (destinationElement.prop('id').indexOf('meta_') == -1) {
toMoveLabel.parent('.meta').find('*').each(function() {
$(this).copyCSS($(this));
});
}
$('#' + movedId).append(toMoveLabel.parent('.meta'));
} else {
$('#' + movedId).remove();
}
$("<div></div>").attr('class', 'clear').css('padding-bottom', '10px').appendTo($('#' + movedId));
}
$.fn.copyCSS = function (source) {
var dom = $(source).get(0);
var dest = {};
var style, prop;
if (window.getComputedStyle) {
var camelize = function (a, b) {
return b.toUpperCase();
};
if (style = window.getComputedStyle(dom, null)) {
var camel, val;
if (style.length) {
for (var i = 0, l = style.length; i < l; i++) {
prop = style;
camel = prop.replace(/\-([a-z])/, camelize);
val = style.getPropertyValue(prop);
dest[camel] = val;
}
} else {
for (prop in style) {
camel = prop.replace(/\-([a-z])/, camelize);
val = style.getPropertyValue(prop) || style[prop];
dest[camel] = val;
}
}
return this.css(dest);
}
}
if (style = dom.currentStyle) {
for (prop in style) {
dest[prop] = style[prop];
}
return this.css(dest);
}
if (style = dom.style) {
for (prop in style) {
if (typeof style[prop] != 'function') {
dest[prop] = style[prop];
}
}
}
return this.css(dest);
};
</script>
<?php }
}
osc_add_hook('footer', 'custom_move_custom_field', 1);
function custom_remove_moved_custom_field() { ?>
<script type="text/javascript">
$("div [id^='moved_custom_field']").remove();
</script>
<?php }
osc_add_hook('item_form', 'custom_remove_moved_custom_field', 6);
?>
-
Hi,
But it relocate only one category what about another categories also i want other categories to relocate
What do you mean by "categories"? ??? If you're talking about "custom fields", you can add more here:
var customFieldsToMove = {
0 : { 'cfIdentifier' : 'art_der_anzeige', 'destination': 'select_1'},
1 : { 'cfIdentifier' : 'tuev_1', 'destination': 'select_2'},
2 : { 'cfIdentifier' : 'another_one', 'destination': 'select_1'}
};
Regards
-
Solved, thx.
-
Thanx a lot Teseo for your help
-
teseo, Your code works very well, but how to display "CUSTOM FIELDS" under description area?
-
Hi,
What theme are you using?
Regards
-
Hi!
OsclassWizards...
Regards
-
Well, "move after Description" has proven to be quite tricky for two reasons:
1.- ID of the Description element includes current user language (same for Title).
Solution: In Variable Data block, 'destination' value must be like this:
For Description: 'destination': 'description[<?php echo osc_current_user_locale(); ?>]'
For Title: 'destination': 'title[<?php echo osc_current_user_locale(); ?>]'
2.- In the previous code, moved custom fields were being placed before (above) some element, but usually the element after Description is "Price" and it might exist or not depending on the settings for the chosen category.
Solution: To add a new field 'position' (with value 'before' or 'after'). That requires to modify the whole code:
<?php
function custom_move_custom_field() {
$section = Rewrite::newInstance()->get_section();
if ($section == 'item_add' || $section == 'item_edit') { ?>
<script type="text/javascript">
// Variable data, change values here only
var customFieldsToMove = {
0 : { 'cfIdentifier' : 'art_der_anzeige', 'destination': 'select_1', 'position': 'before' },
1 : { 'cfIdentifier' : 'tuev_1', 'destination': 'description[<?php echo osc_current_user_locale(); ?>]', 'position': 'after'}
};
// End Variable data
$(document).ajaxComplete(function(event, xhr, settings) {
if (typeof settings['data'] == 'undefined' || settings['data'].indexOf('hook=item_') == -1) return; // No Category
for(var i in customFieldsToMove) {
elementId = customFieldsToMove[i]['destination'];
if ($("label[for='" + elementId + "']").length) {
var destinationElement = $("label[for='" + elementId + "']").parent('div');
} else {
var destinationElement = $(":input[id='" + elementId + "']").parent('div');
}
moveCustomField(customFieldsToMove[i]['cfIdentifier'], destinationElement, customFieldsToMove[i]['position']);
}
});
function moveCustomField(customFieldIdentifier, destinationElement, position) {
var movedId = 'moved_custom_field_' + customFieldIdentifier;
var toMoveLabel = $("label[for='meta_" + customFieldIdentifier + "']");
if (toMoveLabel.length && !$('#' + movedId).html()) {
if (position == 'before') {
$("<div></div>").attr('id', movedId).insertBefore(destinationElement);
} else {
$("<div></div>").attr('id', movedId).insertAfter(destinationElement);
}
if (destinationElement.prop('id').indexOf('meta_') == -1) {
toMoveLabel.parent('.meta').find('*').each(function() {
$(this).copyCSS($(this));
});
}
$('#' + movedId).append(toMoveLabel.parent('.meta'));
$("<div></div>").attr('class', 'clear').css('padding-bottom', '10px').appendTo($('#' + movedId));
} else {
$('#' + movedId).remove();
}
}
$.fn.copyCSS = function (source) {
var dom = $(source).get(0);
var dest = {};
var style, prop;
if (window.getComputedStyle) {
var camelize = function (a, b) {
return b.toUpperCase();
};
if (style == window.getComputedStyle(dom, null)) {
var camel, val;
if (style.length) {
for (var i = 0, l = style.length; i < l; i++) {
prop = style[i];
camel = prop.replace(/\-([a-z])/, camelize);
val = style.getPropertyValue(prop);
dest[camel] = val;
}
} else {
for (prop in style) {
camel = prop.replace(/\-([a-z])/, camelize);
val = style.getPropertyValue(prop) || style[prop];
dest[camel] = val;
}
}
return this.css(dest);
}
}
if (style = dom.currentStyle) {
for (prop in style) {
dest[prop] = style[prop];
}
return this.css(dest);
}
if (style == dom.style) {
for (prop in style) {
if (typeof style[prop] != 'function') {
dest[prop] = style[prop];
}
}
}
return this.css(dest);
};
</script>
<?php }
}
osc_add_hook('footer', 'custom_move_custom_field', 1);
function custom_remove_moved_custom_field() { ?>
<script type="text/javascript">
$("div [id^='moved_custom_field']").remove();
</script>
<?php }
osc_add_hook('item_form', 'custom_remove_moved_custom_field', 6);
?>
So, this is what will do the trick for what you want:
[X] : { 'cfIdentifier' : '[custom field identifier]', 'destination': 'description[<?php echo osc_current_user_locale(); ?>]', 'position': 'after'}
And if you're already moving other custom fields, remember to add , 'position': 'before' to them
Regards