-
Search Results
-
Hi,
The script for the ajax search can be found on js > avia.js.
//creates search tooltip
new $.AviaTooltip({"class": 'avia-search-tooltip',data: 'avia-search-tooltip', event:'click', position:'bottom', scope: "body", attach:'element'});Did you change anything on the theme files? Maybe you have a plugin that is interfering with the theme. Please deactivate them.
Regards,
Ismael
In reply to: Ajax Search – Translation handling probs…
I’ve found: http://wpml.org/forums/topic/ajax-call-is-not-localized/ and probably this helps you. Open up functions-enfold.php and replace
$items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown"><a href="?s=" data-avia-search-tooltip="'.$form.'">'.$avia_config['font_icons']['search'].'</a></li>';with
$items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown"><a href="?lang='.ICL_LANGUAGE_CODE.'&s=" data-avia-search-tooltip="'.$form.'">'.$avia_config['font_icons']['search'].'</a></li>';Then replace
if(empty($_REQUEST['s'])) die();with
if(empty($_REQUEST['s'])) die();
if(!empty($_REQUEST['lang']))
{
global $sitepress;
$sitepress->switch_lang($_REQUEST['lang'], true);
}In reply to: portfolio link titles not shown correctly In IE 9
I found that the bug also exists on the demo site:
http://kriesi.at/themes/enfold/portfolio/
switch multiple times between categories and you will see some tooltip titles do not match the actual portfolio title when u hover over them.
It is hard see it at the demo page cuzz many items have the same name. For example:
when u start at cat “all” go to HTML to PSD and then back to HTML. Hover over the 4th item “Single Portfolio 2/3 Video” (with the purple image) it shows “Single Portfolio 2/3 Gallery”
However this only occurs in IE9 for me.
In reply to: Would like to swap the search function…
I can not tell you how to integrate the login form itself – the code depends on your application. However the search form code can be found in functions-enfold.php
/* AJAX SEARCH */
if(!function_exists('avia_append_search_nav'))
{
//first append search item to main menu
add_filter( 'wp_nav_menu_items', 'avia_append_search_nav', 10, 2 );
function avia_append_search_nav ( $items, $args )
{
if ($args->theme_location == 'avia')
{
global $avia_config;
ob_start();
get_search_form();
$form = htmlspecialchars(ob_get_clean()) ;
$items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown"><a href="?s=" data-avia-search-tooltip="'.$form.'">'.$avia_config['font_icons']['search'].'</a></li>';
}
return $items;
}
}The first code block:
ob_start();
get_search_form();
$form = htmlspecialchars(ob_get_clean()) ;generates the form and stores it into the $form variable, the second code block
$items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown"><a href="?s=" data-avia-search-tooltip="'.$form.'">'.$avia_config['font_icons']['search'].'</a></li>';adds the search icon ($avia_config) to the main menu and adds the $form variable to the tooltip content.
In reply to: Search not showing in menu
the following code is not in the header on my website, got it comparing my website to the enfold theme demo with firebug
data-avia-search-tooltip=” <form action=”http://kriesi.at/themes/enfold/” id=”searchform” method=”get”> <div> <input type=”submit” value=”🔍” id=”searchsubmit” class=”button”/> <input type=”text” id=”s” name=”s” value=”” placeholder=’Search’ /> </div> </form>” style=”height: 88px; line-height: 88px;”>
In reply to: Move Search Icon Next to Social Media Icons
I did not test this code mod but try following – in functions-enfold.php delete:
add_filter( 'wp_nav_menu_items', 'avia_append_search_nav', 10, 2 );Then open up header.php and replace
$social_args = array('outside'=>'ul', 'inside'=>'li', 'append' => '');with
ob_start();
get_search_form();
$form = htmlspecialchars(ob_get_clean()) ;
$form = '<span id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown"><a href="?s=" data-avia-search-tooltip="'.$form.'">'.$avia_config['font_icons']['search'].'</a></span>';
$social_args = array('outside'=>'ul', 'inside'=>'li', 'append' => $form);Go here
https://www.bluesquidmedia.com/local-marketing/business-directories/
When I roll over the images, a tooltip shows and the down arrow to the tooltip is white. How do I change it to match the background of the tooltip (black)?
In reply to: Image Grid Widget
Hi,
You can use the text widget. You can manually add the html code for a set of images. The example below used this code
<ul id="envato-marketplace-items"></p>
<li><a href="http://themeforest.net/item/abundance-ecommerce-business-theme/759562?ref=Kriesi" title="Abundance eCommerce Business Theme"><img src="http://2.s3.envato.com/files/8663400/tooltip_template.jpg" alt="Abundance eCommerce Business Theme" /></a></li>
<li><a href="http://themeforest.net/item/angular-responsive-portfolio/1415600?ref=Kriesi" title="Angular - Responsive Portfolio"><img src="http://2.s3.envato.com/files/16382998/tooltip_template.jpg" alt="Angular - Responsive Portfolio" /></a></li>
<li><a href="http://themeforest.net/item/propulsion-responsive-business-ecommerce/1126092?ref=Kriesi" title="Propulsion - responsive business & eCommerce"><img src="http://3.s3.envato.com/files/13120344/tooltip_template.jpg" alt="Propulsion - responsive business & eCommerce" /></a></li>
<li><a href="http://themeforest.net/item/flashlight-fullscreen-background-portfolio-theme/616050?ref=Kriesi" title="Flashlight - fullscreen background portfolio theme"><img src="http://3.s3.envato.com/files/7056179/tooltip_template.jpg" alt="Flashlight - fullscreen background portfolio theme" /></a></li>
<li><a href="http://themeforest.net/item/corona-business-portfolio-theme/533913?ref=Kriesi" title="Corona - Business & Portfolio Theme"><img src="http://3.s3.envato.com/files/6192197/thumbnail.jpg" alt="Corona - Business & Portfolio Theme" /></a></li>
<li><a href="http://themeforest.net/item/shoutbox-magazine/400938?ref=Kriesi" title="Shoutbox Magazine"><img src="http://0.s3.envato.com/files/4465731/tooltip_template.jpg" alt="Shoutbox Magazine" /></a></li>
<li><a href="http://themeforest.net/item/expose-gallery-template-3-in-1/103010?ref=Kriesi" title="Expose Gallery Template - 3 in 1"><img src="http://2.s3.envato.com/files/330025.jpg" alt="Expose Gallery Template - 3 in 1" /></a></li>
<li><a href="http://themeforest.net/item/cubit-6-in-1-business-portfolio-theme/38712?ref=Kriesi" title="Cubit 6 in 1- Business & Portfolio Theme"><img src="http://1.s3.envato.com/files/108790.jpg" alt="Cubit 6 in 1- Business & Portfolio Theme" /></a></li>
<li><a href="http://themeforest.net/item/newscast-4-in-1-wordpress-magazine-and-blog/91058?ref=Kriesi" title="Newscast 4 in 1 - WordPress Magazine and Blog"><img src="http://0.s3.envato.com/files/288092.jpg" alt="Newscast 4 in 1 - WordPress Magazine and Blog" /></a></li>
<p> <br class="clear"><br />Regards,
Ismael
In reply to: Reposition main menu AJAX Search Box
Hi,
What type of header are you using?
Try this:
#top #menu-item-search > a {
position: absolute;
left: -930px;
top: 10px;
}
.avia-search-tooltip.avia-tt {
top: 85px !important;
}Regards,
Ismael
Please open up wp-contentthemesenfoldframeworkphpfunction-set-avia-frontend.php and replace:
if ($i != 1) {
//we will have two since we are not using 'other' argument yet
//see if version is before or after the name
if (strripos($u_agent,"Version") < strripos($u_agent,$ub)){
$version= $matches['version'][0];
}
else {
$version= $matches['version'][1];
}
}
else {
$version= $matches['version'][0];
}with
if ($i != 1)
{
//we will have two since we are not using 'other' argument yet
//see if version is before or after the name
if (strripos($u_agent,"Version") < strripos($u_agent,$ub))
{
$version = !empty($matches['version'][0]) ? $matches['version'][0] : '';
}
else
{
$version = !empty($matches['version'][1]) ? $matches['version'][1] : '';
}
}
else
{
$version = !empty($matches['version'][0]) ? $matches['version'][0] : '';
}In reply to: What have I done wrong?
Hi,
Please add this css to your /css/custom.css file OR to Quick CSS located in Enfold > Layout Styling… the text area at the bottom of the page
.avia-slider-testimonials.avia-testimonial-wrapper .avia-testimonial-row {
height: 125px !important;
}
@media only screen and (max-width: 980px) {
.avia-slider-testimonials.avia-testimonial-wrapper .avia-testimonial-row {
height: 175px !important;
}}
@media only screen and (max-width: 767px) {
.avia-slider-testimonials.avia-testimonial-wrapper .avia-testimonial-row {
height: 375px !important;
}}Your testimonials are causing the lower part of the page to jiggle and jump.. This stabilizes it.
—-
That table has got to go. Tables are for data like if you were to show how many people in each city of the world own this product, then you would use a table. Can’t use tables to prop up the page’s layout or the div design police will come.
Instead use an image gallery with small images option. Stick all 6 images in it, and add your text as a tooltip, be nice and animated and responsive as well.
looks good on small phones and rearranges itself properly
http://www.clipular.com/c?8224023=DSxT87g0svAM0J2q6Wht60Q9MVc&f=.png
this is how I added the gallery with these settings
http://www.clipular.com/c?8229018=MbJFLRKUz3IiwDSwA9oAq-z4iWI&f=.png
and here is where you set the tool tips that pop out
http://www.clipular.com/c?8233017=nsSMeYJCS6s_QuxnjVZsM-XlgDY&f=.png
Here is the css you will need to add to make the gallery look good on iphone and ipad.
@media only screen and (max-width: 980px) {
#top #wrap_all .avia-gallery-thumb a {
width: 25%;
}
}
@media only screen and (max-width: 767px) {
#top #wrap_all .avia-gallery-thumb a {
width: 31% !important;
}}Good luck,
Nick
Thanks Devin, that did the trick :)
I’m not sure, but I think maybe the facebook function issue has got something to do with the theme trying to find the browser type/version. If this is the case it won’t find facebook obviously, because it’s not a browser in that sense…?
Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
.avia-tooltip{
width: auto;
}I’ll tag Peter on the facebook function issue as I’m not sure what that could be.
Regards,
Devin
Thanks :)
http://digitalfabrikken.no/om-oss/
I’d also like to ask if you know how to fix this Notice (screenshot) when someone enters from the Facebook app?
Hi!
1) Can you post a link to the page with the tooltip please? I’ll investigate the css code and provide a fix.
2) Yes, just use mailto: instead of http://
Best regards,
Peter
In reply to: Tootltip width on gallery
I’ve got two pretty small problems with the Team Members part of the builder.
1. Tooltips hover with sentences break to several lines because of the width, but when I have a tooltip with an e-mail address (which is one line) the box doesn’t follow the text. The text displays, but you can’t really see what it says because the background color box stops at a certain width. Is there any workaround for this?
2. Also, is it possible to do a mailto: in the link field. I haven’t managed to figure out how.
Thank you for a great theme btw :)
Hi,
Maybe you can setup the Enfold on a domain then copy the header html tag. You might need to edit the links.
<div id="header" class=" header_color dark_bg_color mobile_drop_down">
<div id="header_main" class="container_wrap container_wrap_logo">
<ul class="cart_dropdown visible_cart" data-success="was added to the cart"><li class="cart_dropdown_first"><a class="cart_dropdown_link" href="http://localhost/kriesi/enfold/?page_id=1422"><span class="avia-font-entypo-fontello"></span></a><!--<span class='cart_subtotal'><span class="amount">£9.99</span></span>--><div class="dropdown_widget dropdown_widget_cart" style="display: none; opacity: 0;"><div class="avia-arrow"></div><div class="widget_shopping_cart_content">
<ul class="cart_list product_list_widget ">
<li>
<a href="http://localhost/kriesi/enfold/?product=single-product">
<img width="120" height="120" src="http://localhost/kriesi/enfold/wp-content/uploads/2012/04/21-120x120.jpg" class="attachment-shop_thumbnail wp-post-image" alt="2">
Single Product
</a>
<span class="quantity">1 × <span class="amount">£9.99</span></span> </li>
</ul><!-- end product list -->
<p class="total"><strong>Subtotal:</strong> <span class="amount">£9.99</span></p>
<p class="buttons">
<a href="http://localhost/kriesi/enfold/?page_id=1422" class="button">View Cart →</a>
<a href="http://localhost/kriesi/enfold/?page_id=1423" class="button checkout">Checkout →</a>
</p>
</div></div></li></ul>
<div class="container" style="height: 88px; line-height: 88px;">
<strong class="logo bg-logo"><a href="http://localhost/kriesi/enfold/"><img src="http://localhost/kriesi/enfold/wp-content/themes/enfold/images/layout/logo.png" alt="" title="Enfold"></a></strong><div class="main_menu" data-selectname="Select a page"><div class="menu-main-menu-container"><ul id="menu-main-menu" class="menu"><li id="menu-item-755" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent active-parent-item dropdown_ul_available"><a href="http://kriesi.at/themes/enfold/" style="height: 88px; line-height: 88px;"><span class="avia-bullet"></span>Home<span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span><span class="dropdown_available"></span></a>
<ul class="sub-menu" style="display: block; opacity: 0; visibility: hidden;">
<li id="menu-item-1351" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-734 current_page_item"><a href="http://localhost/kriesi/enfold/"><span class="avia-bullet"></span>Home v1: Landing Page Style</a></li>
<li id="menu-item-1356" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1108"><span class="avia-bullet"></span>Home v2: 3 Col + Contact</a></li>
<li id="menu-item-1352" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1040"><span class="avia-bullet"></span>Home v3: 3 Column with Blog</a></li>
<li id="menu-item-1355" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1070"><span class="avia-bullet"></span>Home v4: Small Slider</a></li>
<li id="menu-item-1354" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1097"><span class="avia-bullet"></span>Home v5: Portfolio Style</a></li>
<li id="menu-item-1353" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1023"><span class="avia-bullet"></span>Home v6: Classic 4 Column</a></li>
</ul>
</li>
<li id="menu-item-1338" class="menu-item menu-item-type-post_type menu-item-object-page dropdown_ul_available"><a href="http://localhost/kriesi/enfold/?page_id=756" style="height: 88px; line-height: 88px;"><span class="avia-bullet"></span>Portfolio<span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span><span class="dropdown_available"></span></a>
<ul class="sub-menu" style="display: block; opacity: 0; visibility: hidden;">
<li id="menu-item-1339" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=987"><span class="avia-bullet"></span>Portfolio 2 Column</a></li>
<li id="menu-item-1340" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=992"><span class="avia-bullet"></span>Portfolio 3 Column</a></li>
<li id="menu-item-1342" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=756"><span class="avia-bullet"></span>Portfolio 4 Column</a></li>
<li id="menu-item-1343" class="menu-item menu-item-type-post_type menu-item-object-portfolio"><a href="http://localhost/kriesi/enfold/?portfolio=slider-two-third"><span class="avia-bullet"></span>Single Portfolio: 2/3 Slider</a></li>
<li id="menu-item-1344" class="menu-item menu-item-type-post_type menu-item-object-portfolio"><a href="http://localhost/kriesi/enfold/?portfolio=lorem-ipsum"><span class="avia-bullet"></span>Single Portfolio: 2/3 Gallery</a></li>
<li id="menu-item-1345" class="menu-item menu-item-type-post_type menu-item-object-portfolio"><a href="http://localhost/kriesi/enfold/?portfolio=portfolio-big"><span class="avia-bullet"></span>Single Portfolio: Big Slider</a></li>
<li id="menu-item-1346" class="menu-item menu-item-type-post_type menu-item-object-portfolio"><a href="http://localhost/kriesi/enfold/?portfolio=vimeo-video"><span class="avia-bullet"></span>Single Portfolio: Fullscreen Slider</a></li>
</ul>
</li>
<li id="menu-item-1337" class="menu-item menu-item-type-post_type menu-item-object-page dropdown_ul_available"><a href="http://localhost/kriesi/enfold/?page_id=731" style="height: 88px; line-height: 88px;"><span class="avia-bullet"></span>Blog<span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span><span class="dropdown_available"></span></a>
<ul class="sub-menu" style="display: block; opacity: 0; visibility: hidden;">
<li id="menu-item-1370" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1336"><span class="avia-bullet"></span>Blog Grid</a></li>
<li id="menu-item-1350" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1010"><span class="avia-bullet"></span>Blog Multi Author</a></li>
<li id="menu-item-1349" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1012"><span class="avia-bullet"></span>Blog Single Author Small</a></li>
<li id="menu-item-1348" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1014"><span class="avia-bullet"></span>Blog Single Author Big</a></li>
<li id="menu-item-1347" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1016"><span class="avia-bullet"></span>Blog Single Author Fullwidth</a></li>
</ul>
</li>
<li id="menu-item-1357" class="menu-item menu-item-type-post_type menu-item-object-page dropdown_ul_available"><a href="http://localhost/kriesi/enfold/?page_id=1122" style="height: 88px; line-height: 88px;"><span class="avia-bullet"></span>Pages<span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span><span class="dropdown_available"></span></a>
<ul class="sub-menu" style="display: block; opacity: 0; visibility: hidden;">
<li id="menu-item-1359" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1195"><span class="avia-bullet"></span>About Us</a></li>
<li id="menu-item-1363" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1236"><span class="avia-bullet"></span>Blank Pages</a>
<ul class="sub-menu" style="display: block; opacity: 0; visibility: hidden;">
<li id="menu-item-1366" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1236"><span class="avia-bullet"></span>What is a Blank Page?</a></li>
<li id="menu-item-1364" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1261"><span class="avia-bullet"></span>Maintenance Mode</a></li>
<li id="menu-item-1365" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1248"><span class="avia-bullet"></span>Coming Soon</a></li>
</ul>
</li>
<li id="menu-item-1361" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1167"><span class="avia-bullet"></span>Contact</a></li>
<li id="menu-item-1367" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1277"><span class="avia-bullet"></span>FAQ</a></li>
<li id="menu-item-1362" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1224"><span class="avia-bullet"></span>Help</a></li>
<li id="menu-item-1369" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1324"><span class="avia-bullet"></span>Landing Page</a>
<ul class="sub-menu" style="display: block; opacity: 0; visibility: hidden;">
<li id="menu-item-1358" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1212"><span class="avia-bullet"></span>Meet the Team</a></li>
</ul>
</li>
<li id="menu-item-1360" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1176"><span class="avia-bullet"></span>Pricing</a></li>
<li id="menu-item-1368" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1302"><span class="avia-bullet"></span>Services</a></li>
</ul>
</li>
<li id="menu-item-1341" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-mega-parent dropdown_ul_available" style="overflow: hidden;"><a href="http://localhost/kriesi/enfold/?page_id=750" style="height: 88px; line-height: 88px;"><span class="avia-bullet"></span>Shortcodes<span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span><span class="dropdown_available"></span></a>
<div class="avia_mega_div avia_mega1 three units" style="opacity: 0; display: none; right: -109px;">
<ul class="sub-menu">
<li id="menu-item-1378" class="menu-item menu-item-type-post_type menu-item-object-page avia_mega_menu_columns_1 three units avia_mega_menu_columns_last avia_mega_menu_columns_first"><h4 class="mega_menu_title"><a href="http://localhost/kriesi/enfold/?page_id=821">Animated Image</a></h4>
<ul class="sub-menu">
<li id="menu-item-1379" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=761"><span class="avia-bullet"></span>Blog Elements</a></li>
</ul>
</li>
</ul>
</div>
</li>
<li id="menu-item-1433" class="menu-item menu-item-type-post_type menu-item-object-page dropdown_ul_available"><a href="http://localhost/kriesi/enfold/?page_id=1421" style="height: 88px; line-height: 88px;"><span class="avia-bullet"></span>Shop<span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span><span class="dropdown_available"></span></a>
<ul class="sub-menu" style="display: block; opacity: 0; visibility: hidden;">
<li id="menu-item-1434" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1422"><span class="avia-bullet"></span>Cart</a></li>
<li id="menu-item-1435" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1430"><span class="avia-bullet"></span>Checkout → Pay</a></li>
</ul>
</li>
<li id="menu-item-1463" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://localhost/kriesi/enfold/?page_id=1373" style="height: 88px; line-height: 88px;"><span class="avia-bullet"></span>A.Test<span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li>
<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown"><a href="?s=" data-avia-search-tooltip="<form role="search" method="get" id="searchform" action="http://localhost/kriesi/enfold/" >
<div><label class="screen-reader-text" for="s">Search for:</label>
<input type="text" value="" name="s" id="s" />
<input type="submit" id="searchsubmit" value="Search" />
</div>
</form>" style="height: 88px; line-height: 88px;">Hi,
I refer to this post, because I would like to achieve the same: titles below the related post items:
https://kriesi.at/support/topic/title-under-featured-image-in-related-posts#post-119448
But something must be wrong with the characters of the code, that the user suggests:
$output .= " ID)."'>".$related_post->post_title."";
I don’t know PHP right, but Notepad++ shows all the following code in grey, means, that there is in the line something wrong with the characters:
I have now in my related-posts.php:
$output .= "<div class='$post_class $extra relThumb relThumb".$count." post-format-".$format." related_column'>n";
$output .= " ID)."' class='relThumWrap noLightbox'>n";
$output .= " <span class='related_image_wrap' data-avia-related-tooltip='".$related_post->post_title."'>";
$output .= $image;
$output .= " <span class='related-format-icon avia-font-entypo-fontello {$extra_class}'><span class='related-format-icon-inner'>".$avia_config[$format]."</span></span>";
$output .= " </span>";
$output .= " ";
$output .= " ID)."'>".$related_post->post_title."";
$output .= "</div>";
With the suggested code of the other post, I get an error:
Parse error: syntax error, unexpected T_CONSTANT_ENCAPSED_STRING in /home/www/web333/html/netzwerk/site2013/wp-content/themes/enfold/includes/related-posts.php on line 83
line 83 is what here is line 14: http://pastie.org/8059831
Thanks.
In reply to: Title under featured image in Related Posts
Hi! I understood finally how related-posts.php works and was able to do it by myself. I write here what I did in case someone wants also the titles under the featured images.
In related-posts.php I added this line:
I searched for:
Code:$output .= “<div class=’$post_class $extra relThumb relThumb”.$count.” post-format-“.$format.” related_column’>n”;
$output .= ” ID).”‘ class=’relThumWrap noLightbox’>n”;
$output .= ” <span class=’related_image_wrap’ data-avia-related-tooltip='”.$related_post->post_title.”‘>”;
$output .= $image;
$output .= ” <span class=’related-format-icon avia-font-entypo-fontello {$extra_class}’><span class=’related-format-icon-inner’>”.$avia_config[‘font_icons’][$format].”</span></span>”;
$output .= ” </span>”;
$output .= ” “;
$output .= “</div>”;and added this line before the last line:
Code:$output .= ” ID).”‘>”.$related_post->post_title.”“;Right now, it looks like that:
Code:$output .= “<div class=’$post_class $extra relThumb relThumb”.$count.” post-format-“.$format.” related_column’>n”;
$output .= ” ID).”‘ class=’relThumWrap noLightbox’>n”;
$output .= ” <span class=’related_image_wrap’ data-avia-related-tooltip='”.$related_post->post_title.”‘>”;
$output .= $image;
$output .= ” <span class=’related-format-icon avia-font-entypo-fontello {$extra_class}’><span class=’related-format-icon-inner’>”.$avia_config[‘font_icons’][$format].”</span></span>”;
$output .= ” </span>”;
$output .= ” “;
$output .= ” ID).”‘>”.$related_post->post_title.”“;
$output .= “</div>”;Have a nice day ;)
In reply to: Tootltip width on gallery
It’s not possible to change the tooltip width based on the thumbnail width because the width is “hardcoded” with css. However you can change the current tooltip width to any other width – insert following code into the quick css field
.avia-tooltip {
width: 180px;
}and adjust the width value.
In reply to: PLAYING VIDEOS FROM THE GALLERY
Hi Nick,
thanks very much! This is exactly what we were looking for. But know there is an other problem.
I had it working yesterday but now it doesn’t work any more.
Yesterday the gallery showed tooltips above all thumbs on rollover.
Today it only shows the tooltip with thumbs that link to a video. And the tooltip contains the url that is added to the caption field.
Look at: http://www.vizspecialeffects.nl/projects/ford-focus/
The first thumb of the first gallery should open a video but I can’t get it working any more.
I don’t understand how this has happened. All I changed in this theme is header.php (google font), custom.css & gallery.php.
I have recreated gallery.php several times following your instructions yesterday evening, but can’t get it to work any more!
Any clues, I’m getting a bit desperate meanwhile?
Can I send you wordpress/ftp login through private message yo have a look?
Thanks very much, regards
Rob (& Adrian)
Topic: Tootltip width on gallery
Hi guys,
Been trying to find the CSS for the gallery thumbnail tooltip width (the tooltip that displays the image caption). Can’t find it using Firebug. What custom CSS do I need to add to have the tooltip be 100% width of the thumbnail image to which it relates?
Thanks,
Matt
In reply to: member login in menu bar area
Open up functions-enfold.php and replace:
$items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown"><a href="?s=" data-avia-search-tooltip="'.$form.'">'.$avia_config['font_icons']['search'].'</a></li>';with
if(is_user_logged_in())
{
$items .= '<li><a title="'.__('Logout','avia_framework').'" href="'. wp_logout_url(get_permalink()) .'">'.__('Logout','avia_framework').'</a></li>';
}
else
{
$items .= '<li><a title="'.__('Login','avia_framework').'" href="'. wp_login_url(get_permalink()) .'">'.__('Login','avia_framework').'</a></li>';
}This will add a login link to the menu if the user is not logged in and a log out link to the menu if the user is logged in.
In reply to: PLAYING VIDEOS FROM THE GALLERY
Hi Rob & Adrian,
Alright. I got it working. Took me 20 minutes. Not gonna hustle you, since my World of Warcraft guild-master said it may lower my defensive spells and I need those. ;)
Please open up gallery.php and find line 173 that looks like this
$prev = wp_get_attachment_image_src($attachment->ID, $preview_size);and now find line (not sure which one) but probably 191 that looks like
//generate thumb width based on columnsDelete everything *between* those two lines above (or better yet comment it out) but leave the two lines themselves intact .
Paste the code below in between 173 and 191? without harming those 2 lines.
$caption = trim($attachment->post_excerpt) ? wptexturize($attachment->post_excerpt) : "";
//$tooltip = $caption ? "data-avia-tooltip='".$caption."'" : "";
$alt = get_post_meta($attachment->ID, '_wp_attachment_image_alt', true);
$alt = !empty($alt) ? esc_attr($alt) : '';
$title = trim($attachment->post_title) ? esc_attr($attachment->post_title) : "";
$description = trim($attachment->post_content) ? esc_attr($attachment->post_content) : "";
$tooltip = "data-avia-tooltip='".$title."'";
if($style == "big_thumb" && $first)
{
$output .= "<a class='avia-gallery-big fakeLightbox $imagelink' href='".$link[0]."' data-onclick='1' title='".$description."' ><span class='avia-gallery-big-inner'>";
$output .= " <img src='".$prev[0]."' title='".$title."' alt='".$alt."' />";
if($caption)
{
$output .= " <span class='avia-gallery-caption>{$title}</span>'";
} else {
$output .= " <span class='avia-gallery-caption>{$title}</span>'";
}
$output .= "</span></a>";
}
if ($caption) {
$thumbs .= " <a href='".$caption."' data-rel='gallery-".self::$gallery."' data-prev-img='".$prev[0]."' {$class} data-onclick='{$counter}' title='".$description."' ><img {$tooltip} src='".$img[0]."' title='".$title."' alt='".$alt."' /></a>";
$first = false;
} else {
$thumbs .= " <a href='".$link[0]."' data-rel='gallery-".self::$gallery."' data-prev-img='".$prev[0]."' {$class} data-onclick='{$counter}' title='".$description."' ><img {$tooltip} src='".$img[0]."' title='".$title."' alt='".$alt."' /></a>";
$first = false;
}
}
$output .= "<div class='avia-gallery-thumb'>{$thumbs}</div>";
$output .= "</div>";Add the url to the caption in this format for videos (vimeo ok too)
http://www.youtube.com/watch?v=W0MBzxFHOyoleave caption blank for normal images.
and add the caption itself (the words that display in the tooltip) in the title tag of the images. ( http://i.imgur.com/V1dW0zm.png ) In the alt text below the title tag (see previous image) you can enter a title i guess that will float above to the left of the lightbox
The End.
Thanks,
:)
Nick
In reply to: PLAYING VIDEOS FROM THE GALLERY
Hi,
I have a simple solution for you here but it will only play vimeo and youtube videos. Edit config-templatebuilder > avia-shortcodes > gallery.php, find this code on line 191
$thumbs .= " <a href='".$link[0]."' data-rel='gallery-".self::$gallery."' data-prev-img='".$prev[0]."' {$class} data-onclick='{$counter}' title='".$description."' ><img {$tooltip} src='".$img[0]."' title='".$title."' alt='".$alt."' /></a>";
$first = false;Replace it with
$thumbs .= " <a href='".$alt."' data-rel='gallery-".self::$gallery."' data-prev-img='".$prev[0]."' {$class} data-onclick='{$counter}' title='".$description."' ><img {$tooltip} src='".$img[0]."' title='".$title."' alt='".$alt."' /></a>";
$first = false;Now, on the Advance Layout Editor, insert the Gallery element. Click Add/Edit Gallery. Upload an image or select one on Media Library. Beside the image, look for ATTACHMENT DETAILS, fill in the Alt text with the youtube or vimeo link. The url should be complete, something like this http://www.youtube.com/watch?v=G0k3kHtyoqc.
It will open the videos on lightbox.
Regards,
Ismael
Topic: Problem with Form
