HeatherCL

I am redesigning my site to feature two store pages instead of just one. I can create new projects and assign them to the new store page, but all my original products are assigned to the original store page and I can't figure out where in the product settings I can reassign them to the new store. Is there a way to do this?

My page is under construction so I unfortunately don't have a live link to share but hoping this question has a simple answer. 

@paul2009 Thanks for the suggestion! I am still on Squarespace 7.0 so I don't think that feature is available to me until I migrate to 7.1 - which I should probably do at some point, I'm just putting it off since I'd have to redo my site as a whole. 

Thank you so much! This worked great and I see the two columns now - however, the product description and everything still gets pushed down below the image gallery. Is there any way to get it to appear side by side with the images, like the product name does? 

Site URL: http://www.byspiritofsalt.com/shop/wrappingpaper

Hello - Is there a way to force mobile product pages to  maintain the desktop  2-column layout?

 I have some products with lots of product photos and it takes forever to scroll through them on mobile to reach the product information. Example:   https://byspiritofsalt.com/shop/wrappingpaper 

Additionally, products such as that one have multiple color options, and on desktop when you click the color option in the dropdown it moves the featured color image to the top, which is great. However on mobile there is no way to see what images correspond with the chosen color. 

My thinking is the easiest solution for both problems is to just keep the same layout as desktop. 

@tuanphanWorked like a charm, thank you so much!

Hi @tuanphan @Ziggy hoping this thread is still active. I am trying to do something similar, make an image gallery show two columns on mobile. On desktop the number of columns is dependent on browser width and when it goes to mobile it defaults to one image column no matter what the other settings are. I used the code below and it did make the images on mobile small enough to fit two columns, but they are still just stacked in one column. 

@media only screen and (max-width:767px) {
 .gallery-wrapper {
    display: grid;
   grid-template-columns: 1fr 1fr;
  }

Webpage:https://byspiritofsalt.com/animal-tattoos

@LesumSure: https://byspiritofsalt.com/animal-tattoos

Howdy! I am looking for some custom code to help resize images on mobile. In my image galleries on desktop I have a minimum column width of 190 so I get 4-7 columns of images depending on browser size. However on mobile it just shows one image per column (IE each image displayed is at 100% browser width plus margins.) I'd like to have at least 2-3 image columns on mobile so it's easier to scroll through a bunch of images. Any help with custom code that would achieve this would be appreciated!