How can I embed an iframe above the footer on my homepage?

Store Design
1

Hi

I’m trying to embed an iframe with my reviews in my homepage.

I am able to edit the theme.css code however it shows up under the footer. is there a way we can change this to go before the footer.

my website is bergerjewelry.com and im using the Maker theme

1 Like
2

@ib_miami

sorry doesn’t work

KetanKumar_0-1634126188729.png
KetanKumar_0-1634126188729.png1920×1080 203 KB

3

Hi,

Sorry I wrote the wrong url

The correct one is www.bergerandson.com

Right now what I’m trying to do is not live so you wouldnt be able to see it there.

Here is an image of what shows up when I add the code to the theme.liquid, since the reviews show up after the footer and i would like to have that before that.

iframe
iframe940×727 70.3 KB

1 Like
4

@ib_miami

i can’t see but your have add your code theme/liquid to above footer section that’s it

5

This is my theme.liquid code:

{% if page_description %} {% endif %}

{%- if canonical_url != blank -%}

{%- endif -%}

{% if settings.favicon != nil %}

{% endif %}

{% render ‘framework–social-meta-tags’ %}

{% if request.page_type == ‘index’ %}

{{ page_title }} {% elsif request.page_type == 'password' %} {{ shop.name }} {% else %} {{ page_title }} | {{ shop.name }} {% endif %}

{% render ‘framework–css-variables’ %}
{% render ‘partial–css-variables’ %}
{% render ‘partial–js-variables’ %}

body .layout--main-content > *, body .header--root, body .footer--root, body .popup-modal-close, body .modal--root, body .modal--window { opacity: 1; } {% render 'custom-styles' %}

{% if request.page_type contains ‘customers’ %}

{% endif %}

{{ content_for_header }}

{% render ‘omg-facebook-chat’ %}

{% unless request.page_type == ‘password’ %}

{{ ‘general.skip_link’ | t }}

{% render 'framework--icons', icon: 'cross' %}
{% section 'announcement' %} {% section 'header' %} {% endunless %} {{ content_for_layout }}

{% unless request.page_type == ‘password’ %}
{% section ‘framework–footer’ %}
{% render ‘partial–popup’, component: ‘main’ %}

{% if request.page_type == ‘product’ %}

{% endif %}

{% if request.page_type == ‘collection’ %}

{% endif %}

{% if settings.product–quick-add-enabled %}

{% endif %}

{% if settings.cart–type == ‘drawer’ or settings.product–quick-add-enabled %}

{% render 'framework--cart', view: 'mobile', is_drawer: true %}
{% endif %}
{% render 'layout--mobile-nav' %}

{% render ‘framework–feedback-bar’ %}
{% render ‘framework–search’, view: ‘modal’ %}
{% render ‘framework–modal’ %}

{% endunless%}

{% render ‘banana-stand-footer’ %}

Here is the code I have to add:

Where will I add it for it to go over the footer?

1 Like
6

@ib_miami

thanks for code please update below code


{% if page_description %}

{% endif %}

{%- if canonical_url != blank -%}

{%- endif -%}

{% if settings.favicon != nil %}

{% endif %}

{% render 'framework--social-meta-tags' %}

{% if request.page_type == 'index' %}

{% elsif request.page_type == 'password' %}

{% else %}

{% endif %}

{% render 'framework--css-variables' %}
{% render 'partial--css-variables' %}
{% render 'partial--js-variables' %}

{% if request.page_type contains 'customers' %}

{% endif %}

{{ content_for_header }}

{% render 'omg-facebook-chat' %}

{% unless request.page_type == 'password' %}

{{ 'general.skip_link' | t }}

{% render 'framework--icons', icon: 'cross' %}

{% section 'announcement' %}
{% section 'header' %}
{% endunless %}

<iframe src="https://reviews-iframe.podium.com?locationSlug=nuxb4uwFPa3r8lEd6j8wgw&count=5" frameborder="0" width="500" height="900"></iframe>
{% unless request.page_type == 'password' %}
{% section 'framework--footer' %}
{% render 'partial--popup', component: 'main' %}

{% if request.page_type == 'product' %}

{% endif %}

{% if request.page_type == 'collection' %}

{% endif %}

{% if settings.product--quick-add-enabled %}

{% endif %}

{% if settings.cart--type == 'drawer' or settings.product--quick-add-enabled %}

{% render 'framework--cart', view: 'mobile', is_drawer: true %}

{% endif %}

{% render 'layout--mobile-nav' %}

{% render 'framework--feedback-bar' %}
{% render 'framework--search', view: 'modal' %}
{% render 'framework--modal' %}

{% endunless%}

{% render 'banana-stand-footer' %}