WordPress.org

Forums

Spasalon
[resolved] How to make images clickable (11 posts)

  1. agruenke
    Member
    Posted 1 year ago #

    I am using SpaSalon theme and i am having a few issues.

    My website URL http://facialskelowna.com/wordpress

    I am wanting to make the images clickable to another page such as treatments page or products page. How can i do that?

    Please help

  2. Hari Maliya
    Member
    Posted 1 year ago #

    Hi agruenke

    Yes! You can make the service and product image clickable.

    You need to edit same line of code and add hard code URl.

    Find index-service.php and index-product.php files.In theme directory folder.

    In index-product.php find given code.

    <img src="<?php echo $products['product1_image']; ?>" alt="Spa Featture" class="product_flex_img" />

    Add your hard code url with this image tab. Like this type.

    <a href="YOUR URL">
     <img src="<?php echo $products['product1_image']; ?>"  alt="Spa Featture" class="product_flex_img" />
    </a>

    In index-service.php find a given code.

    <img src="<?php echo $service_data['service1_image']; ?>" alt="Spa Featture" class="home_service_img" />

    Add your hard code url with this image tab. Like this type.

    <a href="YOUR URL">
        <img src="<?php echo $service_data['service1_image']; ?>"  alt="Spa Featture" class="home_service_img" />
     </a>

    Note-: Add your url all reaming image tag according to you in both files.

    It will resolved your problem.
    Thanks

  3. agruenke
    Member
    Posted 1 year ago #

    do i over write the existing code or just put the suggested code you gave me in addition to the code already there? does it matter if it is above or below that existing code?

    Thanks

  4. Hari Maliya
    Member
    Posted 1 year ago #

    Hi agruenke

    The service and product image click-able to edit two files.

    This file are available in theme directory folder.
    1. index-service.php
    2. index-product.php

    Follow up the above given instruction.

    Thanks

  5. agruenke
    Member
    Posted 1 year ago #

    Hi Hari, I understood about the file to edit but i was asking do i overwrite the exisiting code or do i add the additional code above that you recommend? if so do i add it above or below the existing code?

    Please clarify

  6. agruenke
    Member
    Posted 1 year ago #

    Ok I got the images clickable but now i am having a problem trying to get the text description under the products to be clickable

    ..... what to i edit to do that... i was able to get the services text description clickable but having a problem getting the text under the product images to become clickable to same URL as image.

    http://facialskelowna.com/wordpress

    Please help

  7. Hari Maliya
    Member
    Posted 1 year ago #

    Hi agruenke

    You can add your custom URL in index-service.php and index-product.php.
    Fore example :

    <a href="http://your domain name .com/xyz/">
       Here are your block of code to display text and image .
    </a>

    It resolved your clickable text and image issue .

    Thanks

  8. nr27
    Member
    Posted 6 months ago #

    Hello,

    Is it possible to make the 3 "Home-Feature-Thumbstrip" images clickable?

    Kind regards

  9. Hi @nr27

    Yes! You can make the 3 Home-Feature-Thumbstrip image clickable.

    You need to edit some line of code and add hard code URl.
    Find index-slider.php files.In theme directory folder.

    find the below line of code
    <div class="thumb-img-container">
    <?php if($current_options['first_thumb_image']!='') ?>
    <img src="<?php echo $current_options['first_thumb_image']; ?>" alt="Spa Featture" class="slider-thumb" />
    </div>

    and Add your hard code url with this image tab. Like this type.
    <a href="your url"><img src="<?php echo $current_options['first_thumb_image']; ?>" alt="Spa Featture" class="slider-thumb" /></a>

    THis is do for all the three image .

    Let me know for further assistance .
    Thanks
    Akhilesh

  10. nr27
    Member
    Posted 5 months ago #

    Yes; great!
    That workes fine, thank you akhlesh.
    Thinking of upgrading to pro;
    Is there a site where I can compare free and pro version?

    kind regards

  11. Hi nr27

    Your welcome

    http://webriti.com/demo/wp/spasalon/

    This is the demo link of our Premium theme .
    For our other premium themes visit webriti.com

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic