BUILD HOMEPAGE C TEMPLATE
From the Squarespace site left navigation, Go to PAGES.
First, we have to update the PAGE LAYOUT, TITLE and DESCRIPTION of the page. To do so, please hover on the homepage and click the gear icon.
Afterwards, a screen will pop up on the left side of the page with the page configuration details. Kindly select the appropriate PAGE LAYOUT and replace the label COMPANY NAME and AREA with their corresponding details that are specified on the BSQ and or JIRA ticket.
Don’t forget to click SAVE.
Next, on the HOMEPAGE BANNER SECTION, change the Homepage Header Text, provided in the BSQ of the client as shown below.
Else, you may replace only the label COMPANY NAME and AREA with the corresponding client details.
To edit these sections, hover at the top of the red dashed rectangular line, and click EDIT
To save the changes, scroll down a bit and wait for the options to come out. Click SAVE.
HOME LISTINGS SECTION
Next is the HOME LISTINGS section. We need to configure the listings on the HOME SEARCH site to generate the listing results on this section. But first, let’s discuss how the tab label works.
The tab labels MAIN AREA and SECONDARY AREA are basically the names of the primary area/s provided by the client. Just take note that a client’s Primary Area can be made up of more than one city or area. Please see more details below:
If there are,
► TWO PRIMARY AREAS - This will fill exactly the number of columns we have on the Home Listings section. (For an instance, if the client’s primary areas are Greenville and Simpsonville, the first tab will be labeled “Greenville” and the second tab as “Simpsonville”).
► ONE PRIMARY AREA - if only one area is provided please use the area name as the label of the first tab and set the second tab as Featured Listings.
► MORE THAN TWO PRIMARY AREAS - if more than two areas were provided, label the first tab as All Listings and the second tab as Featured Listings.
After naming the home listing tabs, proceed now with the listings itself.
On the Featured Listings which is usually placed on the second tab, the code we’re using to generate these listings is:
<div class="YLOPO_resultsWidget" data-search='{"propertyTypes":["townhouse","apt","comm","land","condo","house"],"featured":"t"}'></div>
Go to the Client’s JIRA Ticket and look for the Home Search site links.
The Home Search Site must be IDX-CONNECTED for the listed properties to display. Try to make an area search on Home Search Sites to check if it is working. If not, you may use https://portal.ylopo.com/ as an alternative.
Open the home search site. On the URL add /widgets (ex. https://portal.ylopo.com/widgets) to open the configuration page of the listings.
Scroll down and go to GALLERY CONFIGURATION SECTION, then click on the EDIT SEARCH.
Go back to the JIRA ticket and look for the PRIMARY AREA specified. Search the areas on the widget then tick all the PROPERTY TYPES and Click SEE LISTINGS to generate the code.
Please base the code to generate on the number of communities provided on the ticket. If there are more than two primary areas, kindly search all the areas before clicking the SEE LISTINGS button. But if there are only one or two, please make a separate search for each (Please follow the tab name as explained above).
Copy the code below and open the Squarespace site.
Under the Home Listings, hover on the first block and edit:
Click on the widget line option, choose from the menu or type in Code and click the code icon.