Big Cartel help

Hi. First post here, so hopefully some useful advice. I’m working on a Big Cartel website and have a number of issues to attempt to resolve.

https://www.prefab77.co.uk/products - I have a list of products in here under various categories. However, there are some categorised as “Archive”. What I want is to hide these from all pages apart from their own dedicated Archive page (shown on the top nav). I’ve used code to add these to the Archive page, but they will still appear elsewhere.

if(!$Category->isArchive() or $Page->onArchive()) showCategory();

Thanks :slight_smile: whereabouts would this go and replace. The below is the Home page code which I can edit.

{% if theme.image_sets.slideshow.size > 0 %}

<div class="flexslider home-slideshow">
    <ul class="slides">

      {% for image in theme.image_sets.slideshow %}
        <li><img alt="Slideshow image" src="{{ image.url | constrain: 1800 }}"></li>
      {% endfor %}
    </ul>
  </div>
{% endif %}


  
  
<script src="https://www.powr.io/powr.js?platform=bigcartel"></script><div class="powr-multi-slider" id="ebde6950_1563365425"></div>

{% if theme.featured_items > 0 %}
  {% get products from products.all limit:theme.featured_items order:theme.featured_order %}
    {% if products != blank %}
      <div class="product-list">
        {% for product in products %}
          {% assign product_status = '' %}
          {% case product.status %}
          	{% when 'active' %}
          		{% if product.on_sale %}{% assign product_status = 'On sale' %}{% endif %}
          	{% when 'sold-out' %}
          		{% assign product_status = 'Sold out' %}
          	{% when 'coming-soon' %}
          		{% assign product_status = 'Coming soon' %}
          {% endcase %}
          <a class="product-list-item {{ theme.show_overlay }}" href="{{ product.url }}" title="View {{ product.name | escape }}">
            <div class="product-list-item-container">
              <figure class="product-list-image-container">
                <img alt="Image of {{ product.name | escape }}" class="fade-in product-list-image {% if product.image.height > product.image.width %}image-tall{% elsif product.image.height < product.image.width %}image-wide{% else %}image-square{% endif %}" src="{{ product.image | product_image_url | constrain: 1000, 1000 }}">
              </figure>
            </div>
            <div class="product-list-item-info">
              <div class="product-list-item-background"></div>
              <div class="product-list-item-info-headers">
                {% if product_status != blank %}<div class="product-list-item-status">{{ product_status }}</div>{% endif %}
                <div class="product-list-item-name">{{ product.name }}</div>
                <div class="product-list-item-price">{{ product.default_price | money: theme.money_format }}</div>
              </div>
            </div>
          </a>
        {% endfor %}
      </div>
    {% else %}
      <div class="empty-products centered-message">No products found.</div>
    {% endif %}
  {% endget %}
{% endif %}

whatever template engine this is, you have to convert the code i posted. also you have to implement the classes and functions, it’s just a conceptual step.

Sponsor our Newsletter | Privacy Policy | Terms of Service