CMS Development

BriDehlinger
Participant

Editing Custom Module in HubL

I am trying to update this page: https://www.arachnys.com/about/management-team

 

I need to add additional team members and change photos. 

 

The module is created in HubL and I have never edited a HubL module. I tried a few tutorial videos, but I think I am in over my head. 

 

Any advice? Perhaps I could share the HubL script? 

 

 

0 Votes
3 Réponses
Stephanie-OG
Conseiller clé

Editing Custom Module in HubL

Hi there!

 

Often times if it's a module that's been created in HubL, the developer will have included some options that can be edited directly on the page without having to update the module, but it really depends on how the module was built. 

 

Are there fields on the right-hand side of the module? Perhaps if you could copy and paste the module code, we can help figure out how it was built and how to make changes. 

 

 


Stephanie O'Gay Garcia
HubSpot Design / Development / Automation

 

Website | Contact

0 Votes
BriDehlinger
Participant

Editing Custom Module in HubL

Hi Stephanie! 

 

Thank you for your help! 

 

When I try to edit the module at the page level, this is what I see: On page module edit.JPG

 

This is the code that is in the custom module: 

 

<!-- grid container start -->
<div class="grid-container">

<h3 class="page-area-title" id="team-executive">Executive</h3>

<ul class="team-list">

{# Get the Team Members from the HubDB #}
{# Table ID in Database is below, within paranthesis, take note of this #}

{% for row in hubdb_table_rows(510179, options) %}

<li class="team-item">

<div class="team-photo-container">
<div class="team-photo">
<img src="{{ row.team_executive_image.url }}" width="264" alt="{{ row.team_executive_name }}" />
</div>
<div class="team-shape">
<p class="team-text team-name">{{ row.team_executive_name }}</p>
<p class="team-text team-job">{{ row.team_executive_job_title }}</p>
</div>
</div>
<div class="team-item-description">
{{ row.team_executive_summary }}
</div>

</li>

{% endfor %}

</ul>




<h3 class="page-area-title" id="team-directors">Directors</h3>

<ul class="team-list">

{# Get the Team Members from the HubDB #}
{# Table ID in Database is below, within paranthesis, take note of this #}

{% for row in hubdb_table_rows(350145, options) %}

<li class="team-item">

<div class="team-photo-container">
<div class="team-photo">
<img src="{{ row.team_directors_image.url }}" width="264" alt="{{ row.team_directors_name }}" />
</div>
<div class="team-shape">
<p class="team-text team-name">{{ row.team_directors_name }}</p>
<p class="team-text team-job">{{ row.team_directors_job_title }}</p>
</div>
</div>
<div class="team-item-description">
{{ row.team_directors_summary }}
</div>

</li>

{% endfor %}

</ul>




<h3 class="page-area-title" id="team-advisors">Advisors</h3>

<ul class="team-list">

{# Get the Team Members from the HubDB #}
{# Table ID in Database is below, within paranthesis, take note of this #}

{% for row in hubdb_table_rows(550154, options) %}

<li class="team-item">

<div class="team-photo-container">
<div class="team-photo">
<img src="{{ row.team_advisors_image.url }}" width="264" alt="{{ row.team_advisors_name }}" />
</div>
<div class="team-shape team-no-job">
<p class="team-text team-name">{{ row.team_advisors_name }}</p>
<p class="team-text team-job">{{ row.team_advisors_job_title }}</p>
</div>
</div>
<div class="team-item-description">
{{ row.team_advisors_summary }}
</div>

</li>

{% endfor %}

</ul>


</li>

{% endfor %}

</ul>

 

</li>

{% endfor %}

</ul>


</li>

{% endfor %}

</ul>



</li>

{% endfor %}

</ul>

</div>

</li>

{% endfor %}

</ul>


</div>
<!-- grid container end -->

 

What is the easiest way for me to update images and text for this module? 

0 Votes
Stephanie-OG
Conseiller clé

Editing Custom Module in HubL

It seems they used HubDB (HubSpot's own mini-databases) for each of the profiles, which should make it pretty easy to edit.

 

HubSpot has instructions on how to find the table here. You should be able to find it under Marketing > Website > Website Pages > More Tools > HubDB.

 

 

They seem to have split it into three tables: 

  • ID 510179 for Executives
  • ID 350145 for Directors
  • ID 550154 for Advisors

Clicking on Actions > Edit for any table should allow you to update information or add in new information. 


Stephanie O'Gay Garcia
HubSpot Design / Development / Automation

 

Website | Contact

0 Votes