Jump to content

Responsive Filterable Gallery

Recommended Posts

Hi,

 

I would like to make a frontpage with an introduction of myself and then a section with my portfolio where you should be able to filter to view only for example "campaign" "illustration" and "graphic design" Does anyone have an idea for how to make this? Should I add the images as products or blogposts?

 

Is there any way to have this in squarespace in a smooth way?

like this feature: http://mportfolio.galaxy-themes.com/fashion/ 

Kind regards
Lisbet 

Link to comment
  • 3 months later...
On 1/24/2020 at 9:55 PM, lisbet said:

Hi,

 

 

19 hours ago, chandlerbing said:

been trying to filter images in my portfolio too

Interesting Topic. I will write a guide this week.

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
21 hours ago, chandlerbing said:

Awesome! Where will that be available?

I'm testing & writing, but I have this problem. What do you think?

My intention is to create a page like this, you will see the categories All Branding, Creative ...

Click on each category, it will filter out the corresponding portfolios

image.thumb.png.f912405d95cf1952a955e89b42531d91.png

 

And this is my original intention. Create Portfolio pages, and change sub-pages according to a special structure. Then create Filterable Portfolio Page, use Summary Block + Code to connect sub-pages in Portfolio Pages. However, I have discovered that Summary Block does not allow displaying porfolios from Portfolio pages :(

And here are 2 ways to solve this problem. what do you think?

W1. Still create portfolio pages, with sub-pages using special url structure. Then create a Filterable Page, use the Gallery Block/Section, add images, and insert links to the corresponding portfolios of Portfolio Pages.

pros is that you can use the default styles of Portfolios

W2. Create Blog Page (with Blog page = Portfolio Page, Blog Posts = Portfolios). Then create a Filterable Page (Portfolio Page), use the Gallery Block/Section to connect to the posts in the created blog page.

pros is that you can use tags, categories

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

Just one update: I tried it on Business Plan last week, but it didn't work. I am trying a different way, hoping to finish this week.

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
  • 2 weeks later...
  • 4 weeks later...
On 6/29/2020 at 8:13 PM, NaomiHt said:

Hi @tuanphan, I'm following this because I'd love a solution too!

Try this Filter Plugin. You can create filter features, support both Gallery Page, Portfolio Page, Blog Page, Product Page, Summary Blocks. 

You can also use it to add search, sorf by Price/Alphabetically,...

Adadiamonds example.jpg

1594359987795-PG8BJP2DFVBRRTQESZQW.thumb.jpg.172ea039717436f8d72023d5531da1dc.jpg

Edited by tuanphan
update images for better explain

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
  • 1 month later...
  • 2 weeks later...
  • 3 weeks later...
On 8/7/2020 at 5:23 AM, nicolettely said:

Hi tuanphan!

Are these the complete steps to doing this without a plugin? Where is the code? Thank You!

 

On 8/16/2020 at 7:37 AM, Rossj said:

Is this up on your blog? I can't seem to find it but I might not be looking in the right place

No luck with Personal plan.

You can create more pages, add projects, insert Text link above, link to each pages.

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.