Hi,

On the 4th and 5th image in the first row, I see for a split second a tool tip fly above it and then disappear during mouse over,in chrome on win 7 after initial load.

View post on imgur.com

then they pop up randomly over those 2 items. Looking at the code you have a tooltip assigned to those two images with the following (not all tooltips have same words, and other images have none)

data-avia-tooltip="Strassenansicht nacher"

Do you recall where you may have assigned a tooltip with those words for some but not every image?

Thanks,

Nick

Hi,

Please be specific since we are speaking about 2 languages here the native language and the translation. What categories reappear, native or translation?

You deleted some categories you said, do you have the setting activated that deletes both sets of categories if you delete a category in one language?

I just set the latest WPML up along with strings, media and translation management plugins, all part of WPML – a total of 4. I created portfolio item categories, translated them, created 2 portfolio items and translated them and a portfolio main page and translated that. I even translated the slug for the portfolio-item. Everything worked 100%. I have a 9min video showing what was done. So Please follow it and see where you made the mistake. ( https://docs.google.com/file/d/0B8hqGBMSfHtKSC0yUUZ2cUN1SXM/edit?usp=sharing )

Thanks,

NIck

Hi,

The answer is Yes and Yes.

First thing you should do is add the dynamic layout functionality to posts which is done by opening up /config-templatebuilder/avia-template-builder/config/meta.php: and finding lines 4-7 which look like

$boxes = array(

array( 'title' =>__('Avia Layout Builder','avia_builder'), 'id'=>'avia_builder', 'page'=>array('portfolio','page'), 'context'=>'normal', 'priority'=>'high', 'expandable'=>true ),

array( 'title' =>__('Layout','avia_builder'), 'id'=>'layout', 'page'=>array('portfolio', 'page' , 'post'), 'context'=>'side', 'priority'=>'low'),

);

and replacing those line with the block below

$boxes = array(

array( 'title' =>__('Avia Layout Builder','avia_builder'), 'id'=>'avia_builder', 'page'=>array('portfolio','page','post'), 'context'=>'normal', 'priority'=>'high', 'expandable'=>true ),

array( 'title' =>__('Layout','avia_builder'), 'id'=>'layout', 'page'=>array('portfolio', 'page' , 'post'), 'context'=>'side', 'priority'=>'low'),

);

=================

Now just add the elements as you see here: http://i.imgur.com/CvFeJUK.png

And you get this:. http://i.imgur.com/yIxN1ou.png

You can see there are 2 titles, so You may not need to add the very first element after 1/1

================

To change the default image size of any location within the theme, it is best to install Simple Image Sizes plugin http://wordpress.org/extend/plugins/simple-image-sizes/

The plugin will add all the default sizes to Settings > Media , and you can change width height as well as to force a crop or not. Just remember that after changing the settings using the plugin, only the new images you add will be affected while the ones you uploaded will remain the same unless you regenerate them on the same page using the same plugin.

Thanks,

Nick

Hi,

I changed a good portion of the code. It’s not as neat and high level like Kriesi’s because unfortunately I don’t have his skills. However it works with directions as well as single points, with multiple maps on a single page of both driving directions and only one location map point.

View post on imgur.com

I am certain when the next update comes Kriesi will do his magic. But for now:

Please open up /framework/php/class-framework-widgets.php and find line 1171 which looks like:

$directionsForm = "";

And delete line 1171 and everything below it.

In its place, please add the code below

if(empty($avia_config['g_maps_widget_active']))

{

$output .= "<script type='text/javascript' src='$prefix://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false'></script>";

$avia_config['g_maps_widget_active'] = 0;

}



$avia_config['g_maps_widget_active'] ++;



$output .= "<script type='text/javascript'>

function makeMap_".$avia_config['g_maps_widget_active']."() {

var directionsDisplay;

directionsDisplay = new google.maps.DirectionsRenderer;

var directionsService = new google.maps.DirectionsService;

var map;

var latlng = new google.maps.LatLng(".$lat.", ".$lng.");

var directionsto = '".$directionsto."';

var myOptions = {

zoom:".$zoom.",

mapTypeControl:true,

mapTypeId:google.maps.MapTypeId.".$type.",

mapTypeControlOptions:{style:google.maps.MapTypeControlStyle.DROPDOWN_MENU},

navigationControl:true,

navigationControlOptions:{style:google.maps.NavigationControlStyle.SMALL},

center:latlng

};

map = new google.maps.Map(document.getElementById('avia_google_maps_$unique'), myOptions);

if(directionsto.length > 5) {

directionsDisplay.setMap(map);

var request = {

origin:directionsto,

destination:latlng,

travelMode:google.maps.DirectionsTravelMode.DRIVING

};

directionsService.route(request, function(response, status) {

if(status == google.maps.DirectionsStatus.OK) {

directionsDisplay.setDirections(response)

}

})

}

else {

var contentString = '".$content."';

var infowindow = new google.maps.InfoWindow({

content: contentString

});

var marker = new google.maps.Marker({

position: latlng,

map: map,

title: ''

});

}

}

jQuery(document).ready(function() {

makeMap_".$avia_config['g_maps_widget_active']."()

});

</script>

<div id='avia_google_maps_$unique' class='avia_google_maps_container'></div>

";



return $output;

}

Thanks,

Nick

Hi,

I copied the whole thing you pasted in pastebin, and pasted it into my version, and it works. I made an additional change above. Would you please try the whole block above once more.

Also, looking at your image, you have one column that is 2/3… you should add an aditional column that is 1/3 ,or change the 2/3 column to 1/1. Because I am testing this with a 2/3 column where i put a blog, and a 1/3 column where i put the custom sidebar that contains the map widget.

Please post a snapshot of how the widget looks , open it please.

Thanks,

Nick

[Edit: Code below works with single point map. If you want driving directions, a better solution is found on this url https://kriesi.at/support/topic/google-maps-widget-in-custom-widget-area#post-106864 ]

Hi,

Ok, Once you make the replacement below, everything will work fine. Please open up /framework/php/class-framework-widgets.php and find line 1177 which looks like

$output .= "<script type='text/javascript'>

and delete line 1177 and all other lines till the end of the file.

In their place, please paste the code below

$output .= "<script type='text/javascript'>

function makeMap_".$avia_config['g_maps_widget_active']."() {

var latlng = new google.maps.LatLng(".$lat.", ".$lng.")

var myOptions = {

zoom: ".$zoom.",

center: latlng,

mapTypeControl: true,

mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},

navigationControl: true,

navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},

mapTypeId: google.maps.MapTypeId.".$type."

};

var map = new google.maps.Map(document.getElementById('avia_google_maps_$unique'), myOptions);

var contentString = '$content.$directionsForm';

var infowindow = new google.maps.InfoWindow({

content: contentString

});

var marker = new google.maps.Marker({

position: latlng,

map: map,

title: ''

});

google.maps.event.addListener(marker, 'click', function() {

infowindow.open(map,marker);

});

}

jQuery(document).ready(function() {

makeMap_".$avia_config['g_maps_widget_active']."();

});

</script>

<div id='avia_google_maps_$unique' class='avia_google_maps_container'></div>";



return $output;

}

Thanks,

Nick

Hi,

The only real test is seeing how it looks on a smartphone and on a tablet when the user changes from landscape to portrait. Besides that transition, there is really no other that emulated reality i.e. going from 1400 width to 300 width in 1/2 a second. From what I remember of my now dead iPad3, it smoothly transitioned between portrait and landscape, and if a smooth transition is done with a browser window between 1024 and 768 widths, the slider resizes alright.

Perhaps Devin could check the page and tell us how it looks when switching between portrait and landscape and back on his newest iPad.

Thanks,

Nick

REQUESTS ORGANIZED FROM BELOW ( A star is 1 person asking, a number is the number of people asking for feature)

---

Those of you who were asking for ability to use Layout Editor with Custom Post Types or Posts, please view this video tutorial which shows how to do just that -> https://vimeo.com/channels/aviathemes/64996057

---

*) Layout Builder Element – an element that is 100% wide, so that text media entered into it will be 100% wide from side to side.

*) Layout Builder Element – Special Heading Element – ability align right or center through a dropdown

*) Layout Builder Element – Option for Iconbox and Iconlist to chose whether you want Title , Icon and/or Entire Box to be the link

*) Layout Builder Element – Custom color for “Special Heading” element. Atm only “Default Color” and “Meta Color” are supported.

*) Layout Builder Element – Allow excerpt/pre-set number of characters to be added from a post or page via layout builder with a ”read more” link., instead of only being able to add the content of an entire page (inside a column for example)

*) Layout Builder Element – Ajax Search – Provide as a page builder element or/and as a widget to use in sidebar

*) Layout Builder Element – Lightbox-option for the image media-element would be perfect :-)

---

3) Post/Page Layout – integrate a javascript timeline component, such as the one from VeriteCo.

3) Post/Page Layout – Masonry Blog/Portfolio Layout – more layout options for Blog, possibly masonry/magazine type layout, etc.

*) Post/Page Layout – Ability to add Author Box to Every Post even when not multi-author blog format. (multi-author format has the page too narrow compared to single author format)

*) Post/Page Layout – wishlist functionality – some eight months before xmas ;-)

*) Post/Page Layout – easily add a button in the header (important for companies with 1 product / service http://www.getfanba.se)

*) Post/Page Layout – Ability to choose either pagination or infinite load on same page

---

3) Portfolio – Ajax Portfolio functionality

2) Portfolio – Masonry Layout option (free floating with different image sizes)

*) Portfolio – customize the Archive slug for portfolio items so if single slug set to “lesson”, the archives would be “lessons” (instead of portfolio-items/)?

*) Portfolio – Ability to set custom url when featured portfolio item is clicked in the portfolio grid to open a different page than the portfolio item page.

*) Portfolio – Add Portfolio grid as a widget.

*) Portfolio – Choices Theme style hover effect, where the hover overlay follows the cursor movement

---

2) Sidebar – Option for custom horizontal separator lines between widgets in sidebar etc. like the one as on gennis

*) Sidebar – Colored Section that works with side bar not just full width.

---

3) Widgets – Google Maps – ability to adjust height + more control / flexibility with aditional fields

*) Widgets – More title options for widgets

*) Widget – Social Media Widget for footer

---

4) Layout Builder – Add layout builder to Posts

4) Layout Builder – CPT Support – For Avia framework to recognize custom post types so that can use Pagebuilder on those pages, change sidebars at will, etc.

---

2) Text Editor – Option to have a link for both quick view and detail view. Some users may want the option to go directly to the detailed view.

*) Text Editor – Support for javascript in the text editor: https://kriesi.at/support/topic/script-code-in-avia-layout-builder

---

*) Shortcodes – for icons: https://kriesi.at/support/topic/icon-in-special-heading-section-or-icon-shortcodes

*) Shortcode – Breadcrumbs – as a short-code where it can be placed at top of the page above title. Difficult to find breadcrumbs when aligned to the far right.

---

*) Contact Form – additional field types to contact form (e.g. date picker, pick-list, drop-downs, etc.).

*) Contact Form – Have the contact form auto scroll to the top of the page or go to #top after submit

---

*) Images – Wide featured images in blog posts that are scaled to the entire available width, rather than pushed to the left of the text.

*) Images – Fullscreen background images / galleries with optional captions and/or minimal content boxes

---

*) Icons – Add YouTube to the social icon list

*) Icons – Option to have different hover icons and hover styles.

---

*) Menu – Control over main menu fonts/size/colour without using CSS

*) Menu – Ability to use Entypo icons within menu items

---

3) Headers – Small fixed header with social icons and menu. With the option to have just the header (logo + menu) part fixed and shrinking.

2) Sliders – Portfolio/Blog Slider Navigation Arrows only show up during hover so user may not know there is more unless they hover first. (arrows below slider)

*) Export Ability – ability to export Enfold “Styling” options. Too easy to click on one of the presets, and all of the custom changes you made are gone…

*) Newsletter – integration with newsletter (mail chimp) and integration with contact form + newsletter sign-up panels + login area.

*) Links – Ability to select if link should be opened in a new window or in same window for (example: social etc.)

*) CSS – Make sure that custom.css is the last css file in head

*) Audio Support – Like incarnation http://kriesi.at/themes/incarnation/event/sunday-prayers-2

*) Events Calendar – Like Incarnation http://kriesi.at/themes/incarnation/events

---

*) Bug – validation to work for additional fields (only seems to work if you use the default form fields)

*) Bug – Image alignment dropdown option to work in 1/3 column layout (doesn’t move the image at all, whichever alignment I choose; image is smaller than column width, so there is room to align)

---

up to Peter’s post on 4/28