Jump to content

Making Carosel Images Clickable

Go to solution Solved by Web_Solutions,

Recommended Posts

Hi, I'd like to make the carousel images on my home page clickable for a better user experience (eliminating the extra "button" option underneath each image). I've already switched off the visibility of the buttons, however I'm still needing a code to make the images clickable. I'd like the home page carousel images to link to the individual item pages on my store page. Any help would be appreciated, thank you. 

Link to comment
  • Replies 9
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

51 minutes ago, laroper88 said:

Hi, I'd like to make the carousel images on my home page clickable for a better user experience (eliminating the extra "button" option underneath each image). I've already switched off the visibility of the buttons, however I'm still needing a code to make the images clickable. I'd like the home page carousel images to link to the individual item pages on my store page. Any help would be appreciated, thank you. 

Can you share your website URL?

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

Link to comment
7 hours ago, laroper88 said:

@Web_Solutions  https://evermoremarket.com/   Password: Nonsensical88!

Are you telling about this section? If yes, then enable the button.

Screenshot_391.png

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

Link to comment
2 hours ago, laroper88 said:

@Web_Solutions 

Yes that is the section. However I'd rather not have the buttons at all— instead I'd like just the images clickable for a more user friendly experience and a less cluttered appearance. 

You should enable the button. Then can give you code for hide buttons and images clickable. 

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

Link to comment
  • Solution
On 11/17/2023 at 10:56 PM, laroper88 said:

@Web_Solutions Ok , I've enabled them. 

Add these code on Custom CSS panel in Website Utilities Website Tools > Custom CSS.

[data-section-id="645bfc563c45cd0cf9913898"], [data-section-id="645c01eb518c640194054322"] {
    .list-item{
        position: relative !important;
    }
}
[data-section-id="645bfc563c45cd0cf9913898"], [data-section-id="645c01eb518c640194054322"] {
    .list-item-content__button {
        position: absolute;
        top: 0;
        width: 100%;
        left: 0;
        box-sizing: border-box;
        padding: 0 !important;
        padding-bottom: 100% !important;
        font-size: 1px !important;
        line-height: 0 !important;
        border: 0 !important;
        background: transparent !important;
        color: transparent !important;
    }
}

 

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.