Announcement

Collapse
No announcement yet.

Products per Page on CTGY page

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Products per Page on CTGY page

    I would like to change the number of products displayed on the CTGY and SRCH pages. I remember you used to have to edit the numbers manually in the code of the CTGY template. But I cannot seem to find that area anywhere. I tried just changing the default '12' to a '16' under the "Category Product List Layout' but of course that didn't work. I tried changing back to Point & Click mode & updating to 16 but that, of course, reverted the layout. Where can I edit the numbers?

  • Once you change the value in the settings, you will have to update the numbers in the code itself.
    Matt Zimmermann
    Director of UI/UX Standards and Theme Development
    / Miva, Inc.

    Comment


    • Right, but for some reason I am not seeing the 'code itself'. This is my Category Product List Layout:
      Code:
      <section class="o-layout u-grids-2 u-grids-4--l x-product-list">
          <mvt:foreach iterator="product" array="category_listing:products">
              <div class="o-layout__item u-text-center x-product-list__item t-defer-object" data-defer>
                  <a class="u-block x-product-list__link" href="&mvte:product:link;">
                      <figure class="x-product-list__figure">
                          <picture class="x-product-list__picture">
                          <mvt:if expr="l.settings:product:thumbnail">
                              <img src="&mvte:product:thumbnail;" alt="&mvte:product:name;" />
                          <mvt:else>
                              <img class="x-product-list__image" data-src="&mvte:product:imagetypes:main;" src="" alt="&mvte:product:name;">
                          </mvt:if>
                          </picture>
                          <figcaption class="x-product-list__figure-caption">
                              <mvt:if expr="l.settings:product:base_price GT l.settings:product:price">
                                  <span class="x-product-list__price"><s>&mvt:product:formatted_base_price;</s></span>
                                  <span class="x-product-list__price-red">&mvt:product:formatted_price;</span>
                              <mvt:else>
                                  <mvt:if expr="l.settings:product:price EQ '0.00'">
                                      <span class="x-product-list__price">&mvt:product:customfield_values:customfields:price_range;</span>
                                  <mvt:else>
                                      <span class="x-product-list__price">&mvt:product:formatted_price;</span>
                                  </mvt:if>
                              </mvt:if>
                              <span class="x-product-list__name">&mvte:product:name;</span>
                          </figcaption>
                      </figure>
                  </a>
              </div>
          </mvt:foreach>
      </section>
      <!-- end .x-product-list -->
      
      <mvt:if expr="l.settings:category_listing:page_links:last_page GT 1">
          <nav class="x-pagination x-pagination--centered t-pagination">
              <ul class="o-list-inline">
                  <mvt:if expr="l.settings:category_listing:page_links:current_page NE 1">
                      <li class="o-list-inline__item">
                          <a class="u-color-gray-40 u-icon-chevron-left t-pagination__button" href="&mvte:urls:_self:auto_sep;&mvte:category_listing:page_links:prev_link_params;" title="Go to the previous page."></a>
                      </li>
                  <mvt:else>
                      <li class="o-list-inline__item">
                          <span class="u-color-gray-40 u-icon-chevron-left t-pagination__button" title="You are on the first page."></span>
                      </li>
                  </mvt:if>
                  <li class="o-list-inline__item o-layout--grow">
                      <div class="c-form-select">
                          <select class="c-form-select__dropdown u-font-small u-text-uppercase u-text-bold u-color-gray-40" name="Sort_By" onchange="window.location.href=this.options[ this.selectedIndex ].value">
                              <mvt:foreach iterator="pages" array="category_listing:page_links:pages">
                                  <mvt:if expr="l.settings:category_listing:page_links:current_page EQ l.settings:pages:page_num">
                                      <option value="&mvte:urls:_self:auto_sep;&mvte:pages:link_params;" selected>Page &mvte:pages:page_num; of &mvte:category_listing:page_links:last_page;</option>
                                  <mvt:else>
                                      <option value="&mvte:urls:_self:auto_sep;&mvte:pages:link_params;">Page &mvte:pages:page_num; of &mvte:category_listing:page_links:last_page;</option>
                                  </mvt:if>
                              </mvt:foreach>
                          </select>
                      </div>
                  </li>
                  <mvt:if expr="l.settings:category_listing:page_links:current_page NE l.settings:category_listing:page_links:last_page">
                      <li class="o-list-inline__item">
                          <a class="u-color-gray-40 u-icon-chevron-right t-pagination__button" href="&mvte:urls:_self:auto_sep;&mvte:category_listing:page_links:next_link_params;" title="Go to the next page."></a>
                      </li>
                  <mvt:else>
                      <li class="o-list-inline__item">
                          <span class="u-color-gray-40 u-icon-chevron-right t-pagination__button" title="You are on the last page."></span>
                      </li>
                  </mvt:if>
              </ul>
          </nav>
          <!-- end .x-pagination -->
      </mvt:if>
      I checked the readythemes item refinery but the only reference I really see is:

      Code:
      <input type="hidden" name="Per_Page" value="&mvte:global:Per_Page;" />

      Comment


      • For Colossus, that code is located in the Global Header.
        Matt Zimmermann
        Director of UI/UX Standards and Theme Development
        / Miva, Inc.

        Comment


        • Didn't even think to look there. Thanks.

          Comment


          • Matt - please build in GPS in the next theme :) j/k
            Sabine Sharp
            eCommerce Strategies & Solutions
            Glendale Designs
            Support Desk
            623.322.6066

            Comment


            • afiumano I feel your pain.

              Install this search module Miva offers for free https://apps.miva.com/template-search-and-replace.html and your life will be 100x easier. The module UI is buggy of course but the search/replace itself works. I have no idea why this isn't just baked into the Miva admin.
              Colin Puttick
              I solemnly swear that I am up to no good...

              Comment


              • Do you know if that module searches through readytheme stuff or is it just page templates? I don't know how long I have spent 'searching' for the right snippet of code for things on a readytheme dev site.

                Comment


                • Yes, it works on ReadyTheme content that use managed templates (i.e., those content chunks that accept SMT code). PLEASE NOTE: Using it to replace can be VERY dangerous.
                  Bruce Golub
                  Phosphor Media - "Your Success is our Business"

                  Improve Your Customer Service | Get MORE Customers | Edit CSS/Javascript/HTML Easily | Make Your Site Faster | Get Indexed by Google | Free Modules | Follow Us on Facebook
                  phosphormedia.com

                  Comment


                  • Using replace scares me - you can just use it to search to find something and manually change things correct?

                    Comment

                    Working...
                    X

                    This website uses cookies to identify visitors, track visitors to our website, store login session information and to remember your user preferences. By continuing to use this site you agree to our use of cookies. Learn More.

                    This website uses cookies. By continuing to use this site you agree to our use of cookies. Learn More.

                    Accept