Jump to content

Moving 'Additional info' underneath Product info

Recommended Posts

  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

On 2/24/2021 at 5:56 PM, amy_knowlton said:

I'd like to move the 'additional info' copy from the bottom of the page (centred) to underneath the product info on the right but still in italics. 

Is this because you want to show the disclaimer with the product information and add-to-cart button? Or is it because you want all content in 'Additional Info' to appear in this position?

If it is the former, it will be easier to write you some code that adds the disclaimer to the product details panel directly, rather than adding it to the 'Additional Info' section and then relocating it.

Edited by paul2009

About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!
If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.
Improve your online store with our extensions.

Link to comment
On 2/24/2021 at 6:30 PM, paul2009 said:

Is this because you want to show the disclaimer with the product information and add-to-cart button? Or is it because you want all content in 'Additional Info' to appear in this position?

I basically wanted to add dropdown points with 'product details' and 'additional info' and the option to click each point and show more information for each point. But I want it to show underneath the add to cart but so that it is aligned on the right with the rest of the info.

I've added code that I think makes it function as dropdown points but I still can't get it to align with the info on the right. 

Link to comment

Yes! I thought i'd worked around it by adding a gallery image with the information I need instead of trying to work out how to code it (see attached image) but then on mobile view the image is way too small and you can't see the information.

As an alternative I don't know if there's a way to show a different gallery image on mobile to desktop? 

Screenshot 2021-03-03 at 20.07.17.png

Screenshot 2021-03-03 at 20.07.59.png

Link to comment
On 3/4/2021 at 3:08 AM, amy_knowlton said:

Yes! I thought i'd worked around it by adding a gallery image with the information I need instead of trying to work out how to code it (see attached image) but then on mobile view the image is way too small and you can't see the information.

As an alternative I don't know if there's a way to show a different gallery image on mobile to desktop? 

Screenshot 2021-03-03 at 20.07.17.png

Screenshot 2021-03-03 at 20.07.59.png

You can add 2 galleries, then we will give the code to show 1 on desktop, show 1 on mobile.

Also, do you want to increase add to card, variant width?

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

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.