We are transitioning over to a new forum platform. Please post new issues there. Existing threads will be dealt with here unless you choose to move them over. Visit the new forum

Forum

Thread tagged as: Problem, Meta

Facebook OG in portfolio detail page

Hi!

I recently posted an issue (http://forum.grabaperch.com/forum/06-14-2017-meta-data-in-portfolio-detail-page) about trying to get the Facebook Open Graph into the portfolio detail pages. I thought it was sorted but going into the source code it shows all of the available facebook tags for every portfolio item (see below)


<!DOCTYPE html> <html lang=""> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>John Mark Films - Luxurious, creative, inspiring wedding videos</title> <!-- Bootstrap CSS --> <link rel="stylesheet" href="css/bootstrap.min.css"> <!-- Font --> <link rel="stylesheet" href="css/font-awesome.min.css"> <link rel="stylesheet" href="css/elegant-font.css"> <link rel="stylesheet" href="css/linearicons.css"> <!-- REVOLUTION STYLE SHEETS --> <link rel="stylesheet" type="text/css" href="revolution/css/settings.css"> <!-- REVOLUTION LAYERS STYLES --> <link rel="stylesheet" type="text/css" href="revolution/css/layers.css"> <!-- REVOLUTION NAVIGATION STYLES --> <link rel="stylesheet" type="text/css" href="revolution/css/navigation.css"> <!-- OWL CAROUSEL ================================================== --> <link rel="stylesheet" href="css/owl.carousel.css"> <!-- SCROLL BAR MOBILE MENU ================================================== --> <meta property="og:site_name" content="" /> <meta property="og:url" content="http://player.vimeo.com/video/223138475" /> <meta property="og:title" content="Sophie &amp; Spencer" /> <meta property="og:description" content="" /> <meta property="og:video" content="http://player.vimeo.com/video/223138475" /> <meta property="og:type" content="website" /> <meta property="og:site_name" content="" /> <meta property="og:url" content="http://player.vimeo.com/video/220651962" /> <meta property="og:title" content="Oldwalls, Gower" /> <meta property="og:description" content="" /> <meta property="og:video" content="http://player.vimeo.com/video/220651962" /> <meta property="og:type" content="video" /> <meta property="og:site_name" content="" /> <meta property="og:url" content="http://player.vimeo.com/video/220012907" /> <meta property="og:title" content="Hannah &amp; Owen" /> <meta property="og:description" content="" /> <meta property="og:video" content="http://player.vimeo.com/video/220012907" /> <meta property="og:type" content="website" /> <meta property="og:site_name" content="" /> <meta property="og:url" content="http://player.vimeo.com/video/217809612" /> <meta property="og:title" content="" /> <meta property="og:description" content="" /> <meta property="og:video" content="http://player.vimeo.com/video/" /> <meta property="og:site_name" content="" /> <meta property="og:url" content="http://player.vimeo.com/video/214009710" /> <meta property="og:title" content="Alex &amp; Alun" /> <meta property="og:description" content="" /> <meta property="og:video" content="http://player.vimeo.com/video/214009710" /> <meta property="og:type" content="website" /> <meta property="og:site_name" content="" /> <meta property="og:url" content="http://player.vimeo.com/video/211637553" /> <meta property="og:title" content="" /> <meta property="og:description" content="" /> <meta property="og:video" content="http://player.vimeo.com/video/" /> <meta property="og:site_name" content="" /> <meta property="og:url" content="http://player.vimeo.com/video/196611146" /> <meta property="og:title" content="" /> <meta property="og:description" content="" /> <meta property="og:video" content="http://player.vimeo.com/video/" /> <link rel="stylesheet" href="css/jquery.mCustomScrollbar.css" /> <!-- Main Style --> <link rel="stylesheet" href="style.css"> <!-- color scheme --> <link rel="stylesheet" href="switcher/demo.css" type="text/css"> <link rel="stylesheet" href="switcher/colors/yellow.css" type="text/css" id="colors"> <!-- Favicons ================================================== --> <link rel="shortcut icon" href="favicon.png"> </head>

Below is my code, what am I doing wrong? I'm practically there but can't get just the one set of tags.

Thank you!

<?php

include('admin/runtime.php');?>

<!DOCTYPE html>
<html lang="">
   <head>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <title>John Mark Films - Luxurious, creative, inspiring wedding videos</title>
      <!-- Bootstrap CSS -->
      <link rel="stylesheet" href="css/bootstrap.min.css">
      <!-- Font -->
      <link rel="stylesheet" href="css/font-awesome.min.css">
      <link rel="stylesheet" href="css/elegant-font.css">
      <link rel="stylesheet" href="css/linearicons.css">
      <!-- REVOLUTION STYLE SHEETS -->
      <link rel="stylesheet" type="text/css" href="revolution/css/settings.css">
      <!-- REVOLUTION LAYERS STYLES -->
      <link rel="stylesheet" type="text/css" href="revolution/css/layers.css">
      <!-- REVOLUTION NAVIGATION STYLES -->
      <link rel="stylesheet" type="text/css" href="revolution/css/navigation.css">
      <!-- OWL CAROUSEL
         ================================================== --> 
      <link rel="stylesheet" href="css/owl.carousel.css">
      <!-- SCROLL BAR MOBILE MENU
         ================================================== --> 
         <?php

 perch_content_custom('Weddings', array(        
      'template' => 'facebook-seo.html',    
    ));

    ?>
      <link rel="stylesheet" href="css/jquery.mCustomScrollbar.css" />


      <!-- Main Style -->
      <link rel="stylesheet" href="style.css">
      <!-- color scheme -->
      <link rel="stylesheet" href="switcher/demo.css" type="text/css">
      <link rel="stylesheet" href="switcher/colors/yellow.css" type="text/css" id="colors">
      <!-- Favicons
         ================================================== -->
      <link rel="shortcut icon" href="favicon.png">
   </head>
   <body>
<?php include('includes/analyticstracking.php'); ?>
      <?php include('includes/navigation.php');?>


                <?php perch_content_custom('Weddings', array(
'page'=>'/films.php',
'template'=> 'wedding_detail.html',
'filter' => 'slug',
'match' => 'eq',
'value' => perch_get('s'),
'count' => 1,

));


        ?>
Jade Marling

Jade Marling 0 points

  • 1 year ago
Simon Clay

Simon Clay 127 points

Hi Jade,

You just need to filter it as you've done for the listing at the bottom. Eg:

<?php perch_content_custom('Weddings', array( 
'page'=>'/films.php', 
'template' => 'facebook-seo.html', 
'filter' => 'slug', 
'match' => 'eq', 
'value' => perch_get('s'), 
));   
?>

Great thank you, Simon!