Adding custom password field

Site URL: https://www.john-crump.com

Is it possible to create a custom password field that when filled in, it will redirect the user to another page? Basically I have a 2 index website and when a user clicks on a particular thumbnail on my homepage, I want the user to be taken directly to the password protected 2nd index. Currently I have an extra step because I can't get "URL redirect" to work with my template, so when the user clicks the thumbnail they are taken to a page where they have to click a link that takes them to the password protected index. I hope this makes sense! It seems like something that is possible with some custom CSS perhaps. Thank you

We can change thumbnail url to custom url.

Which thumbnail you want to do this?

So on my homepage, I want the Apple thumbnail to redirect to another index that is password protected.

Currently the flow is: click on Apple thumbnail > click on button that I created > enter password > 2nd index appears

The flow that i want is: click on Apple thumbnail > enter password > 2nd index appears

There's an extra step that is a bit of a disruption to the flow and simplicity of the site.

Thanks!

On 6/17/2022 at 12:14 AM, jcrump1101 said:

So on my homepage, I want the Apple thumbnail to redirect to another index that is password protected.

Currently the flow is: click on Apple thumbnail > click on button that I created > enter password > 2nd index appears

The flow that i want is: click on Apple thumbnail > enter password > 2nd index appears

There's an extra step that is a bit of a disruption to the flow and simplicity of the site.

Thanks!

Add this code to Settings > Advanced > Cod Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() { 
		$('#grid .item a[href="/apple4"]').attr('href','https://google.com');
	});
</script>

Replace google with 2nd index page