Home Forums Basel – Premium Template Accessibility Issues

This topic contains 4 replies, has 2 voices, and was last updated by  RedWolfCy 1 week, 2 days ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #267032

    RedWolfCy
    Customer

    Hello,

    We are working on trying to make the theme accessibility ready WCAG 2.1 compatible.

    We are using achecker tool to check the theme compatibility.

    Here are some quick changes you should make on your upcoming updates that would help all users trying to pass the accessibility checkers test.

    wp-content/themes/basel/inc/template-tags.php

    Line 1401

    <input type="text" class="search-field" placeholder="<?php echo esc_attr( $placeholder ); ?>" value="<?php echo get_search_query(); ?>" name="s" id="s" aria-label="Search" title="Product Search" />

    Add: aria-label=”Search” title=”Product Search”

    Line 2152

    <input class="woocommerce-form__input woocommerce-form__input-checkbox" name="rememberme" title="Remember Me" type="checkbox" value="forever" />

    Add: title=”Remember Me”

    Line 1326

    Find
    <i class="fa fa-search"></i>
    Replace With
    <span class="fa fa-search"></span>

    It would be wise to change all FA icons from i tags to span tags. Otherwise we get errors on the accessibility tools.

    Is the changing of i tags to span tags for icons something that can be done in bulk? We cannot change all that in every theme installation in the files. FA mentions already that is not usefull to make use of the i tag and recommends to use the span tag.

    Private Content Hidden
    #267048

    RedWolfCy
    Customer

    Also, for other users that need to make their theme accessibility-ready as soon as possible, find further changes below

    /themes/basel/inc/functions.php (in case you are using icons on menu)

    Line 847

    Find

    $item_output .= '<i class="fa fa-' . $icon . '"></i>';

    Replace With

    <li><li>$item_output .= '<span class="fa fa-' . $icon . '"></span>';</li></li>

    Add the following CSS in your theme:

    `.icons-design-line .search-button a span:before {
    content: “\e090”;
    font-family: ‘Simple-Line-Icons’;
    font-weight: 400;
    }

    .right-column .search-button a span:before {
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 20px;
    line-height: 30px;
    }

    .basel-ajax-search-on .basel-search-dropdown>a span:before, .basel-search-full-screen>a span:before {
    -webkit-transition: opacity .1s ease-in-out 0s;
    transition: opacity .1s ease-in-out 0s;
    }

    .basel-search-full-screen > a span:before, .basel-ajax-search-on .basel-search-dropdown > a span:before {
    -webkit-transition: opacity 0.1s ease-in-out 0s;
    transition: opacity 0.1s ease-in-out 0s;
    }

    span.fa:before {
    margin-left: 1px;
    margin-right: 1px;
    }

    .global-search-dropdown.basel-ajax-search-on.basel-search-opened .right-column .search-button>a span:before, .global-search-full-screen.basel-search-opened .right-column .search-button>a span:before {
    opacity: 0;
    -webkit-transition: opacity 0s ease-in-out 0s;
    transition: opacity 0s ease-in-out 0s;
    }

    .main-nav .menu>li a span {
    font-size: 14px;
    min-width: 22px;
    }

    .basel-navigation .menu>li a span {
    margin-right: 2px;
    opacity: .7;
    }`

    /themes/basel/inc/shortcodes/shortcodes.php

    Line 2843

    Find

     if ($linkedin != '' || $twitter != '' || $facebook != '' || $skype != '' || $instagram != '') {
                $socials .= '<div class="member-social"><ul class="social-icons icons-design-' . esc_attr( $style ) . ' icons-size-' . esc_attr( $size ) .'">';
                    if ($facebook != '') {
                        $socials .= '<li class="social-facebook"><a href="'.esc_url( $facebook ).'"><i class="fa fa-facebook"></i></a></li>';
                    }
                    if ($twitter != '') {
                        $socials .= '<li class="social-twitter"><a href="'.esc_url( $twitter ).'"><i class="fa fa-twitter"></i></a></li>';
                    }
                    if ($linkedin != '') {
                        $socials .= '<li class="social-linkedin"><a href="'.esc_url( $linkedin ).'"><i class="fa fa-linkedin"></i></a></li>';
                    }
                    if ($skype != '') {
                        $socials .= '<li class="social-skype"><a href="'.esc_url( $skype ).'"><i class="fa fa-skype"></i></a></li>';
                    }
                    if ($instagram != '') {
                        $socials .= '<li class="social-instagram"><a href="'.esc_url( $instagram ).'"><i class="fa fa-instagram"></i></a></li>';
                    }
                $socials .= '</ul></div>';
            }

    Replace with

    if ($linkedin != '' || $twitter != '' || $facebook != '' || $skype != '' || $instagram != '') {
                $socials .= '<div class="member-social"><ul class="social-icons icons-design-' . esc_attr( $style ) . ' icons-size-' . esc_attr( $size ) .'">';
                    if ($facebook != '') {
                        $socials .= '<li class="social-facebook"><a href="'.esc_url( $facebook ).'"><span class="fa fa-facebook"></span></a></li>';
                    }
                    if ($twitter != '') {
                        $socials .= '<li class="social-twitter"><a href="'.esc_url( $twitter ).'"><span class="fa fa-twitter"></span></a></li>';
                    }
                    if ($linkedin != '') {
                        $socials .= '<li class="social-linkedin"><a href="'.esc_url( $linkedin ).'"><span class="fa fa-linkedin"></span></a></li>';
                    }
                    if ($skype != '') {
                        $socials .= '<li class="social-skype"><a href="'.esc_url( $skype ).'"><span class="fa fa-skype"></span></a></li>';
                    }
                    if ($instagram != '') {
                        $socials .= '<li class="social-instagram"><a href="'.esc_url( $instagram ).'"><span class="fa fa-instagram"></span></a></li>';
                    }
                $socials .= '</ul></div>';
            }

    Line 2896

    FIND

    <ul class="social-icons text-<?php echo esc_attr( $align ); ?> icons-design-<?php echo esc_attr( $style ); ?> icons-size-<?php echo esc_attr( $size ); ?> social-<?php echo esc_attr( $type ); ?> <?php echo esc_attr( $el_class ); ?>">
    				<?php if ( ( $type == 'share' && basel_get_opt('share_fb') ) || ( $type == 'follow' && basel_get_opt( 'fb_link' ) != '')): ?>
    					<li class="social-facebook"><a rel="nofollow" href="<?php echo 'follow' == $type ? basel_get_opt( 'fb_link' ) : 'https://www.facebook.com/sharer/sharer.php?u=' . $page_link; ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><i class="fa fa-facebook"></i><span class="basel-social-icon-name"><?php _e('Facebook', 'basel') ?></span></a></li>
    				<?php endif ?>
    
    				<?php if ( ( $type == 'share' && basel_get_opt('share_twitter') ) || ( $type == 'follow' && basel_get_opt( 'twitter_link' ) != '')): ?>
    					<li class="social-twitter"><a rel="nofollow" href="<?php echo 'follow' == $type ? basel_get_opt( 'twitter_link' ) : 'https://twitter.com/share?url=' . $page_link; ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><i class="fa fa-twitter"></i><span class="basel-social-icon-name"><?php _e('Twitter', 'basel') ?></span></a></li>
    				<?php endif ?>
    
    				<?php if ( ( $type == 'share' && basel_get_opt('share_email') ) || ( $type == 'follow' && basel_get_opt( 'social_email' ) ) ): ?>
    					<li class="social-email"><a rel="nofollow" href="mailto:<?php echo '?subject=' . __('Check%20this%20', 'basel') . $page_link; ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><i class="fa fa-envelope"></i><span class="basel-social-icon-name"><?php _e('Email', 'basel') ?></span></a></li>
    				<?php endif ?>
    
    				<?php if ( $type == 'follow' && basel_get_opt( 'isntagram_link' ) != ''): ?>
    					<li class="social-instagram"><a rel="nofollow" href="<?php echo 'follow' == $type ? basel_get_opt( 'isntagram_link' ) : '' . $page_link; ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><i class="fa fa-instagram"></i><span class="basel-social-icon-name"><?php _e('Instagram', 'basel') ?></span></a></li>
    				<?php endif ?>
    
    				<?php if ( $type == 'follow' && basel_get_opt( 'youtube_link' ) != ''): ?>
    					<li class="social-youtube"><a rel="nofollow" href="<?php echo 'follow' == $type ? basel_get_opt( 'youtube_link' ) : '' . $page_link; ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><i class="fa fa-youtube"></i><span class="basel-social-icon-name"><?php _e('YouTube', 'basel') ?></span></a></li>
    				<?php endif ?>
    
    				<?php if ( ( $type == 'share' && basel_get_opt('share_pinterest') ) || ( $type == 'follow' && basel_get_opt( 'pinterest_link' ) != '' ) ): ?>
    					<li class="social-pinterest"><a rel="nofollow" href="<?php echo 'follow' == $type ? basel_get_opt( 'pinterest_link' ) : 'https://pinterest.com/pin/create/button/?url=' . $page_link . '&media=' . $thumb_url[0]; ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><i class="fa fa-pinterest"></i><span class="basel-social-icon-name"><?php _e('Pinterest', 'basel') ?></span></a></li>
    				<?php endif ?>
    
    				<?php if ( $type == 'follow' && basel_get_opt( 'tumblr_link' ) != ''): ?>
    					<li class="social-tumblr"><a rel="nofollow" href="<?php echo 'follow' == $type ? basel_get_opt( 'tumblr_link' ) : '' . $page_link; ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><i class="fa fa-tumblr"></i><span class="basel-social-icon-name"><?php _e('Tumblr', 'basel') ?></span></a></li>
    				<?php endif ?>
    
    				<?php if ( ( $type == 'share' && basel_get_opt('share_linkedin') ) || ( $type == 'follow' && basel_get_opt( 'linkedin_link' ) != '' ) ): ?>
    					<li class="social-linkedin"><a rel="nofollow" href="<?php echo 'follow' == $type ? basel_get_opt( 'linkedin_link' ) : 'https://www.linkedin.com/shareArticle?mini=true&url=' . $page_link; ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><i class="fa fa-linkedin"></i><span class="basel-social-icon-name"><?php _e('LinkedIn', 'basel') ?></span></a></li>
    				<?php endif ?>
    
    				<?php if ( $type == 'follow' && basel_get_opt( 'vimeo_link' ) != ''): ?>
    					<li class="social-vimeo"><a rel="nofollow" href="<?php echo 'follow' == $type ? basel_get_opt( 'vimeo_link' ) : '' . $page_link; ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><i class="fa fa-vimeo"></i><span class="basel-social-icon-name"><?php _e('Vimeo', 'basel') ?></span></a></li>
    				<?php endif ?>
    
    				<?php if ( $type == 'follow' && basel_get_opt( 'flickr_link' ) != ''): ?>
    					<li class="social-flickr"><a rel="nofollow" href="<?php echo 'follow' == $type ? basel_get_opt( 'flickr_link' ) : '' . $page_link; ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><i class="fa fa-flickr"></i><span class="basel-social-icon-name"><?php _e('Flickr', 'basel') ?></span></a></li>
    				<?php endif ?>
    
    				<?php if ( $type == 'follow' && basel_get_opt( 'github_link' ) != ''): ?>
    					<li class="social-github"><a rel="nofollow" href="<?php echo 'follow' == $type ? basel_get_opt( 'github_link' ) : '' . $page_link; ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><i class="fa fa-github"></i><span class="basel-social-icon-name"><?php _e('GitHub', 'basel') ?></span></a></li>
    				<?php endif ?>
    
    				<?php if ( $type == 'follow' && basel_get_opt( 'dribbble_link' ) != ''): ?>
    					<li class="social-dribbble"><a rel="nofollow" href="<?php echo 'follow' == $type ? basel_get_opt( 'dribbble_link' ) : '' . $page_link; ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><i class="fa fa-dribbble"></i><span class="basel-social-icon-name"><?php _e('Dribbble', 'basel') ?></span></a></li>
    				<?php endif ?>
    
    				<?php if ( $type == 'follow' && basel_get_opt( 'behance_link' ) != ''): ?>
    					<li class="social-behance"><a rel="nofollow" href="<?php echo 'follow' == $type ? basel_get_opt( 'behance_link' ) : '' . $page_link; ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><i class="fa fa-behance"></i><span class="basel-social-icon-name"><?php _e('Behance', 'basel') ?></span></a></li>
    				<?php endif ?>
    
    				<?php if ( $type == 'follow' && basel_get_opt( 'soundcloud_link' ) != ''): ?>
    					<li class="social-soundcloud"><a rel="nofollow" href="<?php echo 'follow' == $type ? basel_get_opt( 'soundcloud_link' ) : '' . $page_link; ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><i class="fa fa-soundcloud"></i><span class="basel-social-icon-name"><?php _e('Soundcloud', 'basel') ?></span></a></li>
    				<?php endif ?>
    
    				<?php if ( $type == 'follow' && basel_get_opt( 'spotify_link' ) != ''): ?>
    					<li class="social-spotify"><a rel="nofollow" href="<?php echo 'follow' == $type ? basel_get_opt( 'spotify_link' ) : '' . $page_link; ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><i class="fa fa-spotify"></i><span class="basel-social-icon-name"><?php _e('Spotify', 'basel') ?></span></a></li>
    				<?php endif ?>
    
    				<?php if ( ( $type == 'share' && basel_get_opt('share_ok') ) || ( $type == 'follow' && basel_get_opt( 'ok_link' ) != '' ) ): ?>
    					<li class="social-ok"><a rel="nofollow" href="<?php echo 'follow' == $type ? basel_get_opt( 'ok_link' ) : 'https://connect.ok.ru/offer?url=' . $page_link; ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><i class="fa fa-odnoklassniki"></i><span class="basel-social-icon-name"><?php _e('Odnoklassniki', 'basel') ?></span></a></li>
    				<?php endif ?>
    
    				<?php if ( $type == 'share' && basel_get_opt('share_whatsapp') || ( $type == 'follow' && basel_get_opt( 'whatsapp_link' ) != '' ) ): ?>
    					<li class="social-whatsapp whatsapp-desktop"><a rel="nofollow" href="<?php echo 'follow' == $type ? basel_get_opt( 'whatsapp_link' ) : 'https://api.whatsapp.com/send?text=' . urlencode( $page_link ); ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><i class="fa fa-whatsapp"></i><span class="basel-social-icon-name"><?php _e('WhatsApp', 'basel') ?></span></a></li>
    
                        <li class="social-whatsapp whatsapp-mobile"><a rel="nofollow" href="<?php echo 'follow' == $type ? basel_get_opt( 'whatsapp_link' ) : 'whatsapp://send?text=' . $page_link; ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><i class="fa fa-whatsapp"></i><span class="basel-social-icon-name"><?php _e('WhatsApp', 'basel') ?></span></a></li>
    				<?php endif ?>
    				
    				<?php if ( ( $type == 'share' && basel_get_opt('share_vk') ) || ( $type == 'follow' && basel_get_opt( 'vk_link' ) != '' ) ): ?>
    					<li class="social-vk"><a rel="nofollow" href="<?php echo 'follow' === $type ? ( basel_get_opt( 'vk_link' )) : 'https://vk.com/share.php?url=' . $page_link . '&image=' . $thumb_url[0] . '&title=' . $page_title; ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><i class="fa fa-vk"></i><span class="basel-social-icon-name"><?php _e('VKontakte', 'basel') ?></span></a></li>
    				<?php endif ?>
    
    				<?php if ( $type == 'follow' && basel_get_opt( 'snapchat_link' ) != ''): ?>
    					<li class="social-snapchat"><a rel="nofollow" href="<?php echo 'follow' == $type ? basel_get_opt( 'snapchat_link' ) : '' . $page_link; ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><i class="fa fa-snapchat-ghost"></i><span class="basel-social-icon-name"><?php _e('Snapchat', 'basel') ?></span></a></li>
    				<?php endif ?>
    
    				<?php if ( $type == 'share' && basel_get_opt('share_tg') || ( $type == 'follow' && basel_get_opt( 'tg_link' ) != '' ) ): ?>
    					<li class="social-tg"><a rel="nofollow" href="<?php echo 'follow' == $type ? basel_get_opt( 'tg_link' ) : 'https://telegram.me/share/url?url=' . $page_link; ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><i class="fa fa-telegram"></i><span class="basel-social-icon-name"><?php _e('Telegram', 'basel') ?></span></a></li>
    				<?php endif ?>
    
    			</ul>

    REPLACE WITH

    <ul class="social-icons text-<?php echo esc_attr( $align ); ?> icons-design-<?php echo esc_attr( $style ); ?> icons-size-<?php echo esc_attr( $size ); ?> social-<?php echo esc_attr( $type ); ?> <?php echo esc_attr( $el_class ); ?>">
    				<?php if ( ( $type == 'share' && basel_get_opt('share_fb') ) || ( $type == 'follow' && basel_get_opt( 'fb_link' ) != '')): ?>
    					<li class="social-facebook"><a rel="nofollow" href="<?php echo 'follow' == $type ? basel_get_opt( 'fb_link' ) : 'https://www.facebook.com/sharer/sharer.php?u=' . $page_link; ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><span class="fa fa-facebook"></span><span class="basel-social-icon-name"><?php _e('Facebook', 'basel') ?></span></a></li>
    				<?php endif ?>
    
    				<?php if ( ( $type == 'share' && basel_get_opt('share_twitter') ) || ( $type == 'follow' && basel_get_opt( 'twitter_link' ) != '')): ?>
    					<li class="social-twitter"><a rel="nofollow" href="<?php echo 'follow' == $type ? basel_get_opt( 'twitter_link' ) : 'https://twitter.com/share?url=' . $page_link; ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><span class="fa fa-twitter"></span><span class="basel-social-icon-name"><?php _e('Twitter', 'basel') ?></span></a></li>
    				<?php endif ?>
    
    				<?php if ( ( $type == 'share' && basel_get_opt('share_email') ) || ( $type == 'follow' && basel_get_opt( 'social_email' ) ) ): ?>
    					<li class="social-email"><a rel="nofollow" href="mailto:<?php echo '?subject=' . __('Check%20this%20', 'basel') . $page_link; ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><span class="fa fa-envelope"></span><span class="basel-social-icon-name"><?php _e('Email', 'basel') ?></span></a></li>
    				<?php endif ?>
    
    				<?php if ( $type == 'follow' && basel_get_opt( 'isntagram_link' ) != ''): ?>
    					<li class="social-instagram"><a rel="nofollow" href="<?php echo 'follow' == $type ? basel_get_opt( 'isntagram_link' ) : '' . $page_link; ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><span class="fa fa-instagram"></span><span class="basel-social-icon-name"><?php _e('Instagram', 'basel') ?></span></a></li>
    				<?php endif ?>
    
    				<?php if ( $type == 'follow' && basel_get_opt( 'youtube_link' ) != ''): ?>
    					<li class="social-youtube"><a rel="nofollow" href="<?php echo 'follow' == $type ? basel_get_opt( 'youtube_link' ) : '' . $page_link; ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><span class="fa fa-youtube"></span><span class="basel-social-icon-name"><?php _e('YouTube', 'basel') ?></span></a></li>
    				<?php endif ?>
    
    				<?php if ( ( $type == 'share' && basel_get_opt('share_pinterest') ) || ( $type == 'follow' && basel_get_opt( 'pinterest_link' ) != '' ) ): ?>
    					<li class="social-pinterest"><a rel="nofollow" href="<?php echo 'follow' == $type ? basel_get_opt( 'pinterest_link' ) : 'https://pinterest.com/pin/create/button/?url=' . $page_link . '&media=' . $thumb_url[0]; ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><span class="fa fa-pinterest"></span><span class="basel-social-icon-name"><?php _e('Pinterest', 'basel') ?></span></a></li>
    				<?php endif ?>
    
    				<?php if ( $type == 'follow' && basel_get_opt( 'tumblr_link' ) != ''): ?>
    					<li class="social-tumblr"><a rel="nofollow" href="<?php echo 'follow' == $type ? basel_get_opt( 'tumblr_link' ) : '' . $page_link; ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><span class="fa fa-tumblr"></span><span class="basel-social-icon-name"><?php _e('Tumblr', 'basel') ?></span></a></li>
    				<?php endif ?>
    
    				<?php if ( ( $type == 'share' && basel_get_opt('share_linkedin') ) || ( $type == 'follow' && basel_get_opt( 'linkedin_link' ) != '' ) ): ?>
    					<li class="social-linkedin"><a rel="nofollow" href="<?php echo 'follow' == $type ? basel_get_opt( 'linkedin_link' ) : 'https://www.linkedin.com/shareArticle?mini=true&url=' . $page_link; ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><span class="fa fa-linkedin"></span><span class="basel-social-icon-name"><?php _e('LinkedIn', 'basel') ?></span></a></li>
    				<?php endif ?>
    
    				<?php if ( $type == 'follow' && basel_get_opt( 'vimeo_link' ) != ''): ?>
    					<li class="social-vimeo"><a rel="nofollow" href="<?php echo 'follow' == $type ? basel_get_opt( 'vimeo_link' ) : '' . $page_link; ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><span class="fa fa-vimeo"></span><span class="basel-social-icon-name"><?php _e('Vimeo', 'basel') ?></span></a></li>
    				<?php endif ?>
    
    				<?php if ( $type == 'follow' && basel_get_opt( 'flickr_link' ) != ''): ?>
    					<li class="social-flickr"><a rel="nofollow" href="<?php echo 'follow' == $type ? basel_get_opt( 'flickr_link' ) : '' . $page_link; ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><span class="fa fa-flickr"></span><span class="basel-social-icon-name"><?php _e('Flickr', 'basel') ?></span></a></li>
    				<?php endif ?>
    
    				<?php if ( $type == 'follow' && basel_get_opt( 'github_link' ) != ''): ?>
    					<li class="social-github"><a rel="nofollow" href="<?php echo 'follow' == $type ? basel_get_opt( 'github_link' ) : '' . $page_link; ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><span class="fa fa-github"></i><span class="basel-social-icon-name"><?php _e('GitHub', 'basel') ?></span></a></li>
    				<?php endif ?>
    
    				<?php if ( $type == 'follow' && basel_get_opt( 'dribbble_link' ) != ''): ?>
    					<li class="social-dribbble"><a rel="nofollow" href="<?php echo 'follow' == $type ? basel_get_opt( 'dribbble_link' ) : '' . $page_link; ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><span class="fa fa-dribbble"></span><span class="basel-social-icon-name"><?php _e('Dribbble', 'basel') ?></span></a></li>
    				<?php endif ?>
    
    				<?php if ( $type == 'follow' && basel_get_opt( 'behance_link' ) != ''): ?>
    					<li class="social-behance"><a rel="nofollow" href="<?php echo 'follow' == $type ? basel_get_opt( 'behance_link' ) : '' . $page_link; ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><span class="fa fa-behance"></span><span class="basel-social-icon-name"><?php _e('Behance', 'basel') ?></span></a></li>
    				<?php endif ?>
    
    				<?php if ( $type == 'follow' && basel_get_opt( 'soundcloud_link' ) != ''): ?>
    					<li class="social-soundcloud"><a rel="nofollow" href="<?php echo 'follow' == $type ? basel_get_opt( 'soundcloud_link' ) : '' . $page_link; ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><span class="fa fa-soundcloud"></span><span class="basel-social-icon-name"><?php _e('Soundcloud', 'basel') ?></span></a></li>
    				<?php endif ?>
    
    				<?php if ( $type == 'follow' && basel_get_opt( 'spotify_link' ) != ''): ?>
    					<li class="social-spotify"><a rel="nofollow" href="<?php echo 'follow' == $type ? basel_get_opt( 'spotify_link' ) : '' . $page_link; ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><span class="fa fa-spotify"></span><span class="basel-social-icon-name"><?php _e('Spotify', 'basel') ?></span></a></li>
    				<?php endif ?>
    
    				<?php if ( ( $type == 'share' && basel_get_opt('share_ok') ) || ( $type == 'follow' && basel_get_opt( 'ok_link' ) != '' ) ): ?>
    					<li class="social-ok"><a rel="nofollow" href="<?php echo 'follow' == $type ? basel_get_opt( 'ok_link' ) : 'https://connect.ok.ru/offer?url=' . $page_link; ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><span class="fa fa-odnoklassniki"></span><span class="basel-social-icon-name"><?php _e('Odnoklassniki', 'basel') ?></span></a></li>
    				<?php endif ?>
    
    				<?php if ( $type == 'share' && basel_get_opt('share_whatsapp') || ( $type == 'follow' && basel_get_opt( 'whatsapp_link' ) != '' ) ): ?>
    					<li class="social-whatsapp whatsapp-desktop"><a rel="nofollow" href="<?php echo 'follow' == $type ? basel_get_opt( 'whatsapp_link' ) : 'https://api.whatsapp.com/send?text=' . urlencode( $page_link ); ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><span class="fa fa-whatsapp"></span><span class="basel-social-icon-name"><?php _e('WhatsApp', 'basel') ?></span></a></li>
    
                        <li class="social-whatsapp whatsapp-mobile"><a rel="nofollow" href="<?php echo 'follow' == $type ? basel_get_opt( 'whatsapp_link' ) : 'whatsapp://send?text=' . $page_link; ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><span class="fa fa-whatsapp"></span><span class="basel-social-icon-name"><?php _e('WhatsApp', 'basel') ?></span></a></li>
    				<?php endif ?>
    				
    				<?php if ( ( $type == 'share' && basel_get_opt('share_vk') ) || ( $type == 'follow' && basel_get_opt( 'vk_link' ) != '' ) ): ?>
    					<li class="social-vk"><a rel="nofollow" href="<?php echo 'follow' === $type ? ( basel_get_opt( 'vk_link' )) : 'https://vk.com/share.php?url=' . $page_link . '&image=' . $thumb_url[0] . '&title=' . $page_title; ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><span class="fa fa-vk"></span><span class="basel-social-icon-name"><?php _e('VKontakte', 'basel') ?></span></a></li>
    				<?php endif ?>
    
    				<?php if ( $type == 'follow' && basel_get_opt( 'snapchat_link' ) != ''): ?>
    					<li class="social-snapchat"><a rel="nofollow" href="<?php echo 'follow' == $type ? basel_get_opt( 'snapchat_link' ) : '' . $page_link; ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><span class="fa fa-snapchat-ghost"></span><span class="basel-social-icon-name"><?php _e('Snapchat', 'basel') ?></span></a></li>
    				<?php endif ?>
    
    				<?php if ( $type == 'share' && basel_get_opt('share_tg') || ( $type == 'follow' && basel_get_opt( 'tg_link' ) != '' ) ): ?>
    					<li class="social-tg"><a rel="nofollow" href="<?php echo 'follow' == $type ? basel_get_opt( 'tg_link' ) : 'https://telegram.me/share/url?url=' . $page_link; ?>" target="<?php echo esc_attr( $target ); ?>" class="<?php if( $tooltip == "yes" ) echo 'basel-tooltip'; ?>"><span class="fa fa-telegram"></span><span class="basel-social-icon-name"><?php _e('Telegram', 'basel') ?></span></a></li>
    				<?php endif ?>
    
    			</ul>
    • This reply was modified 1 week, 3 days ago by  RedWolfCy. Reason: additional code changes added
    #267094

    RedWolfCy
    Customer

    Also, in addition to the initial post, there is also another line that we cannot figure out.

    Line 683, Column 1: id attribute is not unique.
    Line 683 is the <form role="search" id="header-search-form" method="get" id="header-searchform" class="searchform basel-ajax-search" action="https://www.demo3.eshop-makers.com/" data-thumbnail="1" data-price="1" data-count="5" data-post_type="product" data-symbols_count="3" data-sku="1"> line from the code below

    <div class="basel-search-wrapper">
    <div class="basel-search-inner">
    <span class="basel-close-search">close</span>
    <form role="search" id="header-search-form" method="get" id="header-searchform" class="searchform basel-ajax-search" action="https://www.demo3.eshop-makers.com/" data-thumbnail="1" data-price="1" data-count="5" data-post_type="product" data-symbols_count="3" data-sku="1">
    <div>
    <label class="screen-reader-text">Search for:</label>
    <input type="text" class="search-field" placeholder="Search for products" value="" name="s" id="s" aria-label="Search" title="Product Search" />
    <input type="hidden" name="post_type" id="post_type" value="product">
    <button type="submit" id="searchsubmit" value="Search">Search</button>
    #267246

    Hello,

    Thank you for contacting us.

    We will review all these changes in our next theme update for sure.

    If you are interested in purchasing multiple licenses, please, contact us using the contact form here https://themeforest.net/user/xtemos and we will discuss and work closely on these issues with you before the update.

    Kind Regards

    #267259

    RedWolfCy
    Customer

    Hello Artem,

    We have just send a contact request via the link you provided.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.