CptFeeny

@mormorchu 

Brilliant! THANK YOU!!!!!

I never would have thought to ask ChatGTP for help. 

I'm so happy this solution worked. ❤️

On 9/9/2023 at 2:36 AM, tuanphan said:

Hi,

Have you found a solution yet?

I still need help. You shared code with me in another post but it didn't work. 

<!-- by @nhannhot-tuanphan -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
$(document).ready(() => {
function scrollToAnchor(aid){
    var aTag = $(aid);
    $('html,body').animate({scrollTop: aTag.offset().top},'slow');
}

scrollToAnchor(location.hash);
})
</script>

23 minutes ago, tuanphan said:

Try to Code Injection > Footer

<!-- by @nhannhot-tuanphan -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
$(document).ready(() => {
function scrollToAnchor(aid){
    var aTag = $(aid);
    $('html,body').animate({scrollTop: aTag.offset().top},'slow');
}

scrollToAnchor(location.hash);
})
</script>

 

@tuanphan Unfortunately that did not work. 

I need help returning to the same place on the previous page for the mobile version of my website. 

• Attached is a screen recording of my mobile site where I demonstrate scrolling down a store page to a product page, accessing the product page, and then returning to the store page. 

• Also attached is a screen recording of my desktop site where I demonstrate the same sequence as in the mobile version. 

As you can see, the mobile version returns to the top of the page whereas the desktop version returns to the previous position. 

I would like the mobile version to return to the previous position just like the desktop version. 

Any help is greatly appreciated! 😃

Website: https://www.brendanalexphoenix.com/prints-oregon

On 8/28/2023 at 12:08 PM, TFWC said:

When I click the back button to go back to the previous page it brings me to the top. How do i have it bring me to where i left off.

@tuanphan @TFWC

Hi, I'm also having the same problem, BUT on the mobile version of my website only. 

When I return to the previous page on the desktop version, I like that I can return to the same place I was previously on, but on the mobile version, I do not like that the page refreshes to the top. 

This problem occurred after Squarespace's recent update in August. 😵‍💫 

• Attached is a screen recording of my mobile site where I demonstrate scrolling down a store page to a product page, accessing the product page, and then returning to the store page. 

• Also attached is a screen recording of my desktop site where I demonstrate the same sequence as in the mobile version. 

As you can see, the mobile version returns to the top of the page whereas the desktop version returns to the previous position. 

I assume this is a relatively easy fix?  

@tuanphan Thank you! Your code worked perfectly for the footer. 

Attached is an image showing the highlighted section and the source code for the Collection. 
It turns out the specific name is collection-footer.

I modified the code you gave me earlier... It works! 😀

.collection-footer .image-block {
    pointer-events: none;
}

12 hours ago, tuanphan said:

You mean: Remove Blue Overlay + Remove lightbox on Footer images?

The blue overlay is okay. 

Yes, remove lightbox on both Collection and Footer images.
Collection and Footer are separate sections on the website. 

 

@tuanphan Thank you! That solves the issue with the product page. 

However, I'm still having the same issue with both the Collection and Footer. Please see the attached video. 

Every photo on a product page opens up to the same product image lightbox. 

If I go to Site Styles and deselect Enable Lightbox the issue goes away. 

I want only the product image to open up to a lightbox and not any other image unless specified in the image block. 

Attached is a video screenshot demonstrating the problem. (Note how the cursor for the product image is an arrow, but changes to a hand cursor for every other image.) 

I also would like the hand cursor on non-lightbox images to be turned off or switched to an arrow cursor. 

Thanks! 

-CptFeeny

Version 7.0 – York Family (Template)
https://www.brendanalexphoenix.com/bapstract-store/now-clock-1

10 hours ago, bangank36 said:

Thanks for the sharing! What was your site

https://www.brendanalexphoenix.com/

😃

On 4/17/2021 at 11:47 PM, ianmcarey said:

FYI can confirm that BaNgan's plugin does this well!

https://www.etsy.com/listing/948815689/squarespace-plugin-pinch-zoom-lightbox?utm_source=squarespace_forum&utm_medium=topic&utm_campaign=support

Thank you! I used your recommendation to purchase Ba Ngan's plugin. Great customer service, too. 

With the plugin, I can pinch and zoom on phone/tablet, and zoom scroll on desktop. Also on phone/tablet, the caption appears, too. Both the ability to zoom and the visible captions are a big plus for customers navigating my website! 

34 minutes ago, tuanphan said:

Hi. Sorry for the delay. Do you still need help on this?

Yes, please. 
 

Would you be able to help?

15 minutes ago, tuanphan said:

Can you share link to product in screenshot? We can check easier

https://www.brendanalexphoenix.com/prints-oregon

This has been a helpful thread!
 

Now, I would like to make the second line normal and a lighter weight. 
 

For example: 
"Chehalem Fall (2)"
    Fine Art Print

Is it possible to make the text to the right of the ( - ) normal and a lighter weight? 

Website: www.BrendanAlexPhoenix.com
Version: 7.0
Family/Template: York Family (Jones Template) 

Thank you! 

CptFeeny

@rwp 

I tried my best to follow the instructions and free code you kindly provided, 
but it did not work for me. 

This must be because I have Version 7.0? 

Here's a screenshot of the code I'm using. 

 @rwp Thanks for the reply! 🙂

Just checked. Version is 7.0
Updated my original comment. 

@tuanphan Thank you 
 

@Yoline, I am having the same problem.
I agree, it's annoying to have the page reload to the top each time a category is chosen. 
I want my customers to easily switch between categories without having to scroll down from the top of the page each time. 

Have you found an answer by contacting Squarespace support? Or have you privately emailed/messaged any of the community developers? 
I'm surprised this question hasn't been asked and answered before.

I will contact Squarespace support when they are available. But I will directly ask some of the community developers... 
@tuanphan @rwp @paul2009

I agree with you that anchor links are part of the solution. 
I know how to add an anchor link using a code block right above the categories, but I don't know how to change where the categories link to. 

I've even tried looking at the Inspector, but I don't have any experience coding.



 

Here's my website: www.BrendanAlexPhoenix.com
Version 7.0– York family (Jones template)
And here's the product page with categories: www.BrendanAlexPhoenix.com/prints
(I have three product pages: Cards/Prints/Free)

I wonder if this has to be done via the 'Code Injection' under 'Advance' for each product page. 

Hopefully we can get this solved sooner than later this time. 🙂
 

Solving this problem would greatly help my customers. 

dsnvee

Your code was the only one that worked for me! Thank you.