ferguswood

On 1/24/2022 at 1:03 PM, tuanphan said:

You mean

left side: Buy Wine, Subscriptions, Wine Club, About

Middle: Logo

Right side: Wine Blog, Winemakers, Events, Trade, Login, Cart, Button

is this right?

Correct yes!

On 1/20/2022 at 11:01 PM, tuanphan said:

Thank you. Sorry for delay.

I clicked on link & it redirects to product page. Which position on product page do you want to add a text?

Hmm that's weird, should've been my homepage - https://caminodelvino.co.uk - apologies about this!

On 1/20/2022 at 10:59 PM, tuanphan said:

Do you use Personal or Business plan? Each plan will have a different solution

Business plan

Site URL: https://www.caminodelvino.co.uk

I've tried implementing the Google Reviews Opt-in survey into my squarespace website - https://caminodelvino.co.uk.

I've been guided by the code used on this Squarespace forum thread - https://forum.squarespace.com/topic/174434-how-to-google-customer-reviews-opt-in/#:~:text=April%207%2C%202021-,Hello,-%2C - supplied by @Adiran213. I’ve applied this code in my 'order confirmation page' code block and it works on my website with the opt in survey appearing post-purchase when I run a test.

However, when I click ‘yes’ (ie. I would like to participate) I receive no follow on email asking me to write a review - could anyone provide some guidance on why this is not happening/how to solve it?

Thank you

Thanks @tuanphan nav alignment works beautifully. 

Any ideas how you could split the tabs up and have the logo in the middle of them like the example site  https://harlow.showit.site/?

8 hours ago, tuanphan said:

Add text only or clickable-text? Can you share link to your site?

Clickable text please - https://caminodelvino.co.uk/

On 4/7/2021 at 10:39 AM, Adrian213 said:

Hello,

If you haven't sorted this already, you need to use Javascript to generate the date - won't work with PHP. I believe the date is used by Google to send the review to the cusomer so it needn't be too specific, in this example I've just added 7 days to the current date:

<script src="https://apis.google.com/js/platform.js?onload=renderOptIn" async defer></script>
<script>
  window.renderOptIn = function() {
    window.gapi.load('surveyoptin', function() {
      const deliveryDate = new Date();
      deliveryDate.setDate(deliveryDate.getDate() + 7);
      function formatDate(date) {
        var d = new Date(date),
        month = '' + (d.getMonth() + 1),
        day = '' + d.getDate(),
        year = d.getFullYear();

        if (month.length < 2) 
               month = '0' + month;
        if (day.length < 2) 
            day = '0' + day;
        return [year, month, day].join('-');
    }
      
      window.gapi.surveyoptin.render(
        {
          // REQUIRED FIELDS
          "merchant_id": 12345678,
          "order_id": "{orderId}",
          "email": "{customerEmailAddress}",
          "delivery_country": "GB",
          "estimated_delivery_date": formatDate(deliveryDate)
          // OPTIONAL FIELDS
          //"products": [{"gtin":"GTIN1"}, {"gtin":"GTIN2"}]
        });
    });
  }
</script>

Hope it helps

Hi @Adrian213, 

Thank you very much for this. So does this code you've kindly shared work for you?

EDIT: Code above works a treat! I've noticed companies such as Nudie Jeans use this service and you are able to write a review straight after your purchase - has anybody any idea how you would be able to change the code so this happens?

Many thanks!

On 4/17/2021 at 8:28 AM, tuanphan said:

You mean this text? + SCROLL TO EXPLORE

@tuanphan any suggestions on how to implement this text like they do in the example?

Site URL: https://www.caminodelvino.co.uk

Site: https://caminodelvino.co.uk

I was wondering how I would be able to centre my logo like they do in this site : https://harlow.showit.site/. Really not a fan of how Squarespace bunches and constricts the position of the tabs.

Equally, if anybody knows how to elongate the this 'line' the tabs are on, so that they align on the same line together (sitting below my logo) then that would be great too! Any help would be amazing and thank you 🙂

Hi @tuanphan, the above code gives me this result (see attached)  - any way to stop the grey boxing of the logo, tabs etc? 

Hi @tuanphan, I'm after a solution to this problem also. I like the look of the code from: 

• https://codepen.io/shayhowe/pen/klAvu

Do you think you could send over the code for SS?? Thank you!

1 hour ago, tuanphan said:

Hi. You mean images in this page? https://caminodelvino.co.uk/wine/p/matias-riccitelli-this-is-not-another-lovely-malbec-valle-de-uco-2019

Hi @tuanphan, this page yes. Just want to incorporate a stacking element to the product images. When I do incorporate stacking, the Zoom feature doesn't work properly anymore... Are you able to work your magic by any chance?

Site URL: https://www.caminodelvino.co.uk/wine

Hi Squarespace Forum,

I'm trying to incorporate the stacking design option for my product images. However, when I use this option and move my cursor over the image, the 'zoom' element for the 'Hover action' goes all funny and essentially zooms in on the corner of the image - not ideal...

This is almost likely to be a bug in Squarespace at the moment and I have made them aware. In the meantime whilst the issue gets fixed, is there a CSS solution I can use to this problem?? Thank you!

Beautiful stuff @bangank36, you're the best cheers 🙌

Is there any way to bring in the right hand side padding @bangank36? I've tried reducing using the code:

padding-right: 0px 

but there's still unnecessary white space. Any help would be greatly appreciated 

52 minutes ago, bangank36 said:

53 minutes ago, bangank36 said:

.products.collection-content-wrapper .nested-category-tree-wrapper { position: -webkit-sticky; position: sticky; top: 100px; }

Working great with this code, thank you @bangank36 !

11 hours ago, bangank36 said:

Where is that section

It is on my store page - https://caminodelvino.co.uk/wine. I just want the sidebar to be sticky when someone scrolls down the page. Thank you!

3 hours ago, bangank36 said:

The description is longer than the product image part, so you can try this

.product-layout-side-by-side .ProductItem-gallery {
    position: -webkit-sticky;
    position: sticky;
    top: 160px;
}

 

Still doesn't like it @bangank36, any other ideas? Currently have the blow written and still isn't sticky...

Site URL: https://www.caminodelvino.co.uk

Any reason why the Ghosts sticky sidebar code isnt working on Store pages for Squarespace 7.1? Any guidance would be greatly appreciated

https://www.ghostplugins.com/steps/sticky-product-category-sidebar-styles