Jump to content

Summary Block Image Not to Source URL

Recommended Posts

Hey all,

I will use "Link Post Title to Source URL" in my Blog Post. And if I use it, the Summary Block Image and Title goes direct to Source URL but I will that in the Summary Block also the Image goes to Blog Post and the "Title" goes to Source URL.

Is this possible?

Thanks for help.

Bildschirmfoto 2023-10-26 um 00.05.32.png

Link to comment
  • Replies 17
  • Created
  • Last Reply

Top Posters In This Topic

Add to Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
  $(".summary-item").click(function(){
		window.location=$(this).find(".summary-title a").attr("href"); 
		return false;
	});
</script>

Reference: 

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Hey thanks!

One more question, I have a round corner and border about product images (Used code you see in the image)

in the product overview the border looks good but in on the product page not the complete border is showing.

Can you tell me how to fix this? Big Thanks

Bildschirmfoto 2023-11-06 um 11.54.52.png

Link to comment

Hey,

and one more think:

Product page I have a link that show a Botton, but only the first link should show a button and the second link on the page should look normal:

I use this code:

/* Product Page Button from text link*/

div.ProductItem-details-excerpt a {
    text-decoration: none !important;
    background-color: black;
    color: white;
    border-radius: 8px;
    padding: 10px 20px;
    font-family: helvetica;
    font-weight: 400;
    font-style: normal;
    text-transform: none;
        font-size: 1rem;
    line-height: normal;
    padding: 1.4em 1.503em;
    letter-spacing: 0.02em;
    margin-bottom: 20px;
    display: inline-block;
}
div.ProductItem-details-excerpt a:hover {
    background-color: transparent;
    color: black;
}
.sqs-add-to-cart-button-wrapper {
    display: none !important;
}
.product-quantity-input {
    display: none !important;
}
.ProductItem-details .ProductItem-details-excerpt a {
    width: 88% !important;
    text-align: center;
}
.ProductItem-details .ProductItem-details-excerpt p:first-child a:hover {
    background-color: #111111;
    color: white;
}
.ProductItem-details .ProductItem-details-excerpt p:first-child a {
    border: 1px solid #111111;
    background-color: #A5B7FF;
    color: #111111;
}

Bildschirmfoto 2023-11-06 um 21.59.26.png

Link to comment
On 11/6/2023 at 5:58 PM, dake said:

Hey thanks!

One more question, I have a round corner and border about product images (Used code you see in the image)

in the product overview the border looks good but in on the product page not the complete border is showing.

Can you tell me how to fix this? Big Thanks

Bildschirmfoto 2023-11-06 um 11.54.52.png

Use this code

.ProductItem-gallery-slides-item {
    border: 1px solid black;
    border-radius: 10px;
}
.ProductItem-gallery-slides, section.ProductItem-gallery {
    overflow: visible !important;
}

image.thumb.png.09dbc145c1eb59146484689db2bfd882.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 11/7/2023 at 4:01 AM, dake said:

Hey,

and one more think:

Product page I have a link that show a Botton, but only the first link should show a button and the second link on the page should look normal:

I use this code:

/* Product Page Button from text link*/

div.ProductItem-details-excerpt a {
    text-decoration: none !important;
    background-color: black;
    color: white;
    border-radius: 8px;
    padding: 10px 20px;
    font-family: helvetica;
    font-weight: 400;
    font-style: normal;
    text-transform: none;
        font-size: 1rem;
    line-height: normal;
    padding: 1.4em 1.503em;
    letter-spacing: 0.02em;
    margin-bottom: 20px;
    display: inline-block;
}
div.ProductItem-details-excerpt a:hover {
    background-color: transparent;
    color: black;
}
.sqs-add-to-cart-button-wrapper {
    display: none !important;
}
.product-quantity-input {
    display: none !important;
}
.ProductItem-details .ProductItem-details-excerpt a {
    width: 88% !important;
    text-align: center;
}
.ProductItem-details .ProductItem-details-excerpt p:first-child a:hover {
    background-color: #111111;
    color: white;
}
.ProductItem-details .ProductItem-details-excerpt p:first-child a {
    border: 1px solid #111111;
    background-color: #A5B7FF;
    color: #111111;
}

Bildschirmfoto 2023-11-06 um 21.59.26.png

Can you share link to this product? I can imagine code easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 11/10/2023 at 3:10 PM, dake said:

Hey the code for border works perfect, but is must be also show on the product overview with the round corner

thanks

 

Bildschirmfoto 2023-11-10 um 09.09.26.png

With Overview page, use this code

div.post-type-store-item figure.grid-image {
    border: 1px solid black;
    border-radius: 10px;
}

With space under price, use this code

.ProductItem-details .ProductItem-product-price, .ProductItem-details .ProductItem-product-price .product-price {
    margin-bottom: 0px !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Big thanks,

and what about the links? Do you have a solution?

that only the first and second text link is a button and the other are normal text links.

 

And its possible to set the price when its $0,00 to word "FREE"

 

Bildschirmfoto 2023-11-06 um 21.59.26.png

Edited by dake
Link to comment

Hey,

im again 😉

hope you are well, sorry to be a pain but I need the function quickly so I can continue. Of course I would like to send you a donate for it 😉

1. So i need on the product page 2 button below each other (link from text link) with hover effect. (looks picture) and the other links should not be a button they should be normal text links.

2. And its possible to set the price when its $0,00 to word "FREE"

Thank you very much. 

Regards

Bildschirmfoto 2023-11-17 um 20.20.03.png

Link to comment
On 11/18/2023 at 2:26 AM, dake said:

Hey,

im again 😉

hope you are well, sorry to be a pain but I need the function quickly so I can continue. Of course I would like to send you a donate for it 😉

1. So i need on the product page 2 button below each other (link from text link) with hover effect. (looks picture) and the other links should not be a button they should be normal text links.

2. And its possible to set the price when its $0,00 to word "FREE"

Thank you very much. 

Regards

Bildschirmfoto 2023-11-17 um 20.20.03.png

#1. You mean add a second button, link to external link under Add to cart, each product will have a different external url?

#2. You mean change product price to "Free" when it is 0,00 on product detail page?

Can you share link to a 00 product?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Hey,

 

1. Yes I need to buttons (from text link) with link to external link, each product will have a different external url. And the other link on the product page should be normal text links (Check image)

2. Here is a link to a $0,00 product that should show "FREE" All product that have $0.00 price should show "FREE" also in the product overview (Check image)

https://wrasse-earthworm-4s9w.squarespace.com/templates/p/boulevard-table-8r5xz

Password:  TestWeb

 

Bildschirmfoto 2023-11-20 um 10.59.26.png

Bildschirmfoto 2023-11-20 um 10.59.15.png

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.