Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

creedon

Circle Member
  • Posts

    3,654
  • Joined

  • Last visited

  • Days Won

    38

Posts posted by creedon

  1. 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 is not a security breach. 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.

  2. Using line blocks for this effect is going to be problematic. As you've seen things can move around a bit and as the screen gets narrower the blocks will slide under each other in ways that will ruin the effect.

    I suggest losing the hr bocks. Move the title text down into the text block below, putting all the text into one block, and remove the text block where the title was.

    Add the following to Page Settings > Advanced > Page Header Code Injection for the page.

    <style>
    
      #block-5f5711e4b5e913c476e5 > .sqs-block-content:before,
      #block-3c3e2664ddcb4aaed3eb > .sqs-block-content:before
      
        {
        
          border-top : solid thick #cea02e;
          content : '';
          display : inline-block;
          margin-right : 1em;
          padding-bottom : 0.5em;
          width : 50%;
          
          }
          
      #block-5f5711e4b5e913c476e5 > .sqs-block-content > p:first-child,
      #block-3c3e2664ddcb4aaed3eb > .sqs-block-content > p:first-child
      
        {
        
          display : inline-block;
          
          }
          
      </style>

    This is for the first couple of text blocks. You can add more lines for more blocks.

    Let us know how it goes.

  3. @shogun301

    It appears that you need jQuery for the code to work. I don't know if it was installed on your site and went missing or if the my registry code called it in and now doesn't.

    Add the following to Settings > Advanced > Code Injection > HEADER.

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

    Let us know how it goes.

  4. 15 hours ago, mjz said:

    I was under the impression that Squarespace will point out the syntax error in the custom CSS code

    Design > Custom CSS will indeed show syntax errors. That is pure CSS so it's relatively easy for SS to build in a syntax checker there.

    Code Injections such as Page Settings > Advanced > Page Header Code Injection for a page or Settings > Advanced > Code Injections would be more complex for SS to parse. In those places you can insert multiple kinds of code. CSS, Javascript, HTML, etc. Checking syntax in those places is more difficult. It would be grand if SS did check there but they decided not too.

  5. 7 hours ago, serrta said:

    What about a function analyzing the url instead of category?

    How would you want to analyze the url? There are of course many ways to use Javascript to look for cues from all the information that goes into making up a page to trigger some effect.

    7 hours ago, serrta said:

    Do you know if it is possible to implement a split layout with a Store page as one of the sections? 

    By split layout do you mean two different bits of content side by side? I don't recall seeing anything like that for a store page on a v7.0 site using the Brine template family.

  6. 4 hours ago, mjz said:

    <style>
    .page_section[data-section-id="6150b1d5c2965710d91ed379"{
        min-height: 4vh !important;
    }
    </style>

    There is a syntax error in your code, missing closing square bracket. I don't know if this will fix the problem but it will fix the syntax error.

    <style>
    
      .page_section[data-section-id="6150b1d5c2965710d91ed379"] {
      
        min-height : 4vh !important;
        
        }
        
      </style>

     

  7. @francesca_

    Please see Store Product Details Reorder Desktop.

    Then set the CSS variables thusly.

            --add-to-cart-button : 4;
            --description : 5;
            --price : 1;
            --quantity : 3;
            --variants : 2;

    Folks this is a more generalized solution to moving these elements around than the others.

    Let us know how it goes.

  8. 1 hour ago, serrta said:

    Thomas, I have a feeling that this comment of yours has something to do with what I want ))) Is it possible to have something like: if category = "1" display div-1 and hide div-2  and vise versa?

    If I understand what you want yes the code does exactly that. You set the categoryDescriptionMap variable as described and when you go to a defined category page a description is displayed.

    This code will not address any other the other items you mentioned.

  9. 2 hours ago, Vanda-SuperBonjour said:

    I did as you said, but now none of the footer section is displayed, they both disappeared.

    They way the code works is to hide all footers with the CSS and then the Javascript that is added to Brad's code should display the correct footer section based on lang.

    Without the code installed I can not diagnose if there is a issue with my code.

  10. 2 hours ago, Vanda-SuperBonjour said:

    Could anybody please give me a hand and help me figure out what i got wrong here ?

    It appears you are trying to mix Javascript and CSS. That won't work.

    Add the following to Design > Custom CSS.

    [data-section-id="609084d63d45de554fe899f5"],
    [data-section-id="615e0033625b2043c92d327a"]
    
      {
      
        display : none;
                                                             
        }
    
    .lang-show[data-section-id="609084d63d45de554fe899f5"],
    .lang-show[data-section-id="615e0033625b2043c92d327a"]
    
      {
      
        display : flex;
                                                             
        }

    Add the following to Brad's multi language code.

    /*SHOW LANGUAGE FOOTER*/
      if (lang == "en")
        document.querySelector('[data-section-id="609084d63d45de554fe899f5"]').classList.add('lang-show');
      
      if (lang == "fr")
        document.querySelector('[data-section-id="615e0033625b2043c92d327a"]').classList.add('lang-show');

    Let us know how it goes.

  11. 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 is not a security breach. 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.

  12. It's hard to envision exactly what you have going without being able to see sites/pages in action.

    What you might be able to do is take the div and put that into a file on your computer. Then upload that one file to one site using the link page file upload trick. Then with Javascript, read that file in and place that onto your sites where needed.

    Then from there all you need to do is update your div file on your computer and re-upload it when you need to make changes.

    Not sure if that flow would work but the main take away is to get that div into a place where it can be read and placed by Javascript.

  13. 1 hour ago, DonnaV said:

    Why wasn't it automatically built into Squarespace?

    SS's image handling is designed with an auto-aging system that is supposed to auto delete unused images. I think is a laudable feature. Kind of a set it and forget it deal. Unfortunately that functionality is not sufficient for a number of use cases.

√ó
√ó
  • Create New...