How do you link text to a category page from an image box?

Options
ewilhelmus
ewilhelmus Member Posts: 12

<div class="caption-container u_1737195273" style="display:none" id="1737195273">
<span class="caption-inner" id="1803538226">
<h3 class="caption-title u_1925604374" id="1925604374">
Collapsible Bulk Containers
</h3>
<div class="caption-text u_1482311998" id="1482311998">
<p class="rteBlock" no_space_b="true" no_space_e="true">
Collapsible Bulk Containers
</p>
</div>

Best Answer

  • AndresLopez
    AndresLopez Member Posts: 3 mod
    Answer ✓
    Options

    Hi there, this is Andres with the Support team.

    The code provided by Jacob should work if you are using a regular photo gallery that allows you to edit the HTML. With this kind of photo gallery, you can also enable the button and style it to look like plain text, then disable the caption. The button will link to the category page as long as you've linked it within the photo gallery's content editor.

    It may be more complicated to update the HTML if you are using a product gallery instead. If you have any issues with this, please feel free to submit a support request so we can advise on your specific implementation.

Answers

  • Jacob
    Jacob Member Posts: 28 Learner
    edited February 23
    Options

    You might be able to wrap the text within an anchor <a> tag.

    Here's the modified HTML code:

    <div class="caption-container u_1737195273" style="display:none" id="1737195273">
    <span class="caption-inner" id="1803538226">
    <h3 class="caption-title u_1925604374" id="1925604374">
    <a href="https://www.categorypage.com">
    Collapsible Bulk Containers
    </a>

    </h3>
    <div class="caption-text u_1482311998" id="1482311998">
    <p class="rteBlock" no_space_b="true" no_space_e="true">
    Collapsible Bulk Containers
    </p>
    </div>
    </span>
    </div>

  • ewilhelmus
    ewilhelmus Member Posts: 12
    Options

    Thank you!