Beaver County Stockyards Auction Iframe Embed

This repository contains the iframe embed code for displaying Beaver County Stockyards auction content inside the public website.

The embedded auction content is hosted by the Beaver County Stockyards consignor portal at:

https://portal.beaverstockyards.com

Primary embed file

Use this file for the main auction listing embed:

embed-auctions.html

It embeds:

https://portal.beaverstockyards.com/iframe/auctions

That page includes the public auction list and allows users to navigate to auction detail pages and lot pages inside the iframe.

Available iframe URLs

Auction list

https://portal.beaverstockyards.com/iframe/auctions

Specific auction

https://portal.beaverstockyards.com/iframe/auctions/<auction_id>

Example:

https://portal.beaverstockyards.com/iframe/auctions/1

Specific lot

https://portal.beaverstockyards.com/iframe/auctions/lot/<lot_id>

Example:

https://portal.beaverstockyards.com/iframe/auctions/lot/3

How to embed in WordPress / StoryCo

Paste the contents of embed-auctions.html into a custom HTML block or embed/code section on the page where the auction content should appear.

The iframe is designed to be placed between the site header and footer in a full-width content area.

Responsive behavior

The iframe uses:

• width: 100% so it fills the available page width.
• A fallback min-height while the iframe loads.
• postMessage communication from the portal page to automatically resize the iframe height.
• Parent-page scroll correction when a visitor navigates between auction pages and lot pages inside the iframe.

This avoids nested iframe scrollbars and allows the main website page to scroll naturally.

Important requirements

The parent website domain must be approved by the portal's iframe security policy.

The portal is currently configured to allow embedding from:

https://beaverstockyards.com
https://www.beaverstockyards.com
https://txtechnician.tech
https://www.txtechnician.tech

If the final StoryCo page uses a different domain or subdomain, that domain must be added to the portal server's frame-ancestors allowlist.

Notes for implementers

Do not remove the JavaScript listener from the embed code. It is what allows the iframe height to update after:

• The auction list loads.
• A user opens an auction detail page.
• A user opens a lot page.
• Images or media finish loading.
• Search or clear buttons are used inside the iframe.

If the JavaScript is removed, the iframe may still load, but it may have internal scrollbars, excessive blank space, or clipped content.

Files included

README.md
embed-auctions.html
embed-specific-auction-example.html
embed-specific-lot-example.html

Production portal domain

https://portal.beaverstockyards.com