Jump to content

Designing a commercial photographic portfolio

Recommended Posts

I have searched through the Forum and cannot find a solution to my problem with site design.  I am not an expert and do not understand CSS code.  Currently I am trying to create a website using SquareSpace version 7.1 which will contain a portfolio of images that will be for sale. In order to maintain a reasonable site speed, I will be using smaller versions of each image. I will then mail the larger images to customers as required.

I currently have a main landing page which contains 6 main categories i.e. Travel, Nature and Wildlife, Infrastructure etc. When you click on one of these main categories you will be sent to a page that contains variations of the main category i.e., under Nature and Wildlife will be Plants, Trees, Landscapes, etc.

Each of these sub-categories will have approximately 300 or more images and I would like them to all display in a way that shows the images in their best layout and correct aspect ratio i.e. Landscape and Portrait on the same page.

Currently I am using Summary blocks to achieve this (which then links to the Store page) but would prefer if the Store Pages could show the images in their correct aspect ratio so that the site visitors could land directly there.  (my reason is that the Store page can take up to 10,000 images but the summary blocks only 30 and I don’t want to use tags etc to connect them)

Or is there another way to create this.  I tried Gallery Pages but the Store pages do not automatically upload to them as they do to Summary blocks.

I would be grateful for any advice regarding this issue.

Link to comment
  • Replies 5
  • Views 211
  • Created
  • Last Reply

Top Posters In This Topic

22 hours ago, CarlyField said:

I am trying to create a website using SquareSpace version 7.1 which will contain a portfolio of images.

I would like [the images] to all display in a way that shows the images in their best layout and correct aspect ratio i.e. Landscape and Portrait on the same page.

There are a number of ways to do this.

I wrote about one solution here: Product image aspect ratios on Squarespace 7.1. Let me know if this helps 🙂.

Did this help? Please give feedback by clicking an icon below  ⬇️

About me: I'm Paul, a SQSP user for over 18 yrs and a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji below. Buying a coffee is optional.

Book paid help with domains: Connect a GoDaddy domain. Connect a Squarespace Domain. Domain assistance

Link to comment

Thank you for your very interesting solution.  My only worry is that I am totally unfamiliar with CSS and rather nervous about using it.  I would not know where to start. I intend to reread your helpful article to see how it all works.  Many thanks

Link to comment
1 hour ago, CarlyField said:

My only worry is that I am totally unfamiliar with CSS and rather nervous about using it.

Thanks for this feedback. If you find any of it confusing or need more information, please let me know.

About me: I'm Paul, a SQSP user for over 18 yrs and a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji below. Buying a coffee is optional.

Book paid help with domains: Connect a GoDaddy domain. Connect a Squarespace Domain. Domain assistance

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.