Hello, Our Apps Users
We’ve noticed that some users are experiencing issues with Shopify free apps when using the Horizon (new update) theme and a few other Shopify free themes.
However, this issue does not occur with the Shopify Dawn theme, Shopify core premium themes, or ThemeForest themes.
If you are facing this issue on the Horizon theme or any newly updated Shopify free theme, please review the screenshots we’ve shared and follow the guideline below.
Why This Issue Happens:
In the Horizon new update theme (and some other Shopify free themes), when you add an app block, it is automatically wrapped inside a Section container.
This Section applies automatic CSS and admin UI styles, which may conflict with the app’s layout. As a result, app content such as FlipBooks or iframe-based apps may appear squeezed, misaligned, or broken.
This is a theme-level layout behavior, not an app bug.
How to Fix the Issue (Solution)
Please follow these steps carefully:
1. Go to Online Store → Themes → Edit code
2. Open the Sections folder
3. Find the file named apps.liquid
– If the file exists, open it and paste the provided code into it
– If the file does not exist, create a new file named apps.liquid and paste the code into it
4. Save the file
5. Go back to Theme Customization
6. Add the app block again
After completing these steps, everything should display correctly.
Summary :
– This issue is related to the Horizon / Shopify free theme layout behavior
– It is not an app bug
– Dawn, Shopify premium themes, and ThemeForest themes work without any issues
– Following the steps above will resolve the problem
If you still face issues after following this guide, please share updated screenshots and we will be happy to assist further.
Create file name : apps.liquid and past it
<div class="{% if section.settings.include_margins %}page-width{% endif %}">
{% for block in section.blocks %}
{% render block %}
{% endfor %}
</div>
{% schema %}
{
"name": "Apps",
"tag": "section",
"class": "section",
"settings": [
{
"type": "checkbox",
"id": "include_margins",
"default": true,
"label": "Include page margins"
}
],
"blocks": [
{ "type": "@app" }
],
"presets": [
{ "name": "Apps" }
]
}
{% endschema %}
F2 Realestate Pro
F2 Realestate Pro – Installation Guide
This guide explains how to install and set up F2 Realestate Pro to transform your Shopify store into a real estate style storefront with property search and smart calculators.
1. Install the App
Go to the Shopify App Store
Search for F2 Realestate Pro
Click Add app
Click Install
After installation, the app will appear in your Shopify Admin dashboard.
2. Add App Blocks to Your Theme
F2 Realestate Pro uses Shopify Theme App Blocks, allowing you to add features directly from the theme editor.
Steps
Go to Online Store
Click Themes
Click Customize
Click Add Section or Add Block
Select Apps
You will see the following app blocks:
Property Finder
Mortgage Calculator
Rent vs Buy Calculator
House Affordability Calculator
AC BTU Calculator
You can add these blocks to:
Homepage
Property listing pages
Landing pages
3. Set Up the Property Finder
The Property Finder lets visitors search properties using filters such as location, type, and category.
Steps
Open the Theme Editor
Click Add Block
Select Property Finder
Place it on your homepage or property page
Configure the Dropdown Menu
The Property Finder uses your Shopify navigation menu.
Go to:
Online Store → Navigation
Create a menu like this:
Property Location
New York
Los Angeles
Miami
Property Type
Residential
Commercial
Land
Property Category
Apartment
Independent House
Duplex
Then select this menu inside the Property Finder block settings.
4. Add Real Estate Property Listings
Property listings are created using Shopify Products.
Steps
Go to Products
Click Add product
Enter property information
Example:
Title: Modern Apartment in New York
Price: $450,000
Description: 3 bedroom apartment in Manhattan
Images: Upload property photos
You can organize listings using:
Product type
Tags
Collections
Custom fields (optional)
This structure allows the Property Finder to filter listings properly.
5. Use Real Estate Calculators
F2 Realestate Pro includes four calculators to help buyers evaluate property costs.
Mortgage Calculator
Calculate monthly payments based on home price, down payment, interest rate, and loan term.
Rent vs Buy Calculator
Compare the long-term cost of renting vs purchasing a property.
House Affordability Calculator
Estimate the maximum home price a buyer can afford based on income and expenses.
AC BTU Calculator
Estimate required AC capacity based on room size and conditions.
6. Customize Widgets
All blocks can be customized in the Shopify Theme Editor.
Available settings include:
Section width
Padding and spacing
Background color
Font size
Button style
Heading alignment
This helps match the widgets with your store design.
7. Recommended Placement
Homepage
Property Finder
Featured property listings
Property Pages
Mortgage Calculator
House Affordability Calculator
Landing Pages or Blog
Rent vs Buy Calculator
If you need Support, please message us on WhatsApp. We will give you a response just in one minute. Or mail to us, Amzadhossen420360@gmail.com Or Contact Our Support Website : https://friends2a-technology.com/fhopify/contact-us/
F2 Realestate Pro helps merchants transform their Shopify store into a real estate listing platform. Add an advanced property finder that allows visitors to search properties by location, type, and category. The app also includes powerful calculators such as mortgage calculator, rent vs buy comparison, house affordability calculator, and AC BTU estimator. All tools can be added easily using Shopify theme blocks and customized directly from the theme editor.
Feature 1
Advanced Property Finder – Search listings by location, type, and category.
Feature 2
Mortgage Calculator – Estimate monthly payments and loan costs easily.
Feature 3
Rent vs Buy Calculator – Compare long-term costs of renting or buying.
Feature 4
House Affordability Calculator – See how much home buyers can afford.
Feature 5
AC BTU Calculator – Estimate ideal air conditioner size for rooms.
