Meta Fields Coding Help

I am attempting to create a section on my page to display links to product resources such as owner’s manuals, etc. I have create three metafields for three types of documents (for starters) and now I’m trying to implement them into my product page template. However I keep getting the error: “can’t include liquid syntax without valid dynamic sources”. I’ve double-checked the links to these specific metafields and it’s typed correctly in the code. I’m also trying to make it where the button doesn’t show up if there is no data in the metafield for that particular product.

Can anyone offer an assist?

I’m using Empire 10.0.1 if that matters.

Thanks!

Current Code:

Product Downloads .downloads-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 20px; padding: 20px; }

.download-item {
display: block;
padding: 10px;
background-color: #1B175D;
border-radius: 5px;
text-align: center;
text-decoration: none;
color: white !important;
font-size: 16px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.download-item:hover {
background-color: #140e44;
color: white !important; /* Ensuring text remains white on hover */
}

@CGS-PDigital thanks for posting here.
can you please use this code or let me know if it not solve your issue.


    Owner's Manual
    Product Spec Sheet
    Installation Guide

1 Like