Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
Alpi87

Page header code injection in product pages

Question

Hi all! I would like to introduce some code in my product pages (not where all my products are displayed but in each product page). I usually go to the page I want to tweak and click in Page settings>Advance>Page header code injection (the changes here only applies to this page). If I want to change by instance, the logo on the product pages, How can I do it?

Thanks!

Share this post


Link to post

10 answers to this question

Recommended Posts

  • 0

 Thanks for the reply.  

Attached are the screenshots of the product page I want to change, and then the result with the changes. The problem I have is that to modified that page, the only place to write the code is in Design> custom CSS, and this affects all the pages in the website, when I only want to change all the product pages.

Basically the change I want to introduce is to set a certain width to the main content (only in product pages) so when the width of the browser decreases, the content does not need to adapt and I can control the behavior better.

This is the code:

.Header-inner, .tweak-site-width-option-full-background .Intro-content, .tweak-site-width-option-full-background .Main-content, .tweak-site-width-option-full-background .Footer-inner, .tweak-site-width-option-full-background .Index-page-content {
    max-width: 900px;
    }

 

product_page.jpg.23275f4d629e76b088b8b594d09be50c.jpgproduct_page_modified.jpg.797c064da0d2f4bcd40ad957fc325829.jpg

Share this post


Link to post
  • 0

Hi! I have followed your instructions. However I have insert some "product additional information". This information displays at the bottom of the page, right above the footer. I would like this information to not be affected by the code before, so it occupies the full width of the browser.

Is there any way this can be achieved?

Regards.

test1.thumb.jpg.be21df5c7e5a7ad5cd62c3b3ff8f26bc.jpg

test2.thumb.jpg.f5bcf1cad6b9130d35c9f8be48cfa7b8.jpg

Share this post


Link to post
  • 0
Posted (edited)

I'm so glad I found this thread! I've been trying to figure this out thank you! Does anyone also know the correct code for having the product item detail image fullscreen above the details and pricing excerpt? And then how to center the pricing and details below the image? 

 

Edited by Aesthetic_Collab

Share this post


Link to post
  • 0
On 5/18/2020 at 8:07 PM, Alpi87 said:

Hi! I have followed your instructions. However I have insert some "product additional information". This information displays at the bottom of the page, right above the footer. I would like this information to not be affected by the code before, so it occupies the full width of the browser.

Is there any way this can be achieved?

Regards

 

missing your question. Have you solved yet? If no, I will check again.


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

Share this post


Link to post
  • 0
7 minutes ago, Aesthetic_Collab said:

I'm so glad I found this thread! I've been trying to figure this out thank you! Does anyone also know the correct code for having the product item detail image fullscreen above the details and pricing excerpt? Please see screenshot for reference. And then how to center the pricing and details below the image? 

Can you share link to product page?


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

Share this post


Link to post
  • 0

I can't share the page right now. I am privately building the site. I am just asking in general- I have thoroughly searched for this info and can't find any codes or direction-  I can't figure out the correct code, I'm still learning the ropes of more complex CSS. I think it would be helpful to others to know how to customize the product detail view since the default product view is pretty limited. Thank you for your help and any info! I have found so many threads where your expertise has saved me and info you have provided was exactly what I was searching for, you are truly prolific here in the forum! I appreciate you!  @tuanphan 

Share this post


Link to post
  • 0
On 5/22/2020 at 12:43 AM, Aesthetic_Collab said:

I can't share the page right now. I am privately building the site. I am just asking in general- I have thoroughly searched for this info and can't find any codes or direction-  I can't figure out the correct code, I'm still learning the ropes of more complex CSS. I think it would be helpful to others to know how to customize the product detail view since the default product view is pretty limited. Thank you for your help and any info! I have found so many threads where your expertise has saved me and info you have provided was exactly what I was searching for, you are truly prolific here in the forum! I appreciate you!  @tuanphan 

When you want to share, you can setup password & share url


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...