Register with your Envato account

Support forums

Homepage Support Pandora Shopify Homepage slider linking to other pages

Homepage slider linking to other pages

Homepage Support Pandora Shopify Homepage slider linking to other pages

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #724
    alanira
    Participant

    If I want a click on one of my homepage sliders to take the visitor to a linked page, I have to add some text to the slider from the homepage setup panel and then add the link there. What if I want the visitor to be able to click anywhere on the slider to get to a linked page? How would I do that? Alternatively, do I have any control over the position, size, font, etc of the clickable text? The default text is messing up my slider design and is too big. I have the text I want built into the slide but it seems not to be clickable in any way. Thanks.

    #736
    planetshine
    Keymaster

    Hey,

    To make the whole image clickable you will have to add some javascript to the slider items. The file you need to edit is snippets/homepage-slider.liquid

    Add something like this
    onClick="window.location='{{ settings.slider_item_1_link }}'"

    to

    <div class="item" style="background-image: url('{{ 'slider-item-1.jpg' | asset_url }}');”>

    This needs to be done for each item, but make sure to change the link property from settings.slider_item_1_link to settings.slider_item_2_link etc.

Viewing 2 posts - 1 through 2 (of 2 total)
You must have active support license to create new replies.

Learn more about Renewing Item Support and Themeforest Item Support Policy.

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close