Posts

Showing posts with the label Custom Module

Create number pagination in custom module using jQuery

DEMO =============================== https://info.boosterthon.com/design/design-archive/school-names-logos/ https://boosterspiritwear.com/design/design-archive/school-names-logos/ HTML =============================== <div class="col-wrapper">    <div class="col-group"></div>    <div class="col-group"></div>    <div class="col-group"></div>    <div class="col-group"></div> </div> JS =============================== //=== wrap in page section var divs = $(".col-wrapper .col-group"); for(var i = 0; i < divs.length; i+=32) {   divs.slice(i, i+32).wrapAll("<div class='page'></div>"); } $('.col-wrapper > .page').each(function(i){   i = i + 1;   $(this).addClass('page'+i) }); //=== generate page count var totalLength = $('.col-wrapper > .page').length; var pages = totalLength; if( ...
Post a Comment
Read more

JOB SEEKERS || hubdb with Load more and search

Image
{% set tableId = 966966 %} {% set dynamic_page_hubdb_table_id = 966966 %} {% if dynamic_page_hubdb_row %} <!--- Post Page Code start ---> <div class="job-seeker-post-page-group">   <div class="custom-job-left-container">     <div class="jod-heading">       <h1 class="job-description">Job Description</h1>       <div class="custom-btn-share-container">         <div class="share-outlets clearfix">           <a class="mail" target="_blank" href="mailto:?subject={{dynamic_page_hubdb_row.hs_name}}&amp;body=Check out this {{dynamic_page_hubdb_row.hs_name}} job: {{ content.absolute_url }}" class="product_share_email"><i class="ss-mail"></i></a>           <a class="twitter" target="_blank" href="https://twitter.com/share?url={{ content.absolute_url }}"  class...
Post a Comment
Read more

Call Data from One Page to Another

{% set module_name = "Event Module" %} {# Set the name Of module #} {% for targeted_module in page_by_id(module.select_page).widgets %} <!-- select_page || page option --> {% if targeted_module.body.widget_name == module_name %} {% set eventList = targeted_module.body.add_event %} <!-- add_event  || Group name of filled data --> <h2>Upcoming Events</h2> <div class="event-module">   <div class="event-item-wrapper">     {% for item in eventList|sort(False, False, 'date') %}     {% if loop.index <= module.number_of_item_to_show %}     <div class="event-item">       <div class="event-image">         {% if item.image.src %}         <img src="{{ item.image.src }}" alt="{{ item.image.alt }}" width="{{ item.image.width }}" height="{{ item.image.height }}">         {% endif %}       </div> ...
Post a Comment
Read more

Add more than one map in a same page using custom module in hubspot.

Html ================================== <div class="offices-group"> <h4 class="offices-heading">{{ module.heading }}</h4>   <div class="offices-wrapper">     {% for item in module.office_item %}     <div class="office-col">       <div class="office-inner">         <h5 class="office-title">{{ item.location }}</h5>         <p class="office-address">{{ item.address }}</p>         <div id="map-aux{{ loop.index }}" style="height: 325px; width: 100%;"></div>       </div>     </div>     {% endfor %}   </div> </div> ---------------------------------------------------------- JS ================================== <script src="map1.js"></script> <script>   {% for item in module.office_item %} function initMap{{ loop....
Post a Comment
Read more