Shop overall layout liquid

Question

Hi,
I am pretty lost with liquid and I dont understand why this is not working. Could anyone please help?
I have followed the related doc but nothing.
                {% if product %}
                {module_product catalogId="{{catalog.id}}" productId="{{product.id}}" template="/ModuleTemplates/Custom/productLarge.html"}
                {% else %}
                {module_productlistdump sortType="Alphabetical" template="" collection="products"}
                {% for product in products.items %}
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="tile">
                        <div class="badges">
                            <span class="sale"></span>
                        </div>
                        <div class="price-label">{{product.salePrice}}</div>
                        <img src="{{product.smallImage}}" alt="{{product.name}}">
                        <div class="footer">
                            <a href="{{product.url}}" title="{{product.name}}">{{product.name}}</a>
                        </div>
                    </div>                   
                </div>
                {% endfor %}
                {% endif %}
Issues I am having are:
Seems like {% if product %} it isn't working at all.
Tags {{product.salePrice}} and {{product.smallImage}}" dont return any value.
After clicking in any product it doesn;t redirect to the product details, seem like it is related with point 1 because it pass the url.
Thanks

Answer 1

Thanks thanks thanks.... I knew it, i am dumb... So, I can not use modules within the overall shop layout. Them, where can we use all the ecommerce modules??
To be honest i dont know anymore what i am trying to do. There are things that I have done in the past with js & css (i.e hide a filter panel within the detail product layout) but since liquid release I though that it would be better to do it with liquid, yes, I am gonna go crazy and waste a lot of time until I learn but it will help me in the future.
To make a long story short i want to show/hide the filter panel depending if its in the product list view or the product detail view, i think I have solved this as long using {%if globals.get.ProductID %} is not an aberration. Should i go back to js/css??
And the second thing is to use liquid to be able to fliter/sort/paginate the product list by different criteria. Here is where i am having more issues, I made it work with module_productfeaturelist but with module_productlistdumb I dont because it only render the name an the url.
I was reading again ths post Re: Custom template for related products? and somethings are usefull but I cant not overrwrite the templatePath.
This is the closer that I can get but its useless since I am using the module_productfeaturelist...
{module_catalogue catalogId="{{this.id"}}" template="" collection="cat"}
{%if globals.get.ProductID %}
      {module_product render="item" catalogId="{{globals.get.CatalogueID}}" productId="{{globals.get.ProductID}}" template="/ModuleTemplates/Custom/productLarge.tpl"}
{% else %}
     {module_productfeaturelist tag="picks" catalogId="{{globals.get.CatalogueID}}" collection="prd" template=""}
     {% for product in prd.items %}
           {module_product render="items" catalogId="{{globals.get.CatalogueID}}" targetFrame="_self" productId="{{product.id}}" template="/ModuleTemplates/Custom/productSmall.tpl"}
      {% endfor %}
{% endif %}
Thanks man, really appreciate your time.
Regards
Ira