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

... given up on the lightbox option. (can't find out how to add a close option to a linked image). Re adding the H2 heading, even an h2 styled heading would do.. ie, even if it didn't have the h2 tag.

Hi again, I don't know whether there's a better solution than the above. .. what I'd ideally like to achieve is to have a link or button that when clicked shows the image above in a popup... without going to another page (as happens in the Lightbox Plugin...) Is there a way to use a popup form in some way? Any ideas welcome! thanks

Thanks for looking. Yes h2 heading 'LONDON DELIVERY AREA' div.page-description:after { content: ""; background-image: url(https://images.squarespace-cdn.com/content/v1/5a045bf8a9db09cbf239e375/1668605799566-YJNNVYE1J0T804QWFSV1/Delivery+area+map+2021+1024x1024+1024x1024.jpg); background-size: cover; width: 50%; height: 40vw; display: block; background-repeat: no-repeat; background-position: center center; margin-top: 30px; }

Apologies. Thought I had: https://walrus-springtail-ljhd.squarespace.com/bouquets-online?p?p?p?p

pw: 1mageproblem Hi, I have added a background image on the store page after the page description. I need to add an H2 heading (where it says LONDON DELIVERY AREA) just above the image but am stumped. Can anyone help please?

Oh sorry.... I need this for desktop only.... could you possibly help one more time? thanks

Brilliant! hank you so much. Niki

Thank you! This works great except that the text 'Perhaps you might also like' has not moved with it. Also I need to set related products to 2 products/columns wide for it to be readable but when I do this only one item shows. Setting it to 3 columns doesn't help. Any suggestions? Thank you for the help.

Yes please! Is it possible?

Hi Tuanphan, Thanks for getting back to me. Been tied up. No. I don't want ot move the reviews. I want to put the Related Products section under the social share buttons (left hand column) please.