Jump to content

Collapsing columns gracefully

Recommended Posts

I'm reworking my websites to use MANY product variants. I currently just show pricing for custom print products, but I'm going to be opening it up to be like a real print shop very soon. As soon as I can get all of my product pages converted...

https://brownlee.squarespace.com/printshop/p/buscards

I'm trying to make the 2nd row of stuff break down a little better. I'd like the mobile split to take it down to 2 columns:

A) pricing

B) image, then templates, then artwork guidelines

I'm hoping that what ever the solution is, I can just duplicate it and change the info for each specific product. 

Also, maybe I should start a different thread for this, but I'm adding all this stuff into the "ADDITIONAL INFO" box of my product. The editor in there seems kind of clunky to me. I'm using Chrome, and I'm updated to the newest version. It doesn't preview any font-types correctly, and things like adding the colored background animation and other formatting pieces just straight up don't work. 

Screen Shot 2023-06-15 at 3.44.06 PM.png

Link to comment
  • Replies 3
  • Views 252
  • Created
  • Last Reply

Top Posters In This Topic

Quote

I'm hoping that what ever the solution is, I can just duplicate it and change the info for each specific product.

You can create a product item template that has the structure you want, set it hidden, and duplicate it as needed.

ScreenShot2023-06-15at4_09_12PM.png.6d27c664d3b572d2d7d305d5690e6248.png

3 hours ago, BillChesney said:

I'm adding all this stuff into the "ADDITIONAL INFO" box of my product. The editor in there seems kind of clunky to me. I'm using Chrome, and I'm updated to the newest version. It doesn't preview any font-types correctly, and things like adding the colored background animation and other formatting pieces just straight up don't work.

It is limited compared to a page section. The AI editor is essentially a single Classic Editor page section, without the design features of a page section. You do have access to pretty much the full range of blocks.

ScreenShot2023-06-15at4_16_22PM.png.e870b0fd975654180eab18d9a1bf7cf0.png

You can of course enhance the AI with custom CSS/JavaScript to perhaps get close to the effect you want.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

For the "additional info", the functions that I'm trying to access are there in the tool bar, but when I try to utilize it, it won't allow it. For example, the "A" with the squiggly like under it - I can hit the button, but when I go to modify the color or something, the ui breaks down. Hard to explain... but, maybe try to duplicate that and see what happens. I thought maybe it was just my browser or os, but I've tried on a couple diff machines with the same results. 

Also, the preview is not showing me what's really there. Here's a screenshot in both modes.  

Screen Shot 2023-06-16 at 9.49.29 AM.png

Screen Shot 2023-06-16 at 9.50.06 AM.png

Screen Shot 2023-06-16 at 9.49.51 AM.png

Link to comment
Quote

I'm adding all this stuff into the "ADDITIONAL INFO" box of my product. The editor in there seems kind of clunky to me.

I can confirm editor UI brokenness. There is nothing we can do here to help except suggest you contact Customer Support.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

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.