Replace Breadcrumb container with Banner image for Collection pages only

For Collection pages only, we would like to remove the breadcrumb container and instead use edge-to-edge banner image for that collection. We are using Dawn theme.

Any guidance on the code for this, along with the file and where to place the code, would be most helpful. Thanks in advance.

@TerenceKEANE

@CW5 - will it be different image for each collection or very same for all collections?

@suyash1 Yes, a different image for each section. It could even be the collection’s banner image, but positioned in place of breadcrumb, edge to edge.

The. I recommend to use page builder app like page fly… By default
single image will be shown on all collection as shopify share the theme
code and sections

I have already figured a way of removing the breadcrumb from Collection pages. Is there a way I can take the position of the banner image for each collection to the top of the page and place it where the breadcrumb was earlier positioned, so that it is edge to edge?

I already have the @GemPages app. My concern is if we stop using the app for any reason, we will lose the page template. Isn’t that correct?

@CW5 - yes, if you disable the app then you will loose template, but buy default you will not have separate images on seaprate pages. This is shopify limitation