Hi Bethany,

A page template in wordpress is what would be selected from the templates dropdown when creating a page. So adding the template label inside your cases.php would give you that file showing in that dropdown.

If you have not already, this is a good overview of templates http://codex.wordpress.org/Stepping_Into_Templates and http://codex.wordpress.org/Page_Templates

Generally, I’m not sure you’ll be able to do what you are looking for just because a custom post type isn’t a post but actually a page (a weird wordpress naming scheme). Blog posts specifically are the only thing in worpdress that gets treated like actual blog posts with the ability to use archives by date and things like that.

If its just the style of the page however, you may find this tutorial by Nick helpful: https://vimeo.com/channels/aviathemes/64996057

Regards,

Devin

Hi,

Congratulations, you have found a genuine bug that I was able to reproduce. Well not so much a bug, since if you would have added the image via the slider it would have used that image, but there was no fallback to featured image unlike the other widgets.

So please open up /framework/php/class-framework-widgets.php and find lines 944-947 that look like:

if( $slides != "" && !empty( $slides[0]['slideshow_image'] ) )

{

$image = avia_image_by_id($slides[0]['slideshow_image'], 'widget', 'image');

}

and replace the block of code above with the code below

if( $slides != "" && !empty( $slides[0]['slideshow_image'] ) )

{

$image = avia_image_by_id($slides[0]['slideshow_image'], 'widget', 'image');

}

if(!$image && current_theme_supports( 'post-thumbnails' ))

{

$image = get_the_post_thumbnail( get_the_ID(), 'widget' );

}

Please let us know how it worked out.

Thanks,

Nick

Hi,

Please open up /config-templatebuilder/avia-shortcodes/gallery.php and find line 178 than looks like

$thumbs .= " <a href='".$link[0]."' data-rel='gallery-".self::$gallery."' data-prev-img='".$prev[0]."' {$class} data-onclick='{$counter}'><img {$tooltip} src='".$img[0]."' title='' alt='' /></a>";

and change it to look like

$thumbs .= " <a href='".$link[0]."' data-rel='gallery-".self::$gallery."' data-prev-img='".$prev[0]."' {$class} data-onclick='{$counter}'><img {$tooltip} src='".$img[0]."' title='' alt='' /><span class='captions-gallery'>".$caption."</span></a>";

The prettyPhoto is a bit tougher, please hang on and let me know first how that worked out as I work on prettyPhoto.

Thanks,

Nick

Hi Ariel,

There is no icon with the icon font used so if you want to add it in you can add a new option for it in includes>admin>register-admin-options.php after the vimeo option on line 779:

'Vimeo' 	=> 'vimeo',

'Youtube'	=> 'youtube',

You would then need to style the youtube class with your own icon as the background image and give it a defined width/height. Kriesi said that if/when an icon becomes available it will be added in.

Regards,

Devin

Edit: May be able to be added in shortly, will fully update when I know one way or another.

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

[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