elijah_aaron

check above - once you know that mobile is a different beast now - it helps A TON! I didn't like it at first but now I love it! MUCH MORE control!!
 :)))))

Fluid Engine had two completely separate block layouts, desktop and mobile. Edits to the block layout on desktop do not affect the mobile layout. To edit the mobile layout, edit the page, then toggle the mobile view and rearrange everything. When you click a block, you'll see an arrow up and arrow down option, this can help shifting things around, but you can also just drag and drop as usual. It's a really important change, and Squarespace have not emphasised this enough for users like yourself. Any change you make must happen on desktop and mobile.

When using the new 'Fluid Engine' tool, the mobile layout is entirely separate to the desktop layout.
By default, the mobile layout will show the elements in the order that you added them to the page during the design process. Once you have laid out the desktop design you can switch to the mobile preview and then drag and drop the elements into the required order/position - independently of the desktop layout. 

This should help, add to Custom CSS
.product-quantity-input { display:none; }  
 
 
 
 

Add to Design > Custom CSS
@media screen and (max-width:767px) { div#page-section-62be887145f98f2c6b5f243c .span-4 { width: 33.3333% !important; float: left !important; } div#page-section-62be887145f98f2c6b5f243c .button-block { padding: 5px !important; } }  

Add to Design > Custom CSS
@media screen and (min-width:768px) { div#block-yui_3_17_2_1_1656774433360_3160 { position: relative; right: -100px; z-index: 9999; } div#block-yui_3_17_2_1_1656774433360_4791 { position: relative; left: -100px; z-index: 9999; } }  

Add to Design > Custom CSS
/* disable product block title */ .product-block .productDetails .product-title { pointer-events: none; }  

Use this code
a.product-title { color: red; font-size: 30px !important; line-height: 30px !important; } .product-block div.sqs-add-to-cart-button { background-color: red !important; border-color: red !important; color: white !important; padding-top: 20px !important; padding-bottom: 30px !important; padding-left: 30px !important; padding-right: 50px !important; }  

To add multiple drop-down menus for a product (for example, Size and Paper type) add multiple variants. When you create multiple variants, they appear in separate drop-down menus on a product's page. In the product editor, they appear in multiple rows so you can manage pricing and stock levels for each option.
See Adding product variants. You can add details of the additional cost to the title of each option to help customers. For example, add an option called “30 x 90 (+ €30)”.

Add to Design > Custom CSS
/* space quantity - price */ .product-block .productDetails .product-price { margin-bottom: 0px; } /* product title size mobile */ @media screen and (max-width:767px) { a.product-title { font-size: 18px !important; } }  

How do I add a "Next" and "Previous" button in the first place? I can't figure out if it comes with my site version or not. That would be SO helpful

Thanks! It sure does! Now technically couldn't I target the 7.0 style galleries at the top of the page and give some sort of CSS command to show meta data under the title? This HTML is a GREAT solution for the 7.1 style gallery, but I like the 7.0 style galleries at the top of the page because they fit under tabs that I have created. Either way you've helped me so much! Thank you for the kind words!

Wow this could actually work! I'm wondering how to fix the enormous amount of padding that it's adding below the image...

 

Gallery description support hmtl, have you try to add an <a> tag to the caption?

Site URL: http://www.abba.squarespace.com/gallery
Here is my page in question... it's still in sandbox mode 🙂  http://www.abba.squarespace.com/gallery 
I hope someone out there can follow this 🙂
I'm using a plugin that allows for image galleries to be used as blocks in 7.1. It uses the 7.0 style galleries when using them as blocks. In other-words, I have access to both so I'm flexible if theres a solution. 
I'm using an external zoom script for my galleries to hover on zoom and click for full screen so I can't use a click through link.
What I'd like to do, is  take the the gallery section of my site, and combine an option to add each item to the cart. The only thing I can think is to find a way to show gallery description with a clickable link, OR use a 7.1 gallery and find a way to make the TITLE a link. 
I know about summaries, but they show only a thumbnail and if you see my site, you'll quickly see why the artwork needs a hirez picture. 
Can someone out there please help!