{"id":26030,"date":"2022-08-19T10:15:42","date_gmt":"2022-08-19T14:15:42","guid":{"rendered":"https:\/\/plumrocket.com\/docs\/?p=26030"},"modified":"2022-08-19T10:15:44","modified_gmt":"2022-08-19T14:15:44","slug":"how-to-set-a-custom-location-for-a-user-profile-photo","status":"publish","type":"post","link":"https:\/\/plumrocket.com\/docs\/magento-social-login-pro\/v4\/devguide\/profile-photo-location","title":{"rendered":"How to Set a Custom Location for a User Profile Photo"},"content":{"rendered":"\n

By default, Magento 2 Social Login Pro extension<\/a> displays customer profile photos next to the username in the header. Please follow the guide below to manually set their custom location.<\/p>\n\n\n\n

\n
\n
\n
\n

Changes to be made<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n

\n
\n

Customer photo on My Account page<\/strong><\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n

\n
\n

Go to the needed phtml file and insert the following code in the place where the customer’s profile photo from the social network should appear:<\/p>\n\n\n\n

<\/div>
<?php if ($photoPath = $this->helper('Plumrocket\\SocialLoginPro\\Helper\\Data')->getPhotoPath()) : ?>\n<img src="<?php echo $photoPath; ?>" \/>\n<?php endif; ?><\/code><\/pre><\/div>\n\n\n\n
\r\n    
Code Example<\/p>\r\n\r\n    
Please paste the above code into the file:<\/p>\r\n\r\n    
<\/div>
vendor\/magento\/module-theme\/view\/frontend\/templates\/html\/title.phtml<\/code><\/pre><\/div>\r\n    \r\n    
Result will be as follows:<\/p>\r\n\r\n
<\/div>
$cssClass = $block->getCssClass() ? ' ' . $block->getCssClass() : '';\n    $title = '';\n    if (trim($block->getPageHeading())) {\n    $title = '<span class="base" data-ui-id="page-title-wrapper" ' . $block->getAddBaseAttribute() . '>'\n     . $block->escapeHtml($block->getPageHeading()) . '<\/span>';\n    }\n    ?>\n    <?php if ($title): ?>\n    \n    <?php if ($photoPath = $this->helper('Plumrocket\\SocialLoginPro\\Helper\\Data')->getPhotoPath()) : ?>\n    <img src="<?php echo $photoPath; ?>" \/>\n    <?php endif; ?>\n    \n    <div class="page-title-wrapper<?php \/* @escapeNotVerified *\/ echo $cssClass; ?>">\n    <h1 class="page-title"\n     <?php if ($block->getId()): ?> id="<?php \/* @escapeNotVerified *\/ echo $block->getId();?>" <?php endif; ?>\n     <?php if ($block->getAddBaseAttributeAria()): ?>\n     aria-labelledby="<?php \/* @escapeNotVerified *\/ echo $block->getAddBaseAttributeAria(); ?>"\n     <?php endif; ?>>\n     <?php \/* @escapeNotVerified *\/ echo $title ?>\n    <\/h1>\n    <?php echo $block->getChildHtml(); ?>\n    <\/div>\n    <?php endif; ?><\/code><\/pre><\/div>\r\n<\/div><\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n
\n
\n
1. Social Login Pro buttons on the My Account page.<\/p>\n\n\n\n
\"Magento<\/figure>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
By default, Magento 2 Social Login Pro extension displays customer profile photos next to the username in the header. Please follow the guide below to manually set their custom location. Changes to be made Customer photo on My Account page Go to the needed phtml file and insert the following code in the place where … <\/p>\n
Continue reading “How to Set a Custom Location for a User Profile Photo”<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[360],"tags":[],"class_list":["post-26030","post","type-post","status-publish","format-standard","hentry","category-magento-social-login-pro-v4-devguide","entry"],"yoast_head":"\nHow to Set a Custom Location for a User Profile Photo - Plumrocket Documentation<\/title>\n<meta name=\"description\" content=\"By default, Magento 2 Social Login Pro extension displays customer profile photos next to the username in the header. Please follow the guide below to\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/plumrocket.com\/docs\/magento-social-login-pro\/v4\/devguide\/profile-photo-location\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Set a Custom Location for a User Profile Photo - Plumrocket Documentation\" \/>\n<meta property=\"og:description\" content=\"By default, Magento 2 Social Login Pro extension displays customer profile photos next to the username in the header. Please follow the guide below to\" \/>\n<meta property=\"og:url\" content=\"https:\/\/plumrocket.com\/docs\/magento-social-login-pro\/v4\/devguide\/profile-photo-location\" \/>\n<meta property=\"og:site_name\" content=\"Plumrocket Documentation\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-19T14:15:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-19T14:15:44+00:00\" \/>\n<meta name=\"author\" content=\"Plumrocket\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Plumrocket\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Set a Custom Location for a User Profile Photo - Plumrocket Documentation","description":"By default, Magento 2 Social Login Pro extension displays customer profile photos next to the username in the header. Please follow the guide below to","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/plumrocket.com\/docs\/magento-social-login-pro\/v4\/devguide\/profile-photo-location","og_locale":"en_US","og_type":"article","og_title":"How to Set a Custom Location for a User Profile Photo - Plumrocket Documentation","og_description":"By default, Magento 2 Social Login Pro extension displays customer profile photos next to the username in the header. Please follow the guide below to","og_url":"https:\/\/plumrocket.com\/docs\/magento-social-login-pro\/v4\/devguide\/profile-photo-location","og_site_name":"Plumrocket Documentation","article_published_time":"2022-08-19T14:15:42+00:00","article_modified_time":"2022-08-19T14:15:44+00:00","author":"Plumrocket","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Plumrocket","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/plumrocket.com\/docs\/magento-social-login-pro\/v4\/devguide\/profile-photo-location#article","isPartOf":{"@id":"https:\/\/plumrocket.com\/docs\/magento-social-login-pro\/v4\/devguide\/profile-photo-location"},"author":{"name":"Plumrocket","@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/c96fccdb89342ae6804272265723eca8"},"headline":"How to Set a Custom Location for a User Profile Photo","datePublished":"2022-08-19T14:15:42+00:00","dateModified":"2022-08-19T14:15:44+00:00","mainEntityOfPage":{"@id":"https:\/\/plumrocket.com\/docs\/magento-social-login-pro\/v4\/devguide\/profile-photo-location"},"wordCount":100,"articleSection":["Developer Guide"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/plumrocket.com\/docs\/magento-social-login-pro\/v4\/devguide\/profile-photo-location","url":"https:\/\/plumrocket.com\/docs\/magento-social-login-pro\/v4\/devguide\/profile-photo-location","name":"How to Set a Custom Location for a User Profile Photo - Plumrocket Documentation","isPartOf":{"@id":"https:\/\/plumrocket.com\/docs\/#website"},"datePublished":"2022-08-19T14:15:42+00:00","dateModified":"2022-08-19T14:15:44+00:00","author":{"@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/c96fccdb89342ae6804272265723eca8"},"description":"By default, Magento 2 Social Login Pro extension displays customer profile photos next to the username in the header. Please follow the guide below to","breadcrumb":{"@id":"https:\/\/plumrocket.com\/docs\/magento-social-login-pro\/v4\/devguide\/profile-photo-location#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/plumrocket.com\/docs\/magento-social-login-pro\/v4\/devguide\/profile-photo-location"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/plumrocket.com\/docs\/magento-social-login-pro\/v4\/devguide\/profile-photo-location#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Magento 2 Extensions","item":"https:\/\/plumrocket.com\/magento-extensions"},{"@type":"ListItem","position":2,"name":"Magento 2 Social Login Pro","item":"https:\/\/plumrocket.com\/magento-social-login-pro"},{"@type":"ListItem","position":3,"name":"Documentation","item":"https:\/\/plumrocket.com\/docs\/magento-social-login-pro"},{"@type":"ListItem","position":4,"name":"v4","item":"https:\/\/plumrocket.com\/docs\/magento-social-login-pro\/v4"},{"@type":"ListItem","position":5,"name":"Developer Guide","item":"https:\/\/plumrocket.com\/docs\/magento-social-login-pro\/v4\/devguide"},{"@type":"ListItem","position":6,"name":"How to Set a Custom Location for a User Profile Photo"}]},{"@type":"WebSite","@id":"https:\/\/plumrocket.com\/docs\/#website","url":"https:\/\/plumrocket.com\/docs\/","name":"Plumrocket Documentation","description":"Extensions docs, troubleshootings etc.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/plumrocket.com\/docs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/c96fccdb89342ae6804272265723eca8","name":"Plumrocket","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/30d7e8cb4567485b56880a1658849a1252ac12806e8f95b3be71e986bf5eabee?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/30d7e8cb4567485b56880a1658849a1252ac12806e8f95b3be71e986bf5eabee?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/30d7e8cb4567485b56880a1658849a1252ac12806e8f95b3be71e986bf5eabee?s=96&d=mm&r=g","caption":"Plumrocket"}}]}},"_links":{"self":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/26030","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/comments?post=26030"}],"version-history":[{"count":2,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/26030\/revisions"}],"predecessor-version":[{"id":26033,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/26030\/revisions\/26033"}],"wp:attachment":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/media?parent=26030"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/categories?post=26030"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/tags?post=26030"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}