creedon

14 hours ago, cmcneill said:

but then I see the "Operation on an invalid type" message

I made an adjustment to the code. The code was valid CSS but the ancient version of LESS that SS uses to compile the CSS choked on it.

Let us know how it goes.

3 hours ago, alohomoira said:

I do not see how providing the site link will help.

If there is a naming conflict we may be able to detect it from the front end.

Providing more information is usually more useful than less.

If the issue is on the backend then we can't help with your issue, you'll have to contact SS customer support.

1 hour ago, cmcneill said:

unfortunately it made the social icons disappear and ended up moving the main navigation closer to the site title.

This is what I see when I install the code locally.

10 hours ago, DoctorHobel said:

My problem ist not the style, it's more about SEO and Heading Hierarchy. I don't want the elements to be H2... they should not be a Heading at all 🙂

JavaScript would be the only way to go to change the structure of the page. Weather that technique would work for SEO is another question. If the crawler read the page before the JavaScript ran then the changes to the page would be no good for SEO purposes. If the crawler ran the JavaScript then there is hope that the page changes would be picked up by the crawler.

Also note that changing the structure of the page could have a dramatic effect on the page rendering. SS may have written CSS to the h tags.

On 10/3/2022 at 10:35 PM, cmcneill said:

Is there a way to add some padding between the social media icons as well as the other main navigation?

Add the following to Design > Custom CSS. It is not a solution to all the issues you bring up.

#topNav {

  --menu-item-spacing : 10px;
  
  }

#topNav nav li {
  
  margin-right : var( --menu-item-spacing );
  
  }

.site-alignment-center #topNav .main-nav {

  margin-right : unset;
  
  }

.social-icon-style-normal #topNav .social-links .sqs-svg-icon--wrapper {

  margin : 0 ~"calc( var( --menu-item-spacing ) / 2 )";
  
  }

.social-icon-style-normal:not( .unused-classname ) #topNav .social-links:hover .sqs-use--icon {

  fill : unset;
  
  }

The --menu-item-spacing CSS variable can be used to set the spacing.

Let us know how it goes.

26 minutes ago, cmcneill said:

Is there a way to add some padding between the social media icons as well as the other main navigation?

Please post the URL for a page on your site where we can see your issue.

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 does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the documentation at the link provided to understand how it works.

Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

We can then take a look at your issue.

Add the following to Design > Custom CSS.

.tweak-fixed-header:not( .sqs-edit-mode-active ):not( .sqs-site-styles-active) .header.shrink .header-announcement-bar-wrapper {

  padding-bottom : 2vw;
  padding-top : 2vw;
  
  }

This is for v7.1.

Let us know how it goes.

The cause of the issue is this is an SS built-in effect for the header.

For the page you show set the width of the section to L (large).

The following CSS is not a solution but more of an experiment.

.page-section.content-width--wide .content {

  width : calc( 800px - ( 3vw * 2 ) );
  
  }

@media screen and ( max-width : 800px) {

  .page-section.content-width--wide .content {
  
    width : unset;
    
    }
  
  }

You can add this to Page Settings > Advanced > Page Header Code Injection for the page. Please see per-page code injection.

Or, you could throw it into a code block wrapped with <style> and </style>.

You can of course change the 800px values.

Let us know how it goes.

By the way it is possible to create v7.0 sites. SS has buried creating older versions of SS sites because they want you to use the latest and greatest.

The downside to v7.0 site is that it is not going to get much in the way of attention from SS. SS does add new features to v7.0 occasionally. But those new features are ones that come from the most recent version of SS (currently v7.1) and could be easily made to work with older versions of SS.

SS has made things a bit confusing.

What most people think of as templates is generally a site with pages structured in different ways between the templates.

SS v7.0 has real templates.

SS v7.1, which you are probably using, only has one template. What SS calls templates in v7.1 is really just various color themes and some bits and bobs used as a starting point. In other words any v7.1, with enough work, can be made to look like any other v7.1 site.

When you read about switching templates that refers to v7.0 sites.

Try putting your site into safe mode.

Let us know how it goes.

On 9/30/2022 at 2:09 PM, Hoppy said:

Can you give the me code?

Please see Store Product Detail Price Variant Add.

This code only handles adding the variant text after the price. To alter the À partir de 315,90 € you would set the store price change searchReplaceText with the following.

        '/(À partir de.*)/' : '$1 [enter from text add here between single quotes replacing square brackets]',
        
        '€' : spdpva,
        

Let us know how it goes.

5 hours ago, Jen__ said:

When I open the editor do I just add the code right there at the top or does it need to go somewhere specific?

You can put it at the top or bottom, in many cases. The main thing is to make sure to not drop it into the middle of other rulesets. If you do, you'll get a syntax error.

When I'm adding I like to get a blank line above or below before I add new code in.

Just a note, order can be important in CSS sometimes. CSS is interpreted in order from top to bottom. So later rulesets can override earlier ones.

4 hours ago, Silvano said:

Hi! Is there already a solution for this issue? I also can not change the heading tag. The titles in list elements are always H2. I need them to be H3. This is only an issue with the generated list elements...

Please see the following.

There are two ways to go.

CSS Only - it is possible to change just about any tag to have any font characteristics you want. So even though H1 thru H6 have their own default characteristics you could target H2 in a particular area and change it.

JavaScript - with it, it is possible to change H2 to H2. It is also possible to target specific areas of a page.

Your best bet is to check with your domain registrar for the how to. There is no standardized way as to the specifics across different registrars so there is no way we can advise you.

Although there is a general pattern to a domain transfer that won't help with the specifics for your registrar.

Quote

the enquire button only shows up after you reload the page and I am not sure why

It is probably related to Ajax loading. With Ajax turned on you need to go thru extra hoops to get your code to run.

Try the following.

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

<script>

  Squarespace.onInitialize ( Y, ( ) => {
  
    const html = `<a class="checkoutbutton" href="/contact/">
    
      Enquire for Order
      
      </a>`;
      
    const selector = '.ProductItem-details-share';
    
    $( selector ).after ( html );
    
    } );
    
  </script>

Let us know how it goes.

It is very unfortunate that SS doesn't support the concept of deposits.

It is possible to set up a rather clunky, but somewhat workable system, with two SS sites where the first site is the main site and the second site handles the deposits. Then a somewhat complicated dance is set up with custom code and discount codes to accomplish a deposit like system.

It's not pretty and rather fragile but it can work when all goes smoothly.

Please see the following.

It won't solve your powered by stripe issue but I attempt to use only official SVG icons from official creditors for SS.

Note: SS only supports PayPal and Stripe as payment processors. But those payment processors accept many forms of payments, which my code attempts to cover, within the restrictions I have defined.

Again this is not a solution but a demo of what can be done with my Store Price Change code and a custom callback.

Is this similar to the effect you want to achieve?

Quote

But my problem is not to get rid of the "From",

My code can deal with more than just changing From. Changing from was the original issue that my original code solved but it has evolved beyond that to handle just about any kind of change to the price, with the addition of a custom callback to my code.

4 hours ago, Hoppy said:

Now when I change to another size of the panel, it keep show the default one. 

How can I fix this ?

On 9/28/2022 at 2:59 AM, Ziggy said:

If you want to change this based on a variable then you'll need some clever javascript

As Ziggy points out you'll need some JavaScript to get the job done.

Please see the following. It is not a solution to your particular issue but is base code which a callback could be written to take on your particular issue.

Quote

When I embed the data in the block it tells me the script is disabled (see attached) I cannot figure out what to do.

Save the page. When you are actually editing a page, code may be disabled, depending on the code.

Please post the URL for a page on your site where we can see your issue.

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 does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the documentation at the link provided to understand how it works.

Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

We can then take a look at your issue.

23 minutes ago, caitryan said:

I'm wondering if there is a fix for the account button not being clickable.

Please post the URL for a page on your site where we can see your issue.

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 does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the documentation at the link provided to understand how it works.

Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

We can then take a look at your issue.