Meeeee

Does anyone know of a way to create a vertical gallery -- such as this sample below?  It's a simple and beautiful layout.  Thanks!

Hi All --

Is there something I'm missing about being able to swipe (on mobile) to go thru portfolio projects like we're in the 21st century?!  Or a better way to navigate these?  Thanks
 

Revisiting this -- even when logged in -- it keeps giving me my IP.  Perhaps it's that Safari (private browsing mode) and others cause this issue -- the weird thing is that of course it's the same IP, so it's kind of obvious.  A little database to exclude certain IP's would be great -- like Statcounter does for example, and as @RolandFuseHub mentioned google as well.  

how to add disallow ChatGPT to the robots file then?  @squarespace?

Hi All --

I just got my google pagespeed analyzed and they search for protections against things like XSS and while I know very little, seems like a dangerous potential issue, and it's a thing that lowers scores a bit as well potentially.  

https://gritdaily.com/case-study-wordpress-squarespace-and-wix-security/

Anyone have any real intel on this in regards to SS?  

I guess what I meant was that if @squarespace was really interested in making small improvements everyday, they would pick some of these really important time saving fruits!

On 1/28/2022 at 6:41 AM, DV2 said:

Just throwing in my agreement that Portfolios could benefit from two features:

1) The ability to duplicate a portfolio (to maintain styling etc. when adding a new portfolio)

2) The ability to add pagination at say 10, 40, 100 items to exceed the 40-item limit.

Curious why this still hasn't been looked at seriously -- after years and years?  

not sure how to do this since it has my whole shop of unpublished products....recommendations?

Hi - 

I have products that are imported thru third party integration/api and I'm wondering, if using CSS, it's possible to remove the year (and comma of course) in the product grid (and product detail page).  

The shop page isn't live right now, to share, but the products come in from a database that is supposed to be the single source of truth, but just the way they format the API, would just rather not have the date in there.  

My alternative is to basically redo all this, create new products, and not be able to utilize this API.  

Thanks!!

I came upon this -- trying to find a way to preview the member area and the user experience -- without literally having to buy my own membership, but alas, there isn't a way.  I am dumfounded and shocked since 2 years have passed and this isn't integrated.  

But then again, you can't even have the same content in multiple membership tiers either, you can't copy it over, you have to literally make new pages or use Memberspace plugin for additional money.  Pretty cray.  

Why is it still, in 2023 when we have gone past our own solar system, not possible to duplicate portfolio pages in Squarespace.  Is it some kind of cruel joke?  Because if you could, wouldn't it be easy to add them to different member areas, instead of having to rebuild, or at best "favorite" them as some clunky work-around?  

I'm just sayin -- it's 2023.  Cloning portfolio pages to reuse is literally low hanging fruit of feature updates.  

I agree Claire -- it's disappointing that duplicating at a minimum should be very easy in the member area, but it's not at all.  And they take a percentage of members $$ as well.  I guess it's a profit center for SS, but not development center where they can really help clients take advantage of it.  It's half baked, though offered at full price.  

@orneverornow what was your code please?  Having the same issue.  I also want mobile to autoplay as it's kind of a background video (it's muted) but it's not working, neither is "background=1" while removing other things.  

@tuanphan that didn't work.  But got me close enough to work it out on my own in under 5 hours!  🙂And to be honest, this feels WAY WAY better on my photography site because now it's almost like auto size and when I have medium format images, it shows the 4:3 aspect ratio properly. If a single product image ONLY.  

So this is what works to take your single product image from whatever it's forced to be, to allow for portrait or vertical images as well.  This was put in CSS.  

It's a bummer because it doesn't stretch the ProductItem-Summary over towards it, so there is a big gap in the space.  I guess you could align?

*disclaimer, the bad part of this is that the second image, if different aspect ratio by width or height, shows up right behind.  I guess it was too good to be that easy! Guess with Squarespace you can only use one camera or film size.  

But feels good if just one image! 😣

.ProductItem-gallery-slides-item-image {
    width: auto !important;
    height: 100% !important;
    top: 0 !important;
}

I'm curious if there is a "hide" the nth from the slides-item-image until clicked css that could happen, cause clearly, unless same aspect ratio, this isn't great for multiple images.  

On 1/31/2020 at 10:36 PM, tuanphan said:

Add to Home > Design > Custom CSS

body#collection-5d7ad0f223f3d9618c6cb1cb .ProductList-image {
    width: 100% !important;
    height: auto !important;
    top: 0 !important;
}

 

@tuanphan can you use this to target a specific product item page? For instance, mostly my images are landscape, but for the vertical images, well, the product page just makes it 3:2, cropping out the top, killing my image.  Can you target a page or image itself when shown using .productItem-gallery?  I guess the problem then is that the container is not the right size, so everything on the page must adjust, even if there is plenty of room.  

@paul2009So what do you do if you have a client who has a combination of vertical and horizontal product images.  Say statues in the shape of a lighthouse and horse and butterfly.  You must make the statue horizontal to appease the others?  This loses all detail.  And makes me wonder why in some places (gallery blocks for instance) they say "auto" but not in the product item page.  

As a photographer that wants to sell an image (at their native and system known aspect ratio), I'm not going to put white around it just to work around this craziness (though I have for the additional images throughout my site which is bad enough..  

Umm - what template are you in for 7.1???  I've tried multiple images and get same issue.  In the comments on the schwartz page, they also mention same issue...

@theokoustas reload the page in another browser.  Does the first image load?  Again, for me it just loads after I scroll.  I suppose not a big deal if you put parallax in the middle of the page that you're scrolling through, but if you want it on the top section, not sure how to get that first image or section loaded then activate the parallax.

https://www.dropbox.com/s/qi3dv05puuotcu8/ss-screenshot-parallax-bug2.mov?dl=0

Well, this code works from Ghost Plugins -- but is for image blocks: https://www.ghostplugins.com/steps/yd93lg7f

the problem with that code @derricksrandomviews is that it creates a quite blurry image underneath -- and I'm not finding a way to resolve it.  

In fact, I have this same issue.  I have this code, which creates a very nice image (even works on mobile), but it doesn't show up the first image until scroll starts.   So it looks like blank page. Unbelieveable.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/scrollax@1.0.0/scrollax.min.js"></script>
<script>
  $('.has-background').attr('data-scrollax-parent', 'true');
  $('.has-background .section-background').attr('data-scrollax', 'properties: { translateY: "40%" }');
  $.Scrollax();
</script>
<style>
  .has-background {overflow: hidden;}
</style>

I tried this great tutorial from Will Myers: https://www.will-myers.com/adding-parallax-effect-to-a-background-image-in-squarespace-71 but that is code creates a blurry background, so for me it's unusable.  It's also incredibly time consuming for many pages.  

And also tried youre recommendation of: https://schwartz-edmisten.com/blog/how-to-add-parallax-to-squarespace-7-1 but also blurry.  

Would love some help with this as well.  @tuanphan you wanna take a look?  

J

Just as an addition to @paul2009's  response -- the Item Product page can be expanded using Squarewebsites Admin Ui Tweak.  I'm happy he added that because this was a big problem for me.  Just click the upper right and expand the popup window (you see it in the screenshot above).

thanks alot -- 

55 minutes ago, tuanphan said:

.ProductItem .ProductItem-related-label {
    margin-bottom: 1px !important;
}

 

@tuanphan I'm looking to essentially remove this spacing.

I am playing around with this code: 

.ProductItem .ProductItem-summary {
    margin-bottom: -80px !important;
}

While it works, it doesn't seem right, and doesn't change anything on mobile, so that's an issue.

Thanks for clarifying and @tuanphan how do you decrease the padding in space above the related items?

@tuanphan i didn't know you were coming back for this: https://www.jalley.art/ login: 

Yes @tuanphan for related products