Jump to content
Sign in to follow this  
diretornak

Social Icons not updating properly in Brandnav section

Recommended Posts

diretornak    2
diretornak

Hey guys. I am having problems updating the social icon links in this website: www.essbrasil.com.br

 

For some reason, even though I have pointed both links to http://www.essbrasil.com.br using the "header and footer" site options, they are linking to whatever page is currently open. So if I click on any icon in the homepage, they will link to the homepage, and if I click on any icon in the "contato" page, they link to the "contato" page.

 

Any ideas on how I could fix this?

 

I am using latest versions on both Framework and Wordpress.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

 

Not sure what you're trying to as your social icons seem to be overwritten with flag icons?

 

However, when entering a URL for your social media links, you must enter the full URL.

 

For example.

 

You shouldn't use something like this - example.com/twitter

 

It must be like this - http://www.example.com/twitter


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
diretornak    2
diretornak

Hey Danny, as I mentioned in my post, I used a full URL, it is simply not updating to the site.

 

Heres a screenshot to show that it is properly inserted:

 Untitled-1.jpg

 

Also, I dont see why me changing the images should have any influence in the way the links behave. I have no plugins other than pagelines sections and plugins and no cache or maintenance mode on.

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hi,

 

I think you're mis-using the social icons in a way that will never work properly.

 

Instead of attempting this unsupportable method, I'd recommend you use a hook to implement your linked flag icons, and CSS to implement the images.

 

Are you familiar with hooks and CSS?


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
diretornak    2
diretornak

I am familiar with CSS, not with hooks.

 

But i still dont see why this should be "unsupported" or a misuse. I am using icons to link to urls, just like it was intended, I just replaced the images, like one would do to customize the social icons if they wanted to. Please explain how this will "never work properly" because this is making absolutely no sense.

Share this post


Link to post
Share on other sites
Rob    547
Rob

The social media section is designed to deal with specific links, which are identified in the data entry fields.  It is not designed to take just any link. Since it cannot validate the links you're putting in, it doesn't work. As you're trying to do something outside the design of PageLines' structure, it's unsupported.   The reason it won't work is that it's not designed to work in the way you're using it. I'm sorry about that, but there are better, easier ways than trying to force something to do a thing for which it's not designed.

 

I can help you however, with Hooks. Let's start with this: http://support.pagelines.me/docs/customization/hooks/   You'll want the Action Map plugin, and PageLines Customize plugin, and optionally, you may want Hooker plugin. I believe the first two are free, and Hooker is free for Plus members.

 

I use hooks myself to implement customized social icons and links as you can see:  http://tinyurl.com/c83qo9d

 

Let me know when you're ready and I'll be happy to help further.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
diretornak    2
diretornak

Thanks for trying to explain, and lets try your method.

 

I have installed Action Map and Customize, and I have read the doc and understand the basics of how it works, but I have no knowledge of php.

 

What do I do now?

Share this post


Link to post
Share on other sites
diretornak    2
diretornak

On a side note, another weird thing. If I drag the branding section above the brandnav, the icons work properly in the branding, but not in brandnav.

Share this post


Link to post
Share on other sites
Rob    547
Rob

First thing is to activate the Action Map plugin and identify where you want to place the links.  I'm going to give you examples based on pagelines_branding_icons_start   but you may find an alternate location. 

add_action('pagelines_branding_icons_start', 'mynewicons');
function mynewicons(){
?>
<div class="mynewicons">
<div id="connect-br" class="sbconnecticon"><a href="YOUR URL TO BRAZILIAN LANGUAGE SITE"></a></div>
<div id="connect-en" class="sbconnecticon"><a href="YOUR URL TO ENGLISH LANGUAGE SITE"></a></div>
</div>
<?php }
// end function

The URLs you would place must be the full one, such as http://www.mysite.com and should not be written in the short form.

 

Edit this code to include the URLs, then, go to Dashboard > Plugins > Editor and select PageLines Customize from the drop down list and click "Select".

 

Once you see pagelines-customize/functions.php on the right side, click that.

 

Copy your edited code and paste it at the very end of the file, at the bottom.

 

I'll get to the CSS next.
 


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Rob    547
Rob

The CSS for the Brazilian flag would be like this:

#connect-br {
   background: url("THE FULL URL TO THE TRANSPARENT IMAGE") no-repeat scroll 0 0 transparent;
   height: 43px;
   width: 43px;
}

#connect-br:hover {
   background: url("THE FULL URL TO THE SOLID IMAGE") no-repeat scroll 0 0 transparent;
   height: 43px;
   width: 43px;
}

As you can see from the CSS, the first element for connect-br is the base image (semi-transparent), and the second group is the hover action, showing the fully solid image.  Make sure to change the height and width to the size of the image in each instance.

 

You can copy this, change the URLs, and for English, copy again using connect-en.

 

This code would be placed in Dashboard > PageLines > Site Options > Custom Code.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
diretornak    2
diretornak

Thanks man, that did it =D

Share this post


Link to post
Share on other sites
Rob    547
Rob

I knew it would!  Glad it worked.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Similar Content

    • dougalperman
      By dougalperman+
      Hi there,
      I'm a big fan of Pagelines, and have been for years.
      I'm trying to control the size of video embeds and having some difficulty. I see that I can just paste the Vimeo video URL into the post and an embed widget will automatically appear, which is great. But the embed box created is much taller that the video (689 x 1000 pixels) so the content sits in the middle of a tall black box, which looks awkward.
      I tried using the full iFrame embed code from Vimeo, which solved the disproportionate embed frame size (or aspect ratio) issue, but despite specifying the dimensions I want (690 x 388), the videos displayed on the post are sized at 300 x 150 pixels.
      I can't work out how to change either.
      I'm using the latest version of Pagelines Framework (Pro) with the Agency them.
      Any help or advice very much appreciated.
      Thanks,
      Dougal
    • micstepl
      By micstepl+
      What is actually framework?
      - is ist that, what we used some years ago?
      - dös it replace DMS2?
      Usage
      - can I use framework beside of DMS2?
      - how do they relate?
    • almanada
      By almanada+
      2 year DMS Framework Dev Member here:
      Nothing is saving on our websites, our Key is no longer registering, emails have gone unanswered.  The DMS theme seems to be overall malfunctioning.   I just want it to work like it worked last week again please. Also, based on our your website is looking, it's also falling apart. Please Advise ASAP!  Our clients have a much shorter temper with us, because we actually offer a way to contact us.  We have reinstalled the latest theme over and over. 
    • richardjacruz
      By richardjacruz+
      I saw this website build with PageLines DMS:
      http://lupusla.org/
      I want to have a header that's VERY similar. However, with the fixed area, I'm struggling with how to do that. 
      I want to have a "super menu" under one of the tabs, and drop downs for others, a larger logo to the left like this, a search all the way to the right, and a call-to-action at the top like we see with "Donate" (I want "Request a Quote").
      What area (fixed or header) is best to use for this, and, within that area, what are the best sections to place?
      Thanks. 
    • oksodavid
      By oksodavid
      I can activate Framework 5.0.2 as stand alone theme ok. I get dashboard notice 'You need PageLines Connect' which is superseded by pl-platform - connect plugin.
      If I activate pl-platform 5.0.3, I get the 'total_pages' js error mentioned in pl-platform 5.0.2 plug and can't load Extend.
      I loaded PageLines Platform Developer 0.5.1, and dev loads ok.
×