Our website is made up of WordPress pages and HubSpot pages. On our WordPress pages, we have been successful in serving videos from a server called " Learning Core " https://learningcore.net/ We just upload videos to their FTP directory. We util Leer más
On this "preview" page (see screenshots if unable to view): https://app.hubspot.com/content/3377481/edit/46046586513/content?utm_source=sprocket-menu There is a tabbed section near the bottom of the page (see " tabbed section.png ") There are Leer más
I'm trying to create a custom "TAB" module ( Product - Featured Tabs v2 - TEST ) that has a feature available for each tab title category , which will allow me to add "multiple rows" of content (text block and image) inside of each tab tit Leer más
@webdew Thank you so much for sharing this! This will help me to see better how a tabbed module is constructed in code. I really appreciate this! ?...Leer más
I'm trying to create a custom "TAB" module ( Product - Featured Tabs v2 - TEST ) that has a feature available for each tab title category , which will allow me to add "multiple rows" of content (text block and image) inside of each tab tit Leer más
@webdew Thank you so much for sharing this! This will help me to see better how a tabbed module is constructed in code. I really appreciate this! ?...Leer más
I'm trying to create a custom "TAB" module ( Product - Featured Tabs v2 - TEST ) that has a feature available for each tab title category , which will allow me to add "multiple rows" of content (text block and image) inside of each tab tit Leer más
@webdew Thank you so much for sharing this! This will help me to see better how a tabbed module is constructed in code. I really appreciate this! ?...Leer más
I'm trying to create a custom "TAB" module ( Product - Featured Tabs v2 - TEST ) that has a feature available for each tab title category , which will allow me to add "multiple rows" of content (text block and image) inside of each tab tit Leer más
@webdew Thank you so much for sharing this! This will help me to see better how a tabbed module is constructed in code. I really appreciate this! ?...Leer más
Our website is made up of WordPress pages and HubSpot pages. On our WordPress pages, we have been successful in serving videos from a server called " Learning Core " https://learningcore.net/ We just upload videos to their FTP directory. We util Leer más
On this "preview" page (see screenshots if unable to view): https://app.hubspot.com/content/3377481/edit/46046586513/content?utm_source=sprocket-menu There is a tabbed section near the bottom of the page (see " tabbed section.png ") There are Leer más
I'm trying to create a custom "TAB" module ( Product - Featured Tabs v2 - TEST ) that has a feature available for each tab title category , which will allow me to add "multiple rows" of content (text block and image) inside of each tab tit Leer más
@webdew Thank you so much for sharing this! This will help me to see better how a tabbed module is constructed in code. I really appreciate this! ?...Leer más
I am very new at working with any part of the "email" section of HubSpot. I have recently been asked to create a new "unique" email template that has a 700px width. It should look like our current emails but with a 700px width (only assigned to the Leer más
I just received this advice from someone on SprocketTalk: You could rebuild that with the DND emails and set your max width manually for that email....Leer más
I need the CTA that is on this Blog "main page" ( https://blog.socialstudies.com/ ) included on the Category and Author pages. @piersg @albertsg 1. Blog Main Page (This page is OK) 2. Need CTA on Category page. 3. Need CTA on Author Leer más
Hi Kevin, you are correct, I did use that mark up to prevent it from populating those pages, this was only because of the where the CTA was appearing...Leer más
Regarding this Blog page: https://blog.socialstudies.com/ I'm very new to editing the Blog page. We currently have a CTA that needs to be : 1. Added to the top of the Category pages (see Category Page.png ) 2. Added to the top of the Leer más
//
//
//
//
//
(function($) {
//START END-USER CONFIGURATION
//------------------------------
//selectors for hover card triggers
var allHoverCardTriggers = '.author-name-link,.friend-list .friend a,.username a,.avatar,.user-avatar,.author-img, .authors a, .messageauthorusername a, a.lia-user-name-link, .js-latest-post-by-from a, .user-online-list li a, a.UserAvatar, .customUsersOnline a, #authors a,.dashboard-followers a.user-name, .dashboard-following a.user-name,.author-login-wrapper a, .hb-leaderboard a, .author-img-floated';
// Forward calling page's URL params to endpoint URL as well, helps with testing!
var params = (new URL(location.href)).searchParams;
var userApiUrl = '/plugins/custom/hubspot/hubspot/hovercardendpoint?' + ((params.set('user_id', '') == []._) && params.toString());
if($('.hover-card-container').length<1){
$('body').append('');
}
var cardWrapper = $('.hover-card-container');
var error = false;
var thisUserID = '';
var thisUserLogin = '';
var userLink ='';
var cardTimer;
var leaveTimer;
function mouseenter(Elem) {
var thisEl = Elem;
cardTimer = setTimeout(function(){
var docWidth = $(document).width();
var rightSide = false;
var userLink = thisEl.attr('href');
if($('.ViewProfilePage').length && $('img.lia-user-avatar-profile',thisEl).length){thisUserID = '125801';}
else if(thisEl.attr('href')=='#' || thisEl.attr('href')=='' || !userLink.match('viewprofilepage')){
return false;}
else{
var thisLen = (userLink).split('/');
thisUserID = (thisLen)[thisLen.length-1];
}
var thisCard = $('.profileCard[data-user='+thisUserID+']',cardWrapper);
var cardId = 'userProfileCard-'+ thisUserID;
var addAttr = thisEl.attr('aria-describedby',cardId);
var thisElTopOffset = Math.round(thisEl.offset().top+(thisEl.height()/2)+30);
var thisElbottomoffset = "auto";
var className = "";
var winHeight = $(window).height();
var elOffset = thisEl.offset();
var scrollTop = $(window).scrollTop();
var elementOffset = thisEl.offset().top;
var distanceTop = (elementOffset - scrollTop);
var distanceBottom = (winHeight + scrollTop) - (elOffset.top + thisEl.outerHeight(true));
var distanceLeft = Math.round(thisEl.offset().left);
var bodyHight = $('body').height();
var topParam = '';
var bottomparam = '';
var position = '';
var className = 'topArrow';
cardId
if(distanceBottom < 300 ){
if(distanceLeft < 59){
thisCard.removeClass('bottomArrow');
var className = 'leftArrow';
var distanceLeft = (distanceLeft)+(39);
var thisElTopOffset = (thisElTopOffset)-(150);
}else{
var thisElTopOffset = (thisElTopOffset)-(301); var className = 'bottomArrow'; thisCard.removeClass('topArrow');
thisCard.removeClass('leftArrow');
var distanceLeft = (distanceLeft)-(45);
}
}
else{
if(distanceLeft < 59){
thisCard.removeClass('topArrow');
var className = 'leftArrow';
var distanceLeft = (distanceLeft)+(39);
var thisElTopOffset = (thisElTopOffset)-(150);
}else{
thisCard.removeClass('leftArrow');
thisCard.removeClass('bottomArrow').addClass('topArrow');
var distanceLeft = (distanceLeft)-(45);
}
}
if(thisCard.length && $('.profileCard[data-user='+thisUserID+'] .preloader',cardWrapper).length<1){
$('.profileCard',cardWrapper).hide();
thisCard.addClass(className);
rightSide?thisCard.addClass('rightArrow'):thisCard.removeClass('rightArrow');
thisCard.delay(0).css({'top':(thisElTopOffset),'left':distanceLeft,'bottom':thisElbottomoffset}).fadeIn();
} else {
var ajaxReturn = '';
//just in case
thisCard.remove();
//hover card wrapper markup
var rightArrowClass = rightSide?'rightArrow':'';
if(thisElTopOffset != "auto"){
topParam = 'px';
}
if(thisElbottomoffset != "auto"){
bottomparam = 'px';
}
var profileCardHtml = '';
$.when(
//get the background
$.ajax({
type: 'GET',
url: userApiUrl+thisUserID,
dataType: 'html',
success: function(data) {
$('.profileCard',cardWrapper).hide();
ajaxReturn = data;
}
})
)
.done(function(){
cardWrapper.append(profileCardHtml);
$('.profileCard[data-user='+thisUserID+']',cardWrapper).eq(0).empty().html(ajaxReturn);
if($('.profileCard[data-user='+thisUserID+'] .preloader',cardWrapper).length){
$('.profileCard[data-user='+thisUserID+'] .preloader',cardWrapper).parents('div.profileCard').remove();
}
})
.fail(function(){
//uh oh - bail out!
$('.profileCard',cardWrapper).hide();
});
}
}, 360);
}
function mouseleave(e) {
clearTimeout(cardTimer);
// glowingblue: When the user leaves the hovercard trigger, wait because the leaving could be
// to interact with the hovercard, if we don't wait it will just disappear...because
// we left the trigger, right...so we'll have another handler that check if the mouse is
// over the hovercard and if so clears this timer, so the card doesn't close here
leaveTimer = setTimeout(function() {
if ($('.profileCard[data-user="'+thisUserID+'"]',cardWrapper).length) {
$('.profileCard[data-user="'+thisUserID+'"]',cardWrapper).fadeOut('fast');
} else {
$(".profileCard").fadeOut('fast');
}
}, 2400);
}
$(document).on("mouseenter focusin", allHoverCardTriggers, function(event) {
if(!($(this).parents().hasClass('custom-header'))&& !($(this).parents().hasClass('green-wrap'))){
(leaveTimer !== []._) && clearTimeout(leaveTimer);
mouseenter($(this));
event.stopPropagation();
}
});
$(document).on("mouseleave focusout", allHoverCardTriggers, function(event) {
(leaveTimer !== []._) && clearTimeout(leaveTimer);
mouseleave(event);
event.stopPropagation();
});
// glowingblue: Add handlers for when the users interacts with the hovercard, no closing!
$('.hover-card-container').on('mouseenter', function(e) {
(leaveTimer !== []._) && clearTimeout(leaveTimer);
});
$('.hover-card-container').on('mouseleave', function(e) {
(leaveTimer !== []._) && clearTimeout(leaveTimer);
if ( $(e.target).is('.profileCard[style*="block"]') ) {
leaveTimer = setTimeout(function() {
$(e.target).fadeOut('fast');
}, 2400);
}
});
// glowingblue: add one global root level click handler to also close any visible hovercards
// if the user taps/clicks outside the hovercard
$(document).on('mousedown', function(e) {
if ( !$(e.target).parents('.hover-card-container').length ) {
(leaveTimer != []._) && clearTimeout(leaveTimer);
$('.hover-card-container .profileCard[style*="block"]').each(function() {
$(this).fadeOut('fast');
});
}
});
})(LITHIUM.jQuery);
(function($) {
$(document).ready(function(){
var originalElementId;
function setCookie(cname,cvalue,exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays*24*60*60*1000));
var expires = "expires=" + d.toGMTString();
document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}
function getCookie(cname) {
var name = cname + "=";
var decodedCookie = decodeURIComponent(document.cookie);
var ca = decodedCookie.split(';');
for(var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') {
c = c.substring(1);
}
if (c.indexOf(name) == 0) {
return c.substring(name.length, c.length);
}
}
return "";
}
function errorDisplay(errType) {
var errAuth = '
Para acceder a esta zona de la Comunidad, inicia sesión.
';
var errAuthLogin = '
To access HubFans and complete challenges, confirm you are logged in by clicking here. Find additional troubleshooting steps here
';
var noBadges = '
To start earning advocacy badges go to the HubFan advocacy program page and start completing advocacy challenges.
';
var noAsks = '
Hooray! No more challenges for you to complete today. Check back in for more challenges tomorrow.