Solved

How To Move the location of the page numbers- on collections- venture theme

Chickybling
Tourist
6 0 0

Add a heading.jpgHi- 

I am using the venture theme.  I would like to move the location of my page numbers on my collections to be below the products, instead of below the collection description.  My collection description is lengthy and i don't want someone to not realize there are more products available in that collection.   

 

example of page 

https://www.chickychickyblingbling.com/collections/party-supplies-and-party-favors

 

Venture theme

 

Thank you for your time 

Holly

 

 

Holly
Accepted Solution (1)
LitCommerce
Astronaut
2860 684 732

This is an accepted solution.

Hi @Chickybling,

Please change all code:

{% paginate collection.products by 20 %}

<div class="page-width">

  <header class="grid medium-up--grid--table section-header small--text-center">
    <div class="grid__item medium-up--one-half section-header__item">
      <h1 class="section-header__title">
        {{ collection.title }}
        {% if current_tags %}
        &ndash; {% assign title_tags = current_tags | join: ', ' %}
        {{ title_tags }}
        {% endif %}
      </h1>

    </div>
    <div class="grid__item medium-up--one-half medium-up--text-right section-header__item">
      {% section 'collection-filters' %}
    </div>
  </header>

  <div class="grid grid--no-gutters grid--uniform">

    {% for product in collection.products %}
    <div class="grid__item small--one-half medium-up--one-fifth">
      {% include 'product-card', product: product %}
    </div>
    {% else %}
    {% comment %}
    Add default products to help with onboarding for collections/all only.

    The onboarding styles and products are only loaded if the
    store has no products.
    {% endcomment %}
    {% if shop.products_count == 0 %}
    <div class="grid__item">
      <div class="grid grid--no-gutters grid--uniform">
        {% assign collection_index = 1 %}
        {% for i in (1..10) %}
        {% case i %}
        {% when 7 %}
        {% assign collection_index = 1 %}
        {% when 8 %}
        {% assign collection_index = 2 %}
        {% when 9 %}
        {% assign collection_index = 3 %}
        {% when 10 %}
        {% assign collection_index = 4 %}
        {% endcase %}
        <div class="grid__item small--one-half medium-up--one-fifth">
          <a href="/admin/products" class="product-card">
            <div class="product-card__image-container">
              <div class="product-card__image-wrapper">
                <div class="product-card__image">
                  {% capture current %}{% cycle 1, 2, 3, 4, 5, 6 %}{% endcapture %}
                  {{ 'product-' | append: current | placeholder_svg_tag: 'placeholder-svg' }}
                </div>
              </div>
            </div>
            <div class="product-card__info">
              <div class="product-card__name">{{ 'homepage.onboarding.product_title' | t }}</div>
              <div class="product-card__price">
                $19.99
              </div>
            </div>
            <div class="product-card__overlay">
              {% assign view_string_length = 'products.product.view' | t | size %}
              <span class="btn product-card__overlay-btn {% if view_string_length > 8 %} btn--narrow{% endif %}">{{ 'products.product.view' | t }}</span>
            </div>
          </a>
        </div>
        {% assign collection_index = collection_index | plus: 1 %}
        {% endfor %}
      </div>
    </div>
    {% else %}
    {% comment %}
    If collection exists but is empty, display message
    {% endcomment %}
    <div class="grid__item small--text-center">
      <p>{{ 'collections.general.no_matches' | t }}</p>
    </div>
    {% endif %}
    {% endfor %}
  </div>
  {% if paginate.pages > 1 %}
  <div class="pagination">
    {{ paginate | default_pagination | replace: '&laquo; Previous', '&larr;' | replace: 'Next &raquo;', '&rarr;' }}
  </div>
  {% endif %}
  {% if collection.description != blank %}
  <div class="section-header__subtext rte">
    {{ collection.description }}
  </div>
  {% endif %}
</div>

{% endpaginate %}

Hope it helps!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!

View solution in original post

Replies 5 (5)

LitCommerce
Astronaut
2860 684 732

Hi @Chickybling,

Please send me the code of templates > collection.liquid file, I will help you to move it

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!
Chickybling
Tourist
6 0 0

WOW Thank you 

 

 

{% paginate collection.products by 20 %}

<div class="page-width">

<header class="grid medium-up--grid--table section-header small--text-center">
<div class="grid__item medium-up--one-half section-header__item">
<h1 class="section-header__title">
{{ collection.title }}
{% if current_tags %}
&ndash; {% assign title_tags = current_tags | join: ', ' %}
{{ title_tags }}
{% endif %}
</h1>

</div>
<div class="grid__item medium-up--one-half medium-up--text-right section-header__item">
{% section 'collection-filters' %}
</div>
</header>

<div class="grid grid--no-gutters grid--uniform">

{% for product in collection.products %}
<div class="grid__item small--one-half medium-up--one-fifth">
{% include 'product-card', product: product %}
</div>
{% else %}
{% comment %}
Add default products to help with onboarding for collections/all only.

The onboarding styles and products are only loaded if the
store has no products.
{% endcomment %}
{% if shop.products_count == 0 %}
<div class="grid__item">
<div class="grid grid--no-gutters grid--uniform">
{% assign collection_index = 1 %}
{% for i in (1..10) %}
{% case i %}
{% when 7 %}
{% assign collection_index = 1 %}
{% when 8 %}
{% assign collection_index = 2 %}
{% when 9 %}
{% assign collection_index = 3 %}
{% when 10 %}
{% assign collection_index = 4 %}
{% endcase %}
<div class="grid__item small--one-half medium-up--one-fifth">
<a href="/admin/products" class="product-card">
<div class="product-card__image-container">
<div class="product-card__image-wrapper">
<div class="product-card__image">
{% capture current %}{% cycle 1, 2, 3, 4, 5, 6 %}{% endcapture %}
{{ 'product-' | append: current | placeholder_svg_tag: 'placeholder-svg' }}
</div>
</div>
</div>
<div class="product-card__info">
<div class="product-card__name">{{ 'homepage.onboarding.product_title' | t }}</div>
<div class="product-card__price">
$19.99
</div>
</div>
<div class="product-card__overlay">
{% assign view_string_length = 'products.product.view' | t | size %}
<span class="btn product-card__overlay-btn {% if view_string_length > 8 %} btn--narrow{% endif %}">{{ 'products.product.view' | t }}</span>
</div>
</a>
</div>
{% assign collection_index = collection_index | plus: 1 %}
{% endfor %}
</div>
</div>
{% else %}
{% comment %}
If collection exists but is empty, display message
{% endcomment %}
<div class="grid__item small--text-center">
<p>{{ 'collections.general.no_matches' | t }}</p>
</div>
{% endif %}
{% endfor %}
</div>
{% if collection.description != blank %}
<div class="section-header__subtext rte">
{{ collection.description }}
</div>
{% endif %}
</div>
{% if paginate.pages > 1 %}
<div class="pagination">
{{ paginate | default_pagination | replace: '&laquo; Previous', '&larr;' | replace: 'Next &raquo;', '&rarr;' }}
</div>
{% endif %}

</div>

{% endpaginate %}

Holly
LitCommerce
Astronaut
2860 684 732

This is an accepted solution.

Hi @Chickybling,

Please change all code:

{% paginate collection.products by 20 %}

<div class="page-width">

  <header class="grid medium-up--grid--table section-header small--text-center">
    <div class="grid__item medium-up--one-half section-header__item">
      <h1 class="section-header__title">
        {{ collection.title }}
        {% if current_tags %}
        &ndash; {% assign title_tags = current_tags | join: ', ' %}
        {{ title_tags }}
        {% endif %}
      </h1>

    </div>
    <div class="grid__item medium-up--one-half medium-up--text-right section-header__item">
      {% section 'collection-filters' %}
    </div>
  </header>

  <div class="grid grid--no-gutters grid--uniform">

    {% for product in collection.products %}
    <div class="grid__item small--one-half medium-up--one-fifth">
      {% include 'product-card', product: product %}
    </div>
    {% else %}
    {% comment %}
    Add default products to help with onboarding for collections/all only.

    The onboarding styles and products are only loaded if the
    store has no products.
    {% endcomment %}
    {% if shop.products_count == 0 %}
    <div class="grid__item">
      <div class="grid grid--no-gutters grid--uniform">
        {% assign collection_index = 1 %}
        {% for i in (1..10) %}
        {% case i %}
        {% when 7 %}
        {% assign collection_index = 1 %}
        {% when 8 %}
        {% assign collection_index = 2 %}
        {% when 9 %}
        {% assign collection_index = 3 %}
        {% when 10 %}
        {% assign collection_index = 4 %}
        {% endcase %}
        <div class="grid__item small--one-half medium-up--one-fifth">
          <a href="/admin/products" class="product-card">
            <div class="product-card__image-container">
              <div class="product-card__image-wrapper">
                <div class="product-card__image">
                  {% capture current %}{% cycle 1, 2, 3, 4, 5, 6 %}{% endcapture %}
                  {{ 'product-' | append: current | placeholder_svg_tag: 'placeholder-svg' }}
                </div>
              </div>
            </div>
            <div class="product-card__info">
              <div class="product-card__name">{{ 'homepage.onboarding.product_title' | t }}</div>
              <div class="product-card__price">
                $19.99
              </div>
            </div>
            <div class="product-card__overlay">
              {% assign view_string_length = 'products.product.view' | t | size %}
              <span class="btn product-card__overlay-btn {% if view_string_length > 8 %} btn--narrow{% endif %}">{{ 'products.product.view' | t }}</span>
            </div>
          </a>
        </div>
        {% assign collection_index = collection_index | plus: 1 %}
        {% endfor %}
      </div>
    </div>
    {% else %}
    {% comment %}
    If collection exists but is empty, display message
    {% endcomment %}
    <div class="grid__item small--text-center">
      <p>{{ 'collections.general.no_matches' | t }}</p>
    </div>
    {% endif %}
    {% endfor %}
  </div>
  {% if paginate.pages > 1 %}
  <div class="pagination">
    {{ paginate | default_pagination | replace: '&laquo; Previous', '&larr;' | replace: 'Next &raquo;', '&rarr;' }}
  </div>
  {% endif %}
  {% if collection.description != blank %}
  <div class="section-header__subtext rte">
    {{ collection.description }}
  </div>
  {% endif %}
</div>

{% endpaginate %}

Hope it helps!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!
Chickybling
Tourist
6 0 0

Thank you so much..   I have a question about lit-commerce i was looking into it.  

Holly
Elia18
Tourist
16 0 1

Thanks to you I did it as well! just reading and comparing both codes! I learned a lot!