nicolettely

@tuanphan Thank you so much!!

@tuanphan Any help appreciated! I'd like the opposite- I want the list summary image to stack on top on mobile and tablet.

current mobile view image attached.

https://genderfck.squarespace.com/

pw: gf21

Also how can I get rid of the white bit under the image for all media-queries?

48 minutes ago, creedon said:

@nicolettely

I don't think this is an issue with the code working but you may want to remove the following lines from code injection header.

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

In general you only need 1 copy of jQuery loaded.

As to your issue.

Please post the URL for your site.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password is not a security breach. Please read the documentation at the link provided to understand how it works.

We can then take a look at your issue.

https://genderfck.squarespace.com/

pw: gf21

Thanks! I deleted those- I checked in an incognito window and it actually loads correctly on the front side. However the line is missing from just the first two folders when those pages are selected. 

Also the original issue (which may have just been on the editor side all along) still exists. When I click a folder link in the editor, it loads twice or loads then jumps back to the prior page. 

Thanks for any help. 

On 4/8/2021 at 12:42 AM, creedon said:

I have updated my Feb. 12th code post. If your current code for a v7.1 is working there is no need to update. The main change to the code is the option to not specify any mappings and the code will automatically make the folder link point to the first page in the folder.

Hi @creedon!

Its very kind of you to help us all with this! I appreciate your time.

I'm having some trouble...I'm not specifying URLS, just hoping the folder title links to the first page within it.

Heres my Header code:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<link href="https://assets.codepen.io/3198845/WMSlider121520v3.2.14.min.css" rel="stylesheet">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

Heres the footer (minus the Squarekicker code):

<script>

  
    /*
    
      begin make navigation folder URL Slugs clickable
      
      Version      : 0.5d2
      
      SS Version   : 7.1
      
      Dependancies : jQuery
      
      By           : Thomas Creedon < http://www.tomsWeb.consulting/ >
      
      */
      
      $( ( ) => {  const folderToPageUrlSlugMap = {
              
       
         
        
        }
        
      // do not change anything below, there be the borg here
      
      if ( ! Object.keys ( folderToPageUrlSlugMap ).length ) {
      
        $( '.header-nav-folder-title' ).each ( function ( ) {
        
          const $this = $( this );
          
          const key = $this
          
            .attr ( 'href' )
            
            .slice ( 1 );
            
          let url = $this
          
            .next ( )
            
            .find ( '.header-nav-folder-item:first a' )
            
            .attr ( 'href' );
            
          if ( url === undefined ) return true;
          
          url = url.slice ( 1 );
          
          folderToPageUrlSlugMap [ key ] = url;
          
          } );
          
        }
        
      const keys = Object.keys ( folderToPageUrlSlugMap );
      
      $.each ( keys, function ( i, key ) {
      
        let url = folderToPageUrlSlugMap [ key ];
        
        if ( ! url.includes ( '://' ) ) url = '/' + url;
        
        $( '.header-nav-folder-title[href="/' + key + '"]' ).each ( function ( ) {
        
          $( this )
          
            .attr ( 'href', url )
            
            .click ( function ( ) {
            
              location.href = $( this ).attr ( 'href' );
              
              } );
              
          } );
          
        } );
        
      // end make navigation folder URL Slugs clickable
      
    } );
    
  </script>

<script src="https://assets.codepen.io/3198845/WMSlider121520v3.2.14.min.js"></script>

<!-- Summary Block Autoplay -->
<script>
      setInterval(click, 10000);
      function click()
      {
        $(".summary-carousel-pager-next").click();
      }
</script>

<!-- SquareKicker.com | Extension | START --><script>
  if (window.self !== window.top &&
      window.top.Static.SQUARESPACE_CONTEXT.authenticatedAccount) {
    var sk = document.createElement('script');
    sk.type = 'text/javascript';
    sk.id = "squarekicker";
    sk.src = "https://extension.squarekicker.com/kicker.js";
    sk.dataset.sktoken = "923961ec9ccde33aed8916d305991915";
    document.querySelector('head').appendChild(sk);
  }

I assume most template designers are Circle members. You get a much longer trial as a circle member and then duplicate the site when the trial is about to expire to reset. 

On 4/5/2021 at 2:48 PM, LotNotes said:

Thank you very much, @tuanphan It works. I just need to adjust the button size to be same size of the checkout button. 

@LotNotes Did you figure how to adjust the button size? 

On 3/31/2021 at 6:22 PM, codeandtonic said:

I wrote a blog post tutorial on the easiest method to achieve this:

Check it out:
How To Add Acuity Form on order confirmation page in Squarespace

 

If you need to hire a  specialist to help, hit me up: hire[ä]codeandtonic.com

How can I target a certain product to show a certain appointment type after checkout?

Thanks so much @tuanphan! Hate to bother you with this more, but is there a way to position it so it doesn't overlap any navigation on tablet and mobile? 

@tuanphan I added the shopping bag back- Its hidden under the announcement banner on my screen. How can I move it down into the navigation bar? 

On 3/15/2021 at 5:01 AM, tuanphan said:

Hi. It looks like you solved this?

Footer on tablet doesn't look good. Do you want to resize contact column width?

 

Thanks for pointing that out! I will fix the footer, but I still need help with the shopping bag. I had to delete it temporarily  until I figure out what code I need. 

Here is the code to add to  the site:

<div class='ec-cart-widget'></div>

What do I need to add to line it up to the left of the social symbols?

How do you get this Ecwid Shopping bag aligned right with the existing header elements?  . I would love for it to be next to the button. 

www.tothebrimrefill.com

How do we make the images smaller in the markdown area?

On 9/12/2020 at 3:19 PM, rwp said:

.image-title.sqs-dynamic-text p:first-of-type {
    display: block !important;
}

This worked for me for one word...but how would I separate 3 words in the title section of a poster onto 3 lines? Thanks so much!

On 9/30/2020 at 3:43 PM, creedon said:

Looks good on macOS using Safari browser here.

Used Microsoft Edge on Xbox One. Looked good there as well.

Can you post a screenshot or two of the bad rendering so we know what to look for?

The only other thing would be a few additions to the rules for your CSS. I flagged the new lines. You may just want to copy those few lines in by hand.

.design-layout-overlap img {
    /* new */ -webkit-transition: opacity .2s linear;
    /* new */ -o-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.Main {
    /* new */ background: -webkit-gradient(linear,left top, right top,color-stop(50%, #000),color-stop(50%, #3c3d35));
    /* new */ background: -o-linear-gradient(left,#000 50%,#3c3d35 50%);
    background: linear-gradient(90deg,#000 50%,#3c3d35 50%)
}

 

Oh thanks so much!!

2 minutes ago, inunzi said:

Oh, does it look good on google chrome? And no problem😁!

Yes chrome is all good! 12% of my viewers on my own site use "other" browsers though. 

16 minutes ago, inunzi said:

It doesn’t look bad at all on mobile on my side. 

Using safari mobile? Yes I should have mentioned safari mobile is fine. Firefox, microsoft edge, and safari desktop are all missing the background and a few other elements. 😞 Thanks for reply!

Site URL: https://www.reapreapparel.com/

Something, probably in my code, is causing this site to show up poorly on safari and firefox. It shows up properly on Chrome.  Any suggestions would be so helpful! Thank you!

I can't get this to work either. Using 7.1. Help please? Thank you!

shannonturnercakes.com

pw: stc2020