ievavi

Heey, Kill! Thanks for sweet words — yes, of course! 🙂 Squarestylist's mega menu could be a good starting point and then you can customised according to your needs: https://www.squarestylist.com/shop/mega-menu If free alternative, this article can be very helpful: https://ryandejaegher.com/how-to-add-a-desktop-burger-to-squarespace-7.1/

No I haven't. Since I would love to reorder the items (push the price down).

Exactly! That the sub-items (sub-pages) (weddings / portraits / lifestyle / gift vouchers) would expand automatically. Any advice?

The solution was not found. Would you have some suggestions, @tuanphan?

I would love to know as well how the links in folder would be displayed in mobile (without the arrow). May you have a spare minute to shed some light, @tuanphan? The site: www.ievaviphoto.com I'm looking for something similar to the attached example for the links in the folder.

Site URL: https://www.ievaviphoto.com/ Hi! I'm looking for a solution how the pages inside the folder (Info) would be visible on Mobile Menu without clicking. Something similar to the attached example: My site: www.ievaviphoto.com

Thomas @creedon, any chance you might be able to share some knowledge how the reorder of the product details can be achieved making the quantity & add to cart buttons to stay in one row?

Ah, I see! The intention is to keep add to cart & variants buttons to stay in one line. How could I reorder the productItem-details and also make those two stay in one line, @bangank36?

Thanks so much!

Hmm .. I added this piece of code to the store page, however, no changes are visible. The site is built on 7.0 .. <style> /* begin store product details reorder desktop Version : 0.1d0 SS Version : 7.1 Dependancies : store product details display flex desktop By : Thomas Creedon < http://www.tomsWeb.consulting/ > */ @media screen and ( min-width : 768px ) { .ProductItem-details .ProductItem-details-checkout { /* this is where you control the order of elements. replace unset with a number. use 1, 2, 3, etc. */ --add-to-cart-button : 3; --description : 1; --price : 4; --quantity : unset; --variants :2; } /* do not change anything below, there be the borg here */ .ProductItem-details .product-quantity-input { -webkit-box-ordinal-group : calc( var( --quantity ) + 1 ); -moz-box-ordinal-group : calc( var( --quantity ) + 1 ); -ms-flex-order : var( --quantity ); -webkit-order : var( --quantity ); order : var( --quantity ); } .ProductItem-details .product-variants { -webkit-box-ordinal-group : calc( var( --variants ) + 1 ); -moz-box-ordinal-group : calc( var( --variants ) + 1 ); -ms-flex-order : var( --variants ); -webkit-order : var( --variants ); order : var( --variants ); } .ProductItem-details .ProductItem-details-excerpt { -webkit-box-ordinal-group : calc( var( --description ) + 1 ); -moz-box-ordinal-group : calc( var( --description ) + 1 ); -ms-flex-order : var( --description ); -webkit-order : var( --description ); order : var( --description ); } .ProductItem-details .ProductItem-product-price { -webkit-box-ordinal-group : calc( var( --price ) + 1 ); -moz-box-ordinal-group : calc( var( --price ) + 1 ); -ms-flex-order : var( --price ); -webkit-order : var( --price ); order : var( --price ); } .ProductItem-details .sqs-add-to-cart-button-wrapper { -webkit-box-ordinal-group : calc( var( --add-to-cart-button ) + 1 ); -moz-box-ordinal-group : calc( var( --add-to-cart-button ) + 1 ); -ms-flex-order : var( --add-to-cart-button ); -webkit-order : var( --add-to-cart-button ); order : var( --add-to-cart-button ); } } /* end store product details reorder desktop */ </style>

Hi, @creedon! Any chance you would be able to give a hand to pushing the price title above quantity and add to cart to button? I find it a little challenging task due to the code we added earlier this year to the site. Example: https://rocksforlife.com/our-jewellery/double-pav-hoop-large-white-gold

Site URL: https://rocksforlife.com/ Hello, I would love the price to be displayed above Quantity and Add to Cart buttons rather than under the product title. How could I achieve that? This code doesn't work for me since I also want Quantity and Add to Cart buttons to be displayed in one line for desktop. section.ProductItem-details .ProductItem-details-checkout { display: flex; flex-flow: column; } .ProductItem-details .ProductItem-details-excerpt { order: 1 !important; } .ProductItem-details .product-variants { order: 2 !important; } .ProductItem .ProductItem-details .product-quantity-input { order: 3 !important; } .ProductItem-details .ProductItem-product-price { order: 4 !important; } .ProductItem-details .sqs-add-to-cart-button-wrapper { order: 5 !important; } .ProductItem .ProductItem-additional { order: 6 !important; } Example: https://rocksforlife.com/our-jewellery/double-pav-hoop-large-white-gold Thank you!

Did you find a solution? Having the same issue 🙂

Any chance how this code could be tweaked for mobile? That it could change direction to one column and all go down (like in the attached example)?

Did you find the answer? Also, looking for some help how to change to Monday! 🙂