Include City, State as store options in stacked formatting

Ask the Community Customization
1

I can get city and state if I input it into the address column but the formatting is inline not stacked as in street address — then below on the next line, city & state.

2

Hi there and welcome to the Community, @user29337 :waving_hand:

Do you mean to display this info in the popup in 1 line?

image
image316×314 11.3 KB


If I misunderstood your idea, please describe it in more detail :slightly_smiling_face:

3

Yes, that’s my intention – so that it reads like how you would write an address on an envelope.

4

Got it!

In this case, you can just reduce the font size of the location text and phone (to match the new location size) using this code in the Custom CSS field on the Style tab of your widget’s settings:

[class*="address__StyledAddress-sc"] {
  font-size: 13px
}

[class*="contacts-item__UnderlineWrapper-sc"] {
  font-size: 13px;
}

image
image1015×987 90.9 KB


Please check it out and let me know if you like the result :slightly_smiling_face:

5

Hi Max,

Your customer service is so fabulous — I really appreciate your help but the code did not work for me. Did I do something wrong?

Screenshot 2025-10-02 at 1.35.15 PM.png642×1086 67.3 KB

6

The code didn’t work because it’s added to the Custom JS field and should be added to the Custom CSS field on the Style tab (my bad, specified the wrong tab):

image
image843×819 139 KB


Please try it out once again and let me know if it worked :slightly_smiling_face:

7

Hi Max,

I got the widget to accept the code now — thank you! It does not help with my issue though. What I want is for the whole address to be pulled from the spreadsheet and include city and state. Then I want it to appear in the typical formatting used to address an envelope like this:

Store Name
Street Address
City, State

It seems like that should be the default setting and users can choose to eliminate city and state if that’s what they prefer.

8

Just to clear things up:

  1. In the spreadsheet, you add the location name into the Location field and street address, city and state are added to the Address field:

image
image1425×818 56.2 KB

  1. After uploading the file, the street, city and state are displayed in 1 line:

image
image1002×940 80.1 KB

You want to display it like this, am I correct?

1st line - street

2nd line - city

3rd line - state

9

Hi Max,

Yes, I am able to get the full address into each entry by combining it all into the one field — but it’s more typical for a spreadsheet to be built with one data point per column, right? That’s how mine is so I’m having to hand enter all the separate data into a single line with commas to separate. It just seems very counterintuitive and illogical. And then to have it not display in the typical stacked formatting is also not what I would expect. And, just to be clear, the formatting structure is this:

Line 1: Street address
Line 2: City, State, Zip

I can go ahead with this awkward system since I need to get this up and working but I would love to see this widget handle a spreadsheet more predictably and am surprised the issue hasn’t been raised before.

10

Got it, thanks!

Please let me check with the devs if anything can be done with it. I’ll update you tomorrow :slightly_smiling_face:

11

Devs will try to create a custom code for this case. I’ll get back to you once the solution is ready :slightly_smiling_face:

12

Hi there, @user29337 :waving_hand:

The customization appeared to be more complicated than expected, since the addresses have different formats in different countries.

Our devs have tried to create a universal format and added the customization to our test widget first - https://f46130d8ac4e4f4789f65c50d54e0850.elf.site.

Please check the test widget and if you like the result, we’ll apply the changes to your widget as well :slightly_smiling_face: