Load pre-formatted text in a code block

For the 'additional info' below a product, I would like to use a code block that loads pre-formatted text from a file on my web server (either uploaded through the Squarespace interface or via FTP, whichever works best). I want to do this so that I can change the additional information for all products on the website at once, by changing only one document, instead of manually going through all products one by one. It would save a lot of time,and minimize the chance of errors.

The website is built on 7.0 in the Brine family.

How can such a thing be achieved? Thanks for your input.

7 hours ago, Burchard said:

For the 'additional info' below a product, I would like to use a code block that loads pre-formatted text from a file on my web server (either uploaded through the Squarespace interface or via FTP, whichever works best). I want to do this so that I can change the additional information for all products on the website at once, by changing only one document, instead of manually going through all products one by one. It would save a lot of time,and minimize the chance of errors.

The website is built on 7.0 in the Brine family.

How can such a thing be achieved? Thanks for your input.

I suggest you place the content into a external page and load the page content into your product page using AJAX request

1 hour ago, Beyondspace said:

I suggest you place the content into a external page and load the page content into your product page using AJAX request

Thanks for your reply!

Can you explain how to do this? I'm not familiar with using AJAX requests.

Giving this a bump.

I would really like to achieve this, but do not have any experience using AJAX requests. It would be great if someone can give me directions. Thanks!

Quote

loads pre-formatted text

Can you tell us more about this formatted text? Is it text that can be input into a text block and maintain the formatting you want?

AJAX is one way to go. Another way that is commonly used is to put a block in the site footer, hide, then use code to move it into place. Which method you use may be driven by the complexity of the formatted text you mention.

11 hours ago, creedon said:

Can you tell us more about this formatted text? Is it text that can be input into a text block and maintain the formatting you want?

AJAX is one way to go. Another way that is commonly used is to put a block in the site footer, hide, then use code to move it into place. Which method you use may be driven by the complexity of the formatted text you mention.

It will be two text blocks, divided with a line block, with some bold text and one or two hyperlinks. I think the solution with the hidden block in the footer might be a good way to achieve this.

How would you go about this?

15 hours ago, Burchard said:

How would you go about this?

A basic overview.

Create a text block in the footer with your text.

Hide that text block with CSS.

Note the block id of the text block.

Create a code block in the product Additional Info that contains the following.

<x-placeholder></x-placeholder>

Use the following code to replace the code block in additional info.

The settings in the code would look something like the following. This is an example.

      '#block-64797599d9caa1491329a76c' : {
      
        selectorDestination : 'x-placeholder',
        
        // selectorParentDestination is optional
        
        selectorParentDestination : '.sqs-block-code',
        
        action : 'replace' // values are append, prepend or replace
        
        },
        

This is not a solution as we would need to see some of these elements in action on a site to provide a solution.

Another note. If you end up needing to moving a group of objects together as a design, this idea may not be appropriate.

13 hours ago, creedon said:

 '#block-64797599d9caa1491329a76c' : {
      
        selectorDestination : 'x-placeholder',
        
        // selectorParentDestination is optional
        
        selectorParentDestination : '.sqs-block-code',
        
        action : 'replace' // values are append, prepend or replace
        
        },
        

Thank you for your solution.

I've made the adjustments, but I'm not sure where I should add this bit of code?

3 hours ago, Burchard said:

but I'm not sure where I should add this bit of code?

Find the similar looking lines in the Elements Manipulate code and change them.

I've done that, but no success yet. I'm working on this page to achieve the desired effect:

https://www.maartenrots.nl/la-aldea-azul-editions/untitled-juzcar-2023-1/

Maybe you can spot where I am failing? Thanks again, your help is much appreciated

That worked like a charm, thanks a lot! I imagine this will be helpful for others as well, thank you for your generosity in sharing your skills and the code, much appreciated!