I am working on a project using the Grill theme created by Jozsef Tamas Herczeg and the builder plugin. I am attempting to gain a better understanding of how the builder plugin works by developing one with the idea that someone could create their own menu item and it be dynamically displayed on the page using the existing grid structure that is already in place. However, the issue I am having is that the anchor tag that is being used to display the items, which I copied to use with the items created by the builder plugin, is not being displayed on the page. I have the a tags in my code, but when the page is displayed and I inspect the elements, it isn't rendered by the browser for some reason. Is this something to do with this particular theme, or the way the builder plugin displays them, or is it something I have set up wrong within the plugin? I am new to October so I'm still trying to get a better understanding of it and this particular plugin. Any help is greatly appreciated.

As you can see, the tags are in my code here:

 {% for record in records %}
        <div class="col-md-3 col-sm-6 mix portfolio-item" style="display:inline-block;">
           <div class="portfolio-wrapper">
               <div class="portfolio-thumb">
                   <img src="{{ record.Image.path }}" style="height: 243px;">
                       <div class="hover">
                           <div class="hover-iner">
                               {# Use spaceless tag to remove spaces inside the A tag. #}
                                {% if detailsPage %}
                                <a class="fancybox" href="{{ detailsPage|page({ (detailsUrlParameter): attribute(record, detailsKeyColumn) }) }}">   <-!!!This a tag does
                                {% endif %}                                                                                                                                                                        does not get
                                <img src="{{ 'assets/images/open-icon.png'|theme }}" alt="">                                                                                           displayed by the 
                                {% if detailsPage %}.                                                                                                                                                          browser!!!->
                                </a>
                                {% endif %}
                                <span>{{ record.name }}</span>
                           </div>
                       </div>
                       </div>
            <div class="label-text">
                    <h3> {{ attribute(record, displayColumn) }}
                    </h3>
                    <span class="text-category">$16.00</span>
                </div>
            </div>
        </div>
    {% else %}
        <li class="no-data">{{ noRecordsMessage }}</li>
    {% endfor %}

Last updated 4 years ago

@clay.moore198356820 as far as I can tell, the only reason the tag would not be visible is because of the {% if detailsPage %}...{% endif %} calls within the code above. Those tags are conditional tags, which specify that if the detailsPage variable is not empty and is not false, then it will display the code within them.