New Updates to Responsive Design Templates

Blog_ResponsiveThemeImprovement-650x350[1]
Volusion is excited to release new improvements to our responsive design templates, aimed at enhancing the mobile shopping experience for your customers. If you are just getting started with responsive design, we recommend reviewing our series of articles on responsive web design. In addition to making it easy for storeowners to set up responsive templates from the admin, here are the major updates to the responsive templates.

New product display enhances mobile shopping experience

With the new product grid display, the products on your ecommerce website will have large images and a simplified layout. There is now a better balance between text and images that will create higher engagement. Your shoppers can easily view, scroll and interact with your products on their mobile and tablet devices through a more unified shopping experience. This feature is applicable on homepage featured products, category pages, product pages and search results.

More sales with the omnipresent add-to-cart button

No matter what webpage your customer is on, they can quickly add their favorite products to the cart, leading to increased sales. Storeowners can also customize the add-to-cart button design to match their site’s overall design. The add-to-cart button will now be available on category pages, product pages and search pages.

Designed for SEO

In the new responsive templates, all the product-related content lives in one HTML wrapper. This means that the product title, description, price, image and other related information is associated with each other at the product level. The search engines can crawl the page faster and have a better context and understanding of the page. It also improves the mobile user experience and can boost organic rankings in Google search.

Excited to get started with the responsive templates for your online store? Learn more with this knowledge base article.

About 

Try Volusion's award-winning ecommerce software to build your online store and sell products. Volusion merchants have generated over $21 billion in sales, that's 4x more sales than our competitors' merchants.

9 Responses to “New Updates to Responsive Design Templates”

  1. Justin

    Do you have any advice on the best way to create a banner image that would also be responsive? The current banner I have overflows. I own photoshop if there is a better way format the image for media queries. Maybe it’s as simple as a div id or class or something?
    Thanks in advance!

    Reply
    • Andrea Kinnison

      Hi Justin! There are a couple of methods for responsive images; in your case, it sounds like using the CSS width property will be the easiest to implement for your situation: http://www.w3schools.com/css/css_rwd_images.asp

      If you use width set to 100%, the image will be responsive and scale up AND down; if you use max-width set to 100%, the image will scale down, but never scale up larger than it’s original size. Hope this helps; let me know if you have any further questions!

      Reply
  2. John Balla

    When I click on the articles link (above), nothing shows up.

    Reply
    • Sharanya Srinivasan

      Hi John,

      Could you please tell me the specific link you are referring to?

      Reply
  3. Rod Roberts

    Why is the subcategory display grid not truly responsive on a category page like the product display is? The product grid will eventually shrink down to a single column, but the subcategory graphic/thumbnails just stay in the same number of columns and shrink until they are unreadable. Is this in the queue for future updates?

    Thanks!

    Reply
  4. meagan bozinvoski

    Hello, I am trying to see what templates actually have the one column view of the products via the live demo, however I cannot find this. Can you please direct me to the demo that would show this?

    Thank you

    Reply
    • Sharanya Srinivasan

      Hello Meagan,

      You can configure how your products will be displayed with any template. Check our Knowledgebase Article on Product Display

      Reply
      • JC CORTES

        Is there any way to fix the this image categories problem
        “Why is the subcategory display grid not truly responsive on a category page like the product display is? The product grid will eventually shrink down to a single column, but the subcategory graphic/thumbnails just stay in the same number of columns and shrink until they are unreadable.?” I have the same issue.

        Reply

Leave a Reply