Customer experience | Sales, Customer Insights,...

Portal Profile Page Side Navigation Liquid Web Template

(0) Share

Report

Posted on by Mohammad.Ali.Itani

I have created a custom profile page to meet certain requirements, but I still need to add the left side Profile Navigation.

Below is the Web Template code I am using, Please fill the missing web template name:


 
  {% block breadcrumbs %}
      {% include 'Breadcrumbs' %}
    {% endblock %}
  {% block title %}
    {% include 'Page Header' %}
  {% endblock %}
 
 
  
   {% block aside %}
	{% include '***** Profile Navigation Web Template Name HERE *****' %}
   {% endblock %}
  
  
   {% block main %}
    {% entityform name: 'Profile Web Form' %}
   {% endblock %}

Thank you,

Mohammad

I have the same question (0)

All responses (3)

Answers (0)

Suggested answer

RaviKashyap 55,410 Moderator on at

Like (1)

Report

Hi Mohammad,

I have updated profile pages but never created a customized web template. This is because the profile page's page template type is Rewrite and not web template.

Can you please share what exactly you need to change with respect to out of box profile page? Is it just the field/ conent in the profile page then you can either update out of box contact form "Profile Web Form" or create a new web form and create a new web page with this as the entity form using the page template as the out of box Profile only.

Hope this helps.

Was this reply helpful? Yes No
Suggested answer

Mahendar Pal 45,095 on at

Like (1)

Report

Agree with Ravi,

You can't use web template with profile, but you can use jquery to control some of the content of profile page, Sharing your requirement will help others to suggest you solution.

You can look for how to use jquery : http://himbap.com/blog/?p=3174

Was this reply helpful? Yes No
cloflyMao 25,210 on at

Like (0)

Report
Hi Mohammad,

It seems that left side profile navigation is just consisted of some list items and static links,

so you could copy these elements by browser element inspector directly, then create a web template to save the copied snippet,

then include it in parent Web Template.(change those static links to what you require)

For me, I saved whole profile page to local machine and found the corrensponding snippet.

Parent Web Template: (based on your code)

Child web template 'Left Side Profile Navigation' and its code from source code:

Tester Contact

Profile

Security

Change Password Change Email Manage External Authentication

Result:

The only issue is that the copied profile pic link element exceeded its inner image size a bit.(66px vs 62px) You’ll see it on the enlarged screenshot.

Currently I don't know why it happened for the copied.

Regards,

Clofly

Was this reply helpful? Yes No