Announcement

Collapse
No announcement yet.

Category Page Formatting and Category Nav

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

    Category Page Formatting and Category Nav

    I've been away from this redesign for a while but it's time to finish this DEV site and I'm going to need a bit of help. Here's a small list, and I'm happy to make these separate posts if necessary:
    • I'm not sure what I did but I screwed up the nice layout for the category pages - how do I get that back to the default layout?
    • All product category links (side bar nav) go to the homepage - how do I fix that?
    • How do I remove the filters at the top of category pages?
    Not-category related: How do I format none product pages? Is there a guide out there that lists the HTML/CSS I should or can use?

    My category page:
    http://dev.imagescienceassociates.co..._Code=SOFTWARE

    Thanks for any help you can provide.
    Attached Files

    #2
    It looks like that page has been updated to be the stock CSSUI layout. If you are unable to roll-back the page to the last Colossus version you used, you can find some of the page resources here: https://github.com/mivaecommerce/rea...emplates/C/mm5

    If you are looking to remove the facets from the page, you can remove <mvt:item name="facets" /> from the CTGY page code.

    As for styling, you can refer to the documentation for Colossus [ https://docs.miva.com/readytheme-colossus/index.html ] and Shadows v1 [ https://docs.miva.com/readytheme-shadows/v1/index.html ]
    Matt Zimmermann

    Miva Web Developer
    Alchemy Web Development
    https://www.alchemywebdev.com
    Site Development - Maintenance - Consultation

    Miva Certified Developer
    Miva Professional Developer

    https://www.dev4web.net | Twitter

    Comment


      #3
      Hi Matt, thanks for the response.

      1. I'm unable to roll-back the category page and when I try and copy and paste the original code from the GitHub site I get this error:
      Error compiling template: At 1:31-1:34 - syntax error, unexpected FILE, expecting /> or '>'

      2. I removed the <mvt:item name="facets" /> code and that removed the filters perfectly, thanks!

      3. I'll look at that documentation and see if it helps.

      4. Any idea about this?
      • All product category links (side bar nav) go to the homepage - how do I fix that?

      Comment


        #4
        I forgot that the editable templates export can have some odd entries in them. For the CTGY page, try using this code [ https://gist.github.com/influxweb/b2...85fd3acb7b1093 ]. As for the navigation links, you may need to contact support so they can look into the code.
        Matt Zimmermann

        Miva Web Developer
        Alchemy Web Development
        https://www.alchemywebdev.com
        Site Development - Maintenance - Consultation

        Miva Certified Developer
        Miva Professional Developer

        https://www.dev4web.net | Twitter

        Comment


          #5
          I used the new code from that github page but it didn't change anything.

          I guess I'll contact support for the navigation links and then also ask about the category page view.

          Comment


            #6
            Just in case someone else has this problem I wanted to say how it got fixed.

            Tim in Miva support replaced the "Category Product List Layout" section with the default from his Colossus test store and that seemed to resolve the issue.

            Comment


              #7
              Well somehow the filters, or facets, have re-appeared and I don't see them in the code to remove them. I want to remove the ones at the tops of the category pages (attached screenshot) but leave them in the left hand sidebar. I looked in the CTGY page and didn't see <mvt:item name="facets" /> anywhere.
              Attached Files

              Comment


                #8
                By looking at the image, those look more like subcategories and not facets. If you do not want that section to show, remove this code from the category page:

                Code:
                <mvt:foreach array="cattree_categories" iterator="category_children">
                <mvt:if expr="l.settings:category_children:parent_id EQ l.settings:category:id">
                <mvt:assign name="l.null" value="miva_array_insert(l.settings:subcategories, l.settings:category_children, -1)" />
                </mvt:if>
                </mvt:foreach>
                <mvt:assign name="l.settings:subcategory_count" value="miva_array_elements(l.settings:subcategorie s)" />
                
                <mvt:if expr="l.settings:subcategories GT 0">
                <section class="u-bg-white t-expanded-block t-subcategory-navigation-block" data-hook="subcategory-navigation-block">
                <nav class="o-wrapper t-wrapper t-subcategory-navigation" data-hook="subcategory-navigation-slider"></nav>
                </section>
                <template data-hook="subcategory-navigation">
                <mvt:foreach iterator="subcategory" array="subcategories">
                <div class="u-text-center t-subcategory-navigation__item">
                <a class="u-block u-color-black t-subcategory-navigation__link" href="&mvte:subcategory:link;">
                <figure class="t-subcategory-navigation__figure">
                <mvt:if expr="l.settings:subcategory:image">
                <!-- Image: 240x315 -->
                <picture class="t-subcategory-navigation__picture">
                <img class="t-subcategory-navigation__image" data-lazy="&mvte:subcategory:image;" src="" alt="&mvte:subcategory:name;">
                </picture>
                </mvt:if>
                <figcaption class="t-subcategory-navigation__figure-caption">
                <span class="t-subcategory-navigation__name">&mvte:subcategory:name;</span>
                </figcaption>
                </figure>
                </a>
                </div>
                </mvt:foreach>
                </template>
                </mvt:if>
                Matt Zimmermann

                Miva Web Developer
                Alchemy Web Development
                https://www.alchemywebdev.com
                Site Development - Maintenance - Consultation

                Miva Certified Developer
                Miva Professional Developer

                https://www.dev4web.net | Twitter

                Comment


                  #9
                  That worked, thanks again Matt!

                  Comment

                  Working...
                  X