Jump to content

Moving 'Additional info' underneath Product info

Recommended Posts

  • Replies 5
  • Views 370
  • Created
  • Last Reply
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.

About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥.
Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. 
Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional.

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.