WordPress.org

Ready to get started?Download WordPress

Forums

Spasalon
How to make images clickable (7 posts)

  1. agruenke
    Member
    Posted 7 months 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 7 months 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 7 months 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 7 months 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 7 months 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 7 months 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 7 months 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

Reply

You must log in to post.

About this Theme

About this Topic