Nikitaly

Hi, Sorry. Brain fog. Hid footer div as follows: #footer.site-footer #social-hide { display: none; } All fine now. Thanks

Hi again, I know I said I'd got it BUT I hadn't realised that the 'social-hide' div is also showing in the footer (just it happens to be almost the same colour as the background. How do I hide it and then unhide it just for the store and event pages? Any help would be much appreciated. I really know no javascript! thanks

Thank you so much! Final css: .page-text-wrapper { display : flex; flex-direction : column; } @media screen and (min-width: 641px) { #social-hide { align-self : end; width : 25%; } } @media screen and (max-width: 640px) { #social-hide { align-self : end; width : 50%; } }

Thanks Creedon, I've almost got it but the social icons are spread across the whole width of the page instead of in a block on the right (as on other pages). Code used: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function() { $('#social-hide').insertBefore('.page-title'); }); </script> code block: <div id="social-hide" style="text-align:right !important" > <ul class="social-icons"> <li><a href="https://www.pinterest.co.uk/rebelrebele8/" class="social-icon"><img class="social-icon" src="https://static1.squarespace.com/static/5a045bf8a9db09cbf239e375/t/5a69ff9724a6944f0dc5815b/1516896151713/ICON_Pinterest+blue.png"></a></li> <li><a href="https://www.instagram.com/rebelrebele8" class="social-icon"><img class="social-icon" src="https://static1.squarespace.com/static/5a045bf8a9db09cbf239e375/t/5a69ff9324a6944f0dc57fc2/1516896148015/ICON_instagram+blue.png"></a></li> <li><a href="https://en-gb.facebook.com/RebelRebelE8" class="social-icon"><img class="social-icon" src="https://static1.squarespace.com/static/5a045bf8a9db09cbf239e375/t/5a69ff90e2c483be24a907ee/1516896144241/ICON_Facebook+blue.png"></a></li> <li><a href="https://twitter.com/RebelRebelE8" class="social-icon"><img class="social-icon" src="https://static1.squarespace.com/static/5a045bf8a9db09cbf239e375/t/5a69ff9971c10b67cf864516/1516896153314/ICON_Twitter+blue.png"></a></li> </ul> </div> https://pelican-plantain-cha4.squarespace.com/order-online?p pw: 2022! Your help is much appreciated. Thanks.

Apologies. We'd like it on both in fact. thanks for replying.

Hi, Is there no way to noindex just the product pages without losing the product listing on the store page? Any help much appreciated.

Hi Creedon, Thanks for replying. No. We'd like the social icons on jut the main store page.

Hi, Can anyone help? I'm trying to add a code block (containing custom social icons) at the top of the page to match the other pages on the website. Not sure where to start. site: https://walrus-springtail-ljhd.squarespace.com/workshop-events?p pw: 1mageproblem thanks

Hi @tuanphan Its on real mobile (android). The reviews come before the 'you may also like' and these products list in single column half width instead of full width single column. Any ideas gratefully received! Thanks

Hi @tuanphan, Thanks. Erm I used the following in code injection footer: It does now appear to work on Desktop but on mobile phones the 'also like' products are now appearing in a single column after the reviews. (so I've taken the code out again) I tried adding a media query for the columns but then everything went haywire on mobiles. Sorry if I sound confused. I'm trying to get mobiles to display in the same sequence, ie, 'You may also like' under the 'social share' icons but in single column. Then reviews under that. Please can I ask your help on this one more time? <script> $(document).ready(function() { if ($(window).width() > 901) { $('section.ProductItem-summary.clear~*').insertAfter('.ProductItem-details-share'); } }); </script> <style> section.ProductItem-relatedProducts, h2.ProductItem-related-label { order: 11; } .ProductItem-relatedProducts-item { width: calc(50% - 50px) !important; } </style>

Yes please!

Hi @tuanphan Thank you for staying with this. The above doesn't work. It's not moving the 'related products' section into the left hand column. They're displaying full screen at the bottom of the page. This leaves a big gap if the all store reviews are displayed. Can you help again please? Thanks a million.

The reason the figure above looks OK is because I've left the 'additional info' section for the product blank. I want to use the 'additional info' but for that to display after the main details (excerpt) as normal....

No! aargh. The .ProductItem-additional section and the reviewsSection section keep sticking together. Can't seem to move one without the other going with it. Just can't figure it out.

Hi, I am trying to move the Reviews Section underneath the thumbnails in the right hand column. The following code works as long as I don't use the product additional info. If I use additional info it is put under the thumbnails and before the reviews. <script> if (window.matchMedia("(min-width: 640px)").matches) { window.Squarespace.onInitialize(Y, function(){ $('section.ProductItem-additional').appendTo('.ProductItem-gallery-thumbnails'); }); window.Squarespace.onInitialize(Y, function(){ $('section.sqs-add-to-cart-button-wrapper').appendTo('.ProductItem-additional'); }); } </script> I have tried the following: <script> if (window.matchMedia("(min-width: 640px)").matches) { window.Squarespace.onInitialize(Y, function(){ $('section.reviewsSection').appendTo('.ProductItem-gallery-thumbnails'); }); window.Squarespace.onInitialize(Y, function(){ $('section.sqs-add-to-cart-button-wrapper').appendTo('.ProductItem-additional'); }); } </script> This appears to work for a second but then just puts the reviews section at the bottom of the page again. I cannot figure this out. Can anyone help please? https://www.rebelrebel.co.uk/order-online/crazy-in-love pw: 1mageproblem