• Resolved jax1964

    (@jax1964)


    On my homepage I have the three “services” showing. Goats, Firewood, Worm Wee.
    The photo should link to the respective pages and so should the <More> text.

    Is it possible to get rid of the <More> text altogether and only have the photo and page title as links?

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Hi @jax1964,

    Thank you for contacting us. I am happy to help with your queries.

    Try doing these steps:

    1. Install and activate the TC Custom JavaScript plugin
    2. Go To Appearance > Custom JavaScript
    3. Paste the following code into the provided box

    
    ;(function($) {
    
       'use strict'
    
       if( $('.atframework_services_widget').length ){
    
         $('.service-area .service').each(function(){
    
           var link = $(this).find('.service-title > a').attr('href');
    
    	   $(this).find('.service-thumb').wrapInner('<a href="'+link+'"></a>');
    
           var text = $(this).find('.service-content').html();
           text = text.replace(/\(/g,'').replace(/\)/g,'');
           
           $(this).find('.service-content').html(text.replace(/more…/gi, ''));
    
         });
    
       }
    
    })(jQuery);
    

    4. Update

    Hope that helps.

    Regards,
    Kharis

    Thread Starter jax1964

    (@jax1964)

    It didn’t work 🙁

    I checked and double checked the copy/paste into the plugin but it hasn’t changed a thing.

    I can’t write code so I’d be grateful if you checked it for me.

    cheers
    Jax

    Hi Jax,

    As inspected, seems likely you copied the code from email.

    Please directly visit this thread and copy the code presents in there.

    Regards,
    Kharis

    Thread Starter jax1964

    (@jax1964)

    Oh yes – brilliant – thank you. Works well now.
    So pleased

    Great!

    You’re welcome!

    Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

    Regards,
    Kharis

    I’m having a similar problem. On my home page (https://ewtravel.com) I use the Adventure Section to highlight the different types of tours we do (East African, Northern Africa, etc.). Currently, the tiny green arrow on each photo is a link, but I’d like to remove the tiny green arrow and make the entire photo a link. I tried the suggested code above, after changing the word “service” to “adventure.” But it didn’t work. Any suggestions?

    Hi @touroperator,

    Thank you for chiming in.

    As checked from your site’s source code, your site is nor running Astrid theme. So, I am not sure what to suggest to solve your problem. Because this support topic is aimed only for Astrid users. I’d recommend contacting your theme’s developer instead.

    Regards,
    Kharis

    Thank you.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Service page links – make photo link and make a link’ is closed to new replies.