Staff Bios

9 years, 7 months ago lapizd
Participant

Expired

Hi There,

I am wondering if there is a way to have the staff bios open a detail page where people can see a large image, read the full bio and get other information about the team member.

Thank you!
9 years, 7 months ago Mirela
Participant

Hello,

Please refer to this topic, regarding your request.

Best regards!
9 years, 7 months ago lapizd
Participant

Expired
Thank you so much. It worked! I have two more questions in this regard.
1. Is there a way to make the image link to the full post instead of having the social media icons appear?
2. Instead of the post page, we would like to have different info ( Name, title, social media links,hobbies) on the right. is this a possibility? if so, how can we attach the new page to the team postings and how can we link to it?
Thank you so much!
9 years, 7 months ago Mirela
Participant

Hello,

Sorry can you more clear? If you can, please send us the respective link of the staff in your site.

Best regards!
9 years, 7 months ago lapizd
Participant

Expired

After making the changes you suggested on the link provided, I have the name of the staff person linking to the post page, but if I hover my mouse on top of the image it shows me the links for facebook, twitter and google plus. I will still like to have the effect of the hover but with the little link icon so that people can go to the link for the full post…same link that the name takes you to.

And about the post page, we basically want to have the full image with a description below and on the right column with name, titel, email, hobbies, and social links.

I can send you the designs, but I cannot upload attachments here. Is there an email where I can send them.

Here is the link to the site, but Im not sure it is helpful for what I am asking :) https://lapizd.com/2015_site/?page_id=85
9 years, 7 months ago Mirela
Participant
Hello,

For the staff, please make the following changes:
-Go to file includes\core\codeless_metaboxes.php , find these lines: https://www.codeshare.io/youn0 and replace with these: https://www.codeshare.io/BaFOv . It will add a new ‘Profile link’ option in staff options. Just like you set the facebook profile link for the staff member, you can add the profile link.
Step 2, go to file vc_templates\staff.php and find this block: https://www.codeshare.io/thpot and replace with this: https://www.codeshare.io/cm0J5 .
Save!
Now, in order to show only the profile link, remove from staff options all other links, except the profile (screenshot -> result)

-For the post page, you can make all necessary changes in file includes\view\blog\loop-index.php

Best regards!
- This reply was modified 9 years, 7 months ago by Mirela. Reason: link edit
9 years, 7 months ago lapizd
Participant

Expired
Hi, Thank you so much for your response!

The link to the code that I need to replace in includes\core\codeless_metaboxes.php is the same…not sure if you sent the wrong link by mistake.
- This reply was modified 9 years, 7 months ago by lapizd.
9 years, 7 months ago Mirela
Participant
Hello,

Sorry for the inconvenience! Please find here the code in supposed second link: https://www.codeshare.io/BaFOv
We added this block:
```
array(
                    'id' => 'profile_link',
                    'title' => __( 'Profile Link', 'codeless' ),
                    'desc' => '',
                    'type' => 'text',
                    'default' => ''
                ),
```
to the previous code.

Best regards!
- This reply was modified 9 years, 7 months ago by Mirela.
9 years, 7 months ago lapizd
Participant

Expired

It worked :) Thank you sooo much!

However, for the changes to the post page I do not see the code for the sidebar(search, recent posts, recent commments, archives, etc) column on the file <span style=”color: #393d40; font-family: ‘Open Sans’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;”>loop-index.php. These are the ones that I will need to edit, if you could point me where to find them, it will be great :)</span>

Thanks again!
9 years, 7 months ago lapizd
Participant

Expired

Also, I am wondering if editing these files will affect the blog post pages, if so…is there a way to separate them?
9 years, 7 months ago Mirela
Participant

Hello,

The sidebar in each page is called from a function. Editing loop-index.php file will affect blog pages. To edit widgets, go to includes\widgets\widgets.inc file. If you edit blog files, it will affect blog pages, not single posts.

Best regards!
9 years, 4 months ago tasmantheory
Participant

Expired

I need help with exactly the same problem but all the important https://codeshare.io/ content is blank now.

Can someone please fix this. It would be very helpful to have this content available forever.

cheers

Andrew

9 years, 4 months ago

Participant

Hello,

@tasmantheory,
The above code adds a profile link to the chain of social links in staff element. To add it we edited these two files:
-includes\core\codeless_metaboxes.php
-vc_templates\staff.php

Please follow the steps below:

1-Go to file includes\core\codeless_metaboxes.php , find these lines:


        $staff_options[] = array(
            //'title'         => __('General Settings', 'codeless-admin'),
            'icon_class'    => 'icon-large',
            'icon'          => 'el-icon-home',
            'fields'        => array(
                array(
                    'id' => 'staff_position',
                    'title' => __( 'Staff Position', 'codeless' ),
                    'desc' => 'Write here the position for this staff member into your business',
                    'type' => 'text'
                ),
                array(
                    'id' => 'facebook_link',
                    'title' => __( 'Facebook Link', 'codeless' ),
                    'desc' => '',
                    'type' => 'text',
                    'default' => '#'
                ),
                array(
                    'id' => 'twitter_link',
                    'title' => __( 'Twitter Link', 'codeless' ),
                    'desc' => '',
                    'type' => 'text',
                    'default' => '#'
                ),
                array(
                    'id' => 'google_link',
                    'title' => __( 'Google Link', 'codeless' ),
                    'desc' => '',
                    'type' => 'text',
                    'default' => '#'
                ),
                array(
                    'id' => 'pinterest_link',
                    'title' => __( 'Pinterest Link', 'codeless' ),
                    'desc' => '',
                    'type' => 'text',
                    'default' => ''
                ),
                array(
                    'id' => 'linkedin_link',
                    'title' => __( 'Linkedin Link', 'codeless' ),
                    'desc' => '',
                    'type' => 'text',
                    'default' => ''
                ),
                array(
                    'id' => 'instagram_link',
                    'title' => __( 'Instagram Link', 'codeless' ),
                    'desc' => '',
                    'type' => 'text',
                    'default' => ''
                ),
                array(
                    'id' => 'mail_link',
                    'title' => __( 'Mail Link', 'codeless' ),
                    'desc' => '',
                    'type' => 'text',
                    'default' => ''
                ),
            ),
        );

Add the ‘profile’ option here. The code will become like this:


        $staff_options[] = array(
            //'title'         => __('General Settings', 'codeless-admin'),
            'icon_class'    => 'icon-large',
            'icon'          => 'el-icon-home',
            'fields'        => array(
                array(
                    'id' => 'staff_position',
                    'title' => __( 'Staff Position', 'codeless' ),
                    'desc' => 'Write here the position for this staff member into your business',
                    'type' => 'text'
                ),
                array(
                    'id' => 'facebook_link',
                    'title' => __( 'Facebook Link', 'codeless' ),
                    'desc' => '',
                    'type' => 'text',
                    'default' => '#'
                ),
                array(
                    'id' => 'twitter_link',
                    'title' => __( 'Twitter Link', 'codeless' ),
                    'desc' => '',
                    'type' => 'text',
                    'default' => '#'
                ),
                array(
                    'id' => 'google_link',
                    'title' => __( 'Google Link', 'codeless' ),
                    'desc' => '',
                    'type' => 'text',
                    'default' => '#'
                ),
                array(
                    'id' => 'pinterest_link',
                    'title' => __( 'Pinterest Link', 'codeless' ),
                    'desc' => '',
                    'type' => 'text',
                    'default' => ''
                ),
                array(
                    'id' => 'linkedin_link',
                    'title' => __( 'Linkedin Link', 'codeless' ),
                    'desc' => '',
                    'type' => 'text',
                    'default' => ''
                ),
                array(
                    'id' => 'instagram_link',
                    'title' => __( 'Instagram Link', 'codeless' ),
                    'desc' => '',
                    'type' => 'text',
                    'default' => ''
                ),
                array(
                    'id' => 'mail_link',
                    'title' => __( 'Mail Link', 'codeless' ),
                    'desc' => '',
                    'type' => 'text',
                    'default' => ''
                ),
                array(
                    'id' => 'profile_link',
                    'title' => __( 'Profile Link', 'codeless' ),
                    'desc' => '',
                    'type' => 'text',
                    'default' => ''
                ),
            ),
        );

2- Go to file vc_templates/staff.php and find these lines:

$output .= '<div class="center-bar">';

                                                    if($cl_redata['facebook_link'] != '')
                                                        $output .= '<a href="'.esc_url($cl_redata['facebook_link']).'" class="a1" data-animate="fadeInUp" title="Facebook"><i class="moon-facebook"></i></a>';
                                                    if($cl_redata['twitter_link'] != '')
                                                        $output .= '<a href="'.esc_url($cl_redata['twitter_link']).'" class="a1" data-animate="fadeInUp" title="Twitter"><i class="moon-twitter"></i></a>';
                                                    if($cl_redata['google_link'] != '')
                                                        $output .= '<a href="'.esc_url($cl_redata['google_link']).'" class="a1" data-animate="fadeInUp" title="Google Plus"><i class="moon-google_plus"></i></a>';
                                                    if($cl_redata['pinterest_link'] != '')
                                                        $output .= '<a href="'.esc_url($cl_redata['pinterest_link']).'" class="a1" data-animate="fadeInUp" title="pinterest"><i class="moon-pinterest"></i></a>';
                                                    if($cl_redata['linkedin_link'] != '')
                                                        $output .= '<a href="'.esc_url($cl_redata['linkedin_link']).'" class="a1" data-animate="fadeInUp" title="linkedin"><i class="moon-linkedin"></i></a>';
                                                    if($cl_redata['instagram_link'] != '')
                                                        $output .= '<a href="'.esc_url($cl_redata['instagram_link']).'" class="a1" data-animate="fadeInUp" title="instagram"><i class="moon-instagram"></i></a>';
                                                    if($cl_redata['mail_link']!= '')
                                                        $output .= '<a href="'.esc_url($cl_redata['mail_link']).'" class="a1" data-animate="fadeInUp" title="mail"><i class="moon-mail"></i></a>';

at the end, add the new ‘profile’ option. It will become like this:

if($cl_redata['facebook_link'] != '')
                                                        $output .= '<a href="'.esc_url($cl_redata['facebook_link']).'" class="a1" data-animate="fadeInUp" title="Facebook"><i class="moon-facebook"></i></a>';
                                                    if($cl_redata['twitter_link'] != '')
                                                        $output .= '<a href="'.esc_url($cl_redata['twitter_link']).'" class="a1" data-animate="fadeInUp" title="Twitter"><i class="moon-twitter"></i></a>';
                                                    if($cl_redata['google_link'] != '')
                                                        $output .= '<a href="'.esc_url($cl_redata['google_link']).'" class="a1" data-animate="fadeInUp" title="Google Plus"><i class="moon-google_plus"></i></a>';
                                                    if($cl_redata['pinterest_link'] != '')
                                                        $output .= '<a href="'.esc_url($cl_redata['pinterest_link']).'" class="a1" data-animate="fadeInUp" title="pinterest"><i class="moon-pinterest"></i></a>';
                                                    if($cl_redata['linkedin_link'] != '')
                                                        $output .= '<a href="'.esc_url($cl_redata['linkedin_link']).'" class="a1" data-animate="fadeInUp" title="linkedin"><i class="moon-linkedin"></i></a>';
                                                    if($cl_redata['instagram_link'] != '')
                                                        $output .= '<a href="'.esc_url($cl_redata['instagram_link']).'" class="a1" data-animate="fadeInUp" title="instagram"><i class="moon-instagram"></i></a>';
                                                    if($cl_redata['mail_link']!= '')
                                                        $output .= '<a href="'.esc_url($cl_redata['mail_link']).'" class="a1" data-animate="fadeInUp" title="mail"><i class="moon-mail"></i></a>';
                                                    if($cl_redata['profile_link']!= '')
                                                        $output .= '<a href="'.esc_url($cl_redata['profile_link']).'" class="a1" data-animate="fadeInUp" title="profile"><i class="moon-link"></i></a>';

Best regards!

Viewing 12 reply threads

You must be logged in to reply to this topic.

Community Forums

Site Links

Useful Articles

Login