Social footer (how to change the social networks)

Forums    Joomla Templates Club    Uber    Social footer (how to change the social networks)
Viewing 15 posts - 1 through 15 (of 43 total)
1 2 3
  • Author
    Posts
  • cyclist87 Friend
    May 26, 2015 at 5:50 am #206634

    Hi,

    I am wondering how to add field (social details) to the module ACM footer in UBER

    Would like to add or switch to have Vimeo, Youtube inteasd of Pinterest / Linkedin…

    Any idea how to fix this ?

    1. Capture-dcran-2015-05-25-18.49.14
    pavit Moderator
    May 26, 2015 at 12:52 pm #571749

    Hi

    You can edit this file templatesuberacmfootertmplstyle-1.php if you are using style-1 footer or other depending on which style you applied then change this :
    FROM :

    <?php if($helper->get('pinterest')): ?>
    <a class="addthis_button_pinterest_follow" addthis:userid="<?php echo $helper->get('pinterest')?>"><i class="fa fa-pinterest"></i></a>
    <?php endif; ?>

    TO;

    <?php if($helper->get('pinterest')): ?>
    <a class="addthis_button_pinterest_follow" addthis:url="https://vimeo.com/"><i class="fa fa-vimeo-square"></i></a>
    <?php endif; ?>

    You can make same change for Youtube

    1 user says Thank You to pavit for this useful post

    1. cyclist87
    linnea Friend
    May 26, 2015 at 3:37 pm #571771

    Is it possible to add more social media features to any of the styles? We currently use 6 different channels and would therefore need one more feature spot.

    pavit Moderator
    May 26, 2015 at 4:12 pm #571777

    Hi @linnea
    <em>@linnea 475004 wrote:</em><blockquote>Is it possible to add more social media features to any of the styles? We currently use 6 different channels and would therefore need one more feature spot.</blockquote>

    I suggest to remove the social features from the footer Ja Acm module and add a custom-html module in the footer-1 position with the same code

    <a class="addthis_button_pinterest_follow" addthis:url="https://vimeo.com/"><i class="fa fa-vimeo-square"></i></a>
    and then have all the social media you needs

    cyclist87 Friend
    May 26, 2015 at 8:22 pm #571821

    <em>@pavit 474972 wrote:</em><blockquote>Hi

    You can edit this file templatesuberacmfootertmplstyle-1.php if you are using style-1 footer or other depending on which style you applied then change this :
    FROM :

    <?php if($helper->get('pinterest')): ?>
    <a class="addthis_button_pinterest_follow" addthis:userid="<?php echo $helper->get('pinterest')?>"><i class="fa fa-pinterest"></i></a>
    <?php endif; ?>

    TO;

    <?php if($helper->get('pinterest')): ?>
    <a class="addthis_button_pinterest_follow" addthis:url="https://vimeo.com/"><i class="fa fa-vimeo-square"></i></a>
    <?php endif; ?>

    You can make same change for Youtube</blockquote>

    Hi Pavit,

    Would it be possible to change my footer without touching the code. When I try using a custom HTML module, the background changes colors. If I can keep the same background with the Ja Advanced ACM Footer, I would prefer that option.

    Is their matching icons, for other social networks (Youtube, Vimeo)

    Thanks

    cyclist87 Friend
    May 26, 2015 at 8:22 pm #736867

    <em>@pavit 474972 wrote:</em><blockquote>Hi

    You can edit this file templatesuberacmfootertmplstyle-1.php if you are using style-1 footer or other depending on which style you applied then change this :
    FROM :

    <?php if($helper->get('pinterest')): ?>
    <a class="addthis_button_pinterest_follow" addthis:userid="<?php echo $helper->get('pinterest')?>"><i class="fa fa-pinterest"></i></a>
    <?php endif; ?>

    TO;

    <?php if($helper->get('pinterest')): ?>
    <a class="addthis_button_pinterest_follow" addthis:url="https://vimeo.com/"><i class="fa fa-vimeo-square"></i></a>
    <?php endif; ?>

    You can make same change for Youtube</blockquote>

    Hi Pavit,

    Would it be possible to change my footer without touching the code. When I try using a custom HTML module, the background changes colors. If I can keep the same background with the Ja Advanced ACM Footer, I would prefer that option.

    Is their matching icons, for other social networks (Youtube, Vimeo)

    Thanks

    cyclist87 Friend
    May 26, 2015 at 8:38 pm #571823

    Or else, how can I change the background on a custom module ?

    cyclist87 Friend
    May 26, 2015 at 8:38 pm #736869

    Or else, how can I change the background on a custom module ?

    cyclist87 Friend
    May 26, 2015 at 9:16 pm #571829

    I tried to edit the file but now I don’t see the new fields;

    <?php
    /**
    * @package T3 Blank
    * @copyright Copyright (C) 2005 - 2012 Open Source Matters, Inc. All rights reserved.
    * @license GNU General Public License version 2 or later; see LICENSE.txt
    */

    defined('_JEXEC') or die;

    $t3doc = T3::getApp();
    $doc = JFactory::getDocument();
    $sitename = $t3doc->params->get('sitename');

    if (!$sitename) {
    $sitename = JFactory::getConfig()->get('sitename');
    }

    // Footer Params
    $fullWidth = $helper->get('full-width');
    $footerBackground = $helper->get('footer-background');
    $footerImg = $helper->get('img');
    $footerBackgroundStyle = '';

    if ($footerImg) {
    $footerBackgroundStyle = 'background-image: url("'.$footerImg.'"); background-repeat: no-repeat; background-size: cover;';
    }

    $enableBreadcrumbs = $helper->get('enable-breadcrumbs');
    $enableBackToTop = $helper->get('enable-backtotop');
    $footerLeftPosition = $helper->get('footer-left-position');
    $footerRightPosition = $helper->get('footer-right-position');
    ?>

    <?php if($enableBackToTop): ?>
    <!-- BACK TOP TOP BUTTON -->
    <div id="back-to-top-<?php echo $module->id; ?>" data-spy="affix" data-offset-top="300" class="back-to-top hidden-xs hidden-sm affix-top">
    <button class="btn btn-primary" title="Back to Top"><i class="fa fa-arrow-up"></i></button>
    </div>
    <script>
    (function($) {
    // Back to top
    $('.back-to-top').on('click', function(){
    $("html, body").animate({scrollTop: 0}, 500);
    return false;
    });
    })(jQuery);
    </script>
    <!-- BACK TO TOP BUTTON -->
    <?php endif; ?>

    <!-- FOOTER -->
    <footer class="wrap uber-footer footer-1 <?php echo $footerBackground; ?>" <?php if($footerImg): ?> style="<?php echo $footerBackgroundStyle; ?>" <?php endif; ?>>
    <?php if($enableBreadcrumbs): ?>
    <nav class="wrap breadcrumb">
    <div class="container">
    <?php echo $helper->renderModule ('breadcrumbs') ?>
    </div>
    </nav>
    <?php endif; ?>
    <section class="uber-footer-inner">
    <?php if(!$fullWidth): ?><div class="container"><?php endif; ?>
    <div class="row">
    <div class="col-xs-12 col-md-7">
    <div class="footer-left">
    <?php if($sitename): ?><h2><?php echo $sitename; ?></h2><?php endif; ?>

    <?php if ($helper->countModules($footerLeftPosition)): ?>
    <?php echo $helper->renderModules ($footerLeftPosition) ?>
    <?php endif; ?>

    <?php if ( $helper->get('facebook') || $helper->get('youtueb') || $helper->get('vimeo-square') || $helper->get('instagram') || $helper->get('linkedin') ): ?>
    <div class="uber-social">
    <div class="addthis_toolbox">
    <?php if($helper->get('facebook')): ?>
    <a class="addthis_button_facebook_follow" addthis:userid="<?php echo $helper->get('facebook')?>"><i class="fa fa-facebook"></i></a>
    <?php endif; ?>

    <?php if($helper->get('youtube')): ?>
    <a class="addthis_button_youtube_follow" addthis:userid="<?php echo $helper->get('youtube')?>"><i class="fa fa-youtube"></i></a>
    <?php endif; ?>

    <?php if($helper->get('vimeo-square')): ?>
    <a class="addthis_button_vimeo_follow" addthis:userid="+<?php echo $helper->get('vimeo-square')?>"><i class="fa fa-vimeo-square"></i></a>
    <?php endif; ?>

    <?php if($helper->get('instagram')): ?>
    <a class="addthis_button_instagram_follow" addthis:userid="<?php echo $helper->get('instagram')?>"><i class="fa fa-instagram"></i></a>
    <?php endif; ?>

    <?php if($helper->get('linkedin')): ?>
    <a class="addthis_button_linkedin_follow" addthis:usertype="company" addthis:userid="<?php echo $helper->get('linkedin')?>"><i class="fa fa-linkedin"></i></a>
    <?php endif; ?>
    </div>
    <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-52c4eb2a034cad83"></script>
    <!-- AddThis Follow END -->
    </div>
    <?php endif; ?>
    </div>
    </div>

    <?php if ($helper->countModules($footerRightPosition)): ?>
    <div class="col-xs-12 col-md-5">
    <div class="footer-right">
    <?php echo $helper->renderModules ($footerRightPosition) ?>
    </div>
    </div>
    <?php endif; ?>

    </div>
    <?php if(!$fullWidth): ?></div><?php endif; ?>
    </section>

    </footer>
    <!-- //FOOTER -->

    cyclist87 Friend
    May 26, 2015 at 9:16 pm #736875

    I tried to edit the file but now I don’t see the new fields;

    <?php
    /**
    * @package T3 Blank
    * @copyright Copyright (C) 2005 - 2012 Open Source Matters, Inc. All rights reserved.
    * @license GNU General Public License version 2 or later; see LICENSE.txt
    */

    defined('_JEXEC') or die;

    $t3doc = T3::getApp();
    $doc = JFactory::getDocument();
    $sitename = $t3doc->params->get('sitename');

    if (!$sitename) {
    $sitename = JFactory::getConfig()->get('sitename');
    }

    // Footer Params
    $fullWidth = $helper->get('full-width');
    $footerBackground = $helper->get('footer-background');
    $footerImg = $helper->get('img');
    $footerBackgroundStyle = '';

    if ($footerImg) {
    $footerBackgroundStyle = 'background-image: url("'.$footerImg.'"); background-repeat: no-repeat; background-size: cover;';
    }

    $enableBreadcrumbs = $helper->get('enable-breadcrumbs');
    $enableBackToTop = $helper->get('enable-backtotop');
    $footerLeftPosition = $helper->get('footer-left-position');
    $footerRightPosition = $helper->get('footer-right-position');
    ?>

    <?php if($enableBackToTop): ?>
    <!-- BACK TOP TOP BUTTON -->
    <div id="back-to-top-<?php echo $module->id; ?>" data-spy="affix" data-offset-top="300" class="back-to-top hidden-xs hidden-sm affix-top">
    <button class="btn btn-primary" title="Back to Top"><i class="fa fa-arrow-up"></i></button>
    </div>
    <script>
    (function($) {
    // Back to top
    $('.back-to-top').on('click', function(){
    $("html, body").animate({scrollTop: 0}, 500);
    return false;
    });
    })(jQuery);
    </script>
    <!-- BACK TO TOP BUTTON -->
    <?php endif; ?>

    <!-- FOOTER -->
    <footer class="wrap uber-footer footer-1 <?php echo $footerBackground; ?>" <?php if($footerImg): ?> style="<?php echo $footerBackgroundStyle; ?>" <?php endif; ?>>
    <?php if($enableBreadcrumbs): ?>
    <nav class="wrap breadcrumb">
    <div class="container">
    <?php echo $helper->renderModule ('breadcrumbs') ?>
    </div>
    </nav>
    <?php endif; ?>
    <section class="uber-footer-inner">
    <?php if(!$fullWidth): ?><div class="container"><?php endif; ?>
    <div class="row">
    <div class="col-xs-12 col-md-7">
    <div class="footer-left">
    <?php if($sitename): ?><h2><?php echo $sitename; ?></h2><?php endif; ?>

    <?php if ($helper->countModules($footerLeftPosition)): ?>
    <?php echo $helper->renderModules ($footerLeftPosition) ?>
    <?php endif; ?>

    <?php if ( $helper->get('facebook') || $helper->get('youtueb') || $helper->get('vimeo-square') || $helper->get('instagram') || $helper->get('linkedin') ): ?>
    <div class="uber-social">
    <div class="addthis_toolbox">
    <?php if($helper->get('facebook')): ?>
    <a class="addthis_button_facebook_follow" addthis:userid="<?php echo $helper->get('facebook')?>"><i class="fa fa-facebook"></i></a>
    <?php endif; ?>

    <?php if($helper->get('youtube')): ?>
    <a class="addthis_button_youtube_follow" addthis:userid="<?php echo $helper->get('youtube')?>"><i class="fa fa-youtube"></i></a>
    <?php endif; ?>

    <?php if($helper->get('vimeo-square')): ?>
    <a class="addthis_button_vimeo_follow" addthis:userid="+<?php echo $helper->get('vimeo-square')?>"><i class="fa fa-vimeo-square"></i></a>
    <?php endif; ?>

    <?php if($helper->get('instagram')): ?>
    <a class="addthis_button_instagram_follow" addthis:userid="<?php echo $helper->get('instagram')?>"><i class="fa fa-instagram"></i></a>
    <?php endif; ?>

    <?php if($helper->get('linkedin')): ?>
    <a class="addthis_button_linkedin_follow" addthis:usertype="company" addthis:userid="<?php echo $helper->get('linkedin')?>"><i class="fa fa-linkedin"></i></a>
    <?php endif; ?>
    </div>
    <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-52c4eb2a034cad83"></script>
    <!-- AddThis Follow END -->
    </div>
    <?php endif; ?>
    </div>
    </div>

    <?php if ($helper->countModules($footerRightPosition)): ?>
    <div class="col-xs-12 col-md-5">
    <div class="footer-right">
    <?php echo $helper->renderModules ($footerRightPosition) ?>
    </div>
    </div>
    <?php endif; ?>

    </div>
    <?php if(!$fullWidth): ?></div><?php endif; ?>
    </section>

    </footer>
    <!-- //FOOTER -->

    pavit Moderator
    May 26, 2015 at 10:14 pm #571841

    You cannot add new socials in this way , best approach is to change the background for the footer position and add the custom-html module as i suggested above

    you can add this css code to your custom.css to remove background

    .uber-footer.dark-color .footer-right, .uber-footer.white-color .footer-right {
    background:none!important;

    If you add your module to footer-left than change the occurrencies for it

    pavit Moderator
    May 26, 2015 at 10:14 pm #736887

    You cannot add new socials in this way , best approach is to change the background for the footer position and add the custom-html module as i suggested above

    you can add this css code to your custom.css to remove background

    .uber-footer.dark-color .footer-right, .uber-footer.white-color .footer-right {
    background:none!important;

    If you add your module to footer-left than change the occurrencies for it

    cyclist87 Friend
    May 27, 2015 at 1:14 am #571882

    Thanks Pavit, I did the Custom Footer and add the custom.css but the file does’nt affect the site at all and I loose my newsletter module.

    Any tricks ?

    cyclist87 Friend
    May 27, 2015 at 1:14 am #736927

    Thanks Pavit, I did the Custom Footer and add the custom.css but the file does’nt affect the site at all and I loose my newsletter module.

    Any tricks ?

    pavit Moderator
    May 27, 2015 at 1:33 am #571888

    <em>@cyclist87 475136 wrote:</em><blockquote>Thanks Pavit, I did the Custom Footer and add the custom.css but the file does’nt affect the site at all and I loose my newsletter module.

    Any tricks ?</blockquote>

    I need to take a look at your configuration first , the account you provided for Dev team doesn’t works please correct it so i can login.

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 43 total)
1 2 3

This topic contains 43 replies, has 4 voices, and was last updated by  max_santiago 9 years, 5 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum

Important Notice :

New Unified Portal is live

Must Read

Jump to forum

Categories