Sections Anywhere Q&A - Saltye - Recent questions and answers in Sections Anywhere

the sections anywhere app is not going to add any sections to our theme once live correct?

Wed, 20 Mar 2024 18:02:18 +0000

we need to make sure that sections anywhere does not automatically add to the new theme when published. Please make sure that that is not the case / what are the steps to make sure that sections anywhere will not be on our theme.

limit blocks - max_blocks is not working

Wed, 20 Mar 2024 18:02:05 +0000

I can add more blocks than the count of max_blocks in the schema settings.

Is there any way to limit blocks?

Is it possible to use section anywhere with json templates?

Wed, 20 Mar 2024 18:01:57 +0000

Is it possible to use section anywhere with json templates?
Shopify 2.0

Answered: How do I push zones from one shop to another?

Wed, 09 Mar 2022 20:53:32 +0000

To push zones from dev to live, you create a file called snippets/sa-allow.liquid in the live theme of live.myshopify.com. Add the myshopify domain of any shop you would like to allow pushing from. In your case, it would be dev.myshopify.com.

After this is done, you should be able to use the pushing dialog now. To bring up the dialog, go to the page to be pushed and select bulk actions > push sections to.

Then enter the live myshopify domain live.myshopify.com in the destination shop text box. Choose the theme, zones, and placement. Last select which page(s) the zones should be sent to.

Answered: How do I make sure content persists across theme changes? Metafields

Wed, 01 Dec 2021 20:57:30 +0000

The data (content) has always been saved in your theme files and named starting with snippets/sa-. If those files get copied over, you're set.

However, there is a way to activate saved data to metafields. These can persist across all themes. By adding atb_use_meta and atb_use_theme_based_meta to your site schema, you can then go to your site settings and turn it on. Perhaps, the reason you are noticing a change is because you had added it in the past and it is now turned off.

Add this to config/settings_schema.json if it is not already present.

,
{
"name": "SectionsAnywhere",
"settings": [
{
"type": "checkbox",
"id": "atb_use_meta",
"label": "Use Metafields for Sections Anywhere",
"info": "Save data to meta",
"default": false
},
{
"type": "checkbox",
"id": "atb_use_theme_based_meta",
"label": "Use Metafields for Current Theme Only",
"info": "With each theme data is different",
"default": false
}
]
}

A copy of the code is in your snippets/atb.liquid file.

How to add alt to image

Fri, 01 Oct 2021 06:25:03 +0000

When using image_picker I can't find where to enter alt for image.

Image added in "textarea" breaks HTML

Fri, 13 Aug 2021 10:48:20 +0000

Hi, I'm trying to add an image to textarea field. I'm clicking "Image" button in the toolbox and then pasting only image URL in the opened window and clicking "OK":

Sometimes the image is displayed on the frontend but every time I'm opening Sections Anywhere again I'm getting something like that:

or that:

and then it breaks even on frontend:

What's more - I have this textarea field in blocks and I can't remove only the invalid item because I'm getting an error:

and I'm forced to delete the entire section then.

Is there something I can do with this issue?

Answered: The Image Picker Isn't Working

Mon, 05 Jul 2021 17:35:55 +0000

Did you upgrade the app permissions to enable the new file picker API?

If permissions have not been granted, the message should appear next to any image field as shown in the screenshot. As an alternative, you can click more actions > Authorize File Permissions.

Answered: Does Sections Anywhere support multiple language / translations plugins?

Mon, 05 Jul 2021 17:24:53 +0000

If you use the data stored in metafields, the Langify app is able to translate that data.

Here is some feedback I received from a customer:

From the Langify app, I was able to edit the Page I'm using as a test. Then select the metafields and copy the JSON string over to the translation key. Then I manually update the values with the translations. I can even replace images for specific ones to use in the translated version.

Findings:

- The translated json string must be minified, if not Sections Anywhere won't recognise it. (Which I'm fine with, we always want to save a minified version)
- When having different images, if we copy the url from the File system. We need to make sure to remove the string after ?, including the ?.

For example:
If the image url copied from the file system is:
https://cdn.shopify.com/s/files/1/0536/4462/4057/files/warm-sun-palmtrees.jpg?v=1611218144
We should add to the translation file this one:
https://cdn.shopify.com/s/files/1/0536/4462/4057/files/warm-sun-palmtrees.jpg

The way I was editing the json file so it's easier to edit was:

1- Copy the original metafield value from Langify
2- Go to https://jsonlint.com/ and paste the value there, then click on Validate JSON

3- From there, I can easily edit the values
4- Once I'm happy with it, I'll copy the json, then go to https://codebeautify.org/jsonminifier and paste it on the left
5- This page automatically generates the minified version on the right

6- I copy the minified version and paste it back into Langify

____________________________

In the example I did, this is the English version (Note that the top Image and text component is a section from SA):

Answered: Will there be custom pre-made sections to use in the future?

Wed, 09 Jun 2021 14:44:09 +0000

I totally agree. It can be tricky trying to provide universal sections that will look good on all themes. CSS conflicts between the theme and the section can make a section look bad or even render it unusable.

To resolve this problem, I've been looking into web components that use a shadow DOM and keep the CSS completely separate.

Answered: I messed up my page. Can I revert back to a previous verison?

Sat, 15 May 2021 06:18:28 +0000

If anything was to go wrong, you can always click bulk actions -> view live data and revert back to a previous version.

Answered: If I choose to not cancel the subscription, will my pages still appear as if I used this app to build them?

Sat, 15 May 2021 06:17:14 +0000

Yes, your pages will persist. A section data and templates become part of your theme files.

Answered: How do I add global sections to a page?

Thu, 29 Apr 2021 19:07:04 +0000

Follow these steps to generate a global zone without editing code:

1. Go to the global sections container page by clicking global sections from the main panel.

2. Click add zone to open the dialog.

3. Set the scope to page. We do this because the zone sections will be managed on this page.

Give the zone a name.

4. After a few seconds, notice the new zone on your global sections page.

5. Now leave this page and go to the page where you would like a global zone to appear. Click add zone.

6. This time choose scope global. Select our newly created my-new-global-zone from the dropdown.

6. Your global zone appears as an uneditable placeholder on this page.

7. The include code looks like this in the page template.

Answered: The added image cannot be displayed on the page

Mon, 26 Apr 2021 22:37:50 +0000

What does your copied image URL start with? It is possible that Shopify began hosting images on another CDN such as cdn3.myshopify.com.

To demonstrate how to add an image to your field, we created this tutorial.

First click on your files.

Then click the paperclip icon to copy the image URL.

Last, paste the full URL into the image text box and an image preview should show up below the text box.

Answered: How do I add an image to my section?

Mon, 26 Apr 2021 22:36:35 +0000

Answered: How do I delete a section? How do I hide a section temporarily?

Wed, 21 Apr 2021 03:32:28 +0000

To delete a section, scroll to the bottom of the section detail panel and click the delete section button.

You can also hide a section and save the content for later by clicking the eyeball icon in the section list.

Answered: Will Sections Anywhere work on my theme?

Wed, 21 Apr 2021 03:31:58 +0000

Every theme is different and they are updated frequently so I cannot give you a definitive answer.

Most Shopify theme store themes will work. It typically depends on how complex and nested the section include files are. Other times the javascript is not triggered.

Answered: Can I restrict sections to only be added to specific pages or areas of a page?

Wed, 21 Apr 2021 03:31:20 +0000

If a theme developer mandates that your sections can only go in the content zone, he would add a zones node with an array of zone names as the value to the section schema:

Adding the content zone to your main collection template:

You cannot restrict by page specifically, but you can put a unique zone in a new page template and assign the template to that page.

Answered: How do I place sections inside my page or article content?

Wed, 21 Apr 2021 03:16:40 +0000

I added two zones, above-content and below-content, to your main page template. We cannot place zones directly inside page content, but we can place them inside the div above and below.

Answered: How long does it take before newly created sections show up to use?

Wed, 21 Apr 2021 03:11:49 +0000

You should be able to refresh the app and the sections will appear. Make sure the schema id matches the file slug.

snippets/atb.{id}.liquid

Answered: How can I get the changes to show on a particular theme?

Wed, 21 Apr 2021 03:06:42 +0000

Are you working in the live theme? If you are working in an alternate theme, you can change to that theme one the home panel by clicking more actions > change theme.

Answered: Metafields option not working

Mon, 19 Apr 2021 19:29:22 +0000

After adding the code, did you enable metafields by activating that setting?

Answered: Can we get a tutorial on how to use this app

Mon, 19 Apr 2021 19:28:44 +0000

There are several videos at this page, but we will produce more and add links.

https://saltye.com/#tutorials

Answered: Why aren't my images displaying?

Wed, 14 Apr 2021 21:29:05 +0000

Often complex logic is used to display the images that our conversion tool cannot handle. In these cases, we manually fix the code problems to display your images.

Sometimes CSS class path no longer matches or javascript is not triggered and we must make additional changes.

Answered: Does Sections Anywhere work on trial versions of a theme?

Wed, 14 Apr 2021 21:08:36 +0000

Sections Anywhere does not work fully on trial themes because we are not given full access to your theme files.

If you buy the full version of your theme and it includes more sections, we should be able to convert those to be used within our app.

Answered: What is a zone? How do I add a zone?

Wed, 14 Apr 2021 02:10:52 +0000

A zone is an area on a page where sections can be placed. Click add zone to create a zone.

Then give the zone a name and placement.

Your zone will show up immediately.

Or you can add zone a zone named Content to a template file with the following include:

{% include 'atb' zone:"Content" %}

Answered: How do I remove all code after deleting the app?

Tue, 13 Apr 2021 22:04:36 +0000

Each theme is different. In order to make sure we properly delete all files, we manually delete code upon request.

If you would like to delete the files yourself:

1. delete all files in the snippets folder starting with 'atb' or 'sa-'.

2. remove any lines in template files containing include 'atb'

3. remove templates/page.global-sections.liquid