We understand that your ecommerce site is crucial to the success of your business, from time to time issues and questions can arise and you need to have the assurance there will be someone on hand to help resolve these in a timely fashion so you can spend your time driving your own business forward.

So if you are looking for faster responses to your questions or would like the assurance there is someone on hand for you to contact, fear not we have a number of paid support options that are available to you that can give your organisation the peace of mind knowing a member from the Cart Viper team will always be available to assist!

Purchase a Support Plan

Community Support

HomeHomeIssues and Supp...Issues and Supp...Templates & UITemplates & UIEvents being displayed in a col-sm-6 div for a 1 column wide listEvents being displayed in a col-sm-6 div for a 1 column wide list
Previous
 
Next
New Post
11/13/2014 12:23 AM
 

CV 3.2L/DNN7.3.3

I have just installed CV in a new instance of DNN utilizing a Bootstrap 3 based skin.  I have CV set for Template Type: Responsive. I have been making style changes so that CV will blend with the skin, so I added some categories and an event.  Everything appears to be working correctly except that the product list is being displayed in a div with the class of col-sm-6 which is allowing the event to only occupy half the space that it should.  I checked my catalog setting and it is set for 5 rows and 1 column.

I have searched the CV templates, aspx, and ascx file, but for the life of me, I cannot determine where the col-sm-6 class is being added so that I can remove it.

<div class="StoreListContainer-CategoryDetails"></div>    
<div class="StoreListContainer-Content"> 
<div class="row">
<div class="col-sm-6 text-left cvVariantBoundary">
<span id="dnn_ctr476_Catalog_productList_ctl14_ieFixup"></span>

Just to be clear these are events that I am adding, not products.  Any help would be appreciated.

Thanks!

 
New Post
11/13/2014 7:55 AM
 

Hi

Good question!

When we render a list of products or events we use two templates. One that is the container of the complete list of items (CategoryContainer.htm) and a second template which define each product (ProductList.htm) output.

The ProductList.htm outputs the div you have lighted but takes a parameter from CategoryContainer.htm to define the class to use for the width of the listing.
So if you look at the CategoryContainer.htm file you'll see this 

<div class="StoreListContainer-Content">  

        [PRODUCTS @RowCssClass=row @ItemCssClass=col-sm-6 text-left]

        <div style="clear:both;"></div>

    </div>

All you need to do is change the part in yellow to whatever width of container you would like to use. I'm guessing col-sm-12

Regards

Mark

 
New Post
11/13/2014 4:45 PM
 

Mark,

First thanks for the quick reply.  Second, this explains why I could not find the setting, as my Category Container.htm file is different than yours.  Mine reads as follows:

<div class="StoreListContainer-Content">

[PRODUCTS @RowCssClass=productListRow]

<div style="clear:both;"></div>

</div>

I am wondering why the difference in file content while yours has the value set statically, and mine appears to use a variable.  Would I be able to replace my "[PRODUCTS..." line of code with yours without breaking anything, or should I be changing the value of the variable in another file?

Also, I am curious why this would be set at col-sm-6 to start with.  Wouldn't most designers want this column to fill the entire width of the module, and not just half?

Thanks for the help.

Steve

 
New Post
11/13/2014 9:53 PM
Accepted Answer 

Hi Steve

That looks like the original style template and not the responsive one. Did you upgrade from an order version of CV and have to merge the files with your customization?

The responsive templates will be stored here when you have portal templates turned on.

Portals/x/CVStore/ResponsiveTemplates

The reason we use col-sm-6 and not col-sm12 is that we assume that you are having a two column layout when you view the category product list. 
Since you are having a single column its just needs the template changed to be col-sm12.

Regards

Mark
 

 
New Post
11/13/2014 10:13 PM
 

Hey Mark,

This is a brand new install of CV on a new instance of DNN.  I do not have Portal Templates turned on, so I have been going to:

DesktopModules/CartViper/Templates

As I write this, the light bulb just went off.  I just checked and there is a new folder that I am not used to called ResponsiveTemplates.  Low and behold, the Category-Container.htm file now resembles yours.  I have been working with CV since version 1 and guess that I was on auto pilot and just went to the folder that I always go to, to modify the files I need to.

So I guess that the setting for the number of Rows and Columns under the product category settings only works for the old non-responsive templates, not the new ones.  Would it not be better to set the Bootstrap class of col-sm-* programmatically based on the Column setting above? In other words, if the admin sets the number of columns to 1 the class would render as col-sm-12, if set to two it would be set rendered as col-sm-6, 3 would be rendered as col-sm-3, etc.?

Regardless thank you for pointing me in the right direction. I will be sure not to make that mistake twice.

Steve

 

 
Previous
 
Next
HomeHomeIssues and Supp...Issues and Supp...Templates & UITemplates & UIEvents being displayed in a col-sm-6 div for a 1 column wide listEvents being displayed in a col-sm-6 div for a 1 column wide list


 

We use cookies on our website to improve our service to you, by continuing you agree to our use of cookies. However you are able to update your settings at any time.

Cookie Policy

A cookie, also known as an HTTP cookie, web cookie, or browser cookie, is a piece of data stored by a website within a browser, and then subsequently sent back to the same website by the browser. Cookies were designed to be a reliable mechanism for websites to remember things that a browser had done there in the past, which can include having clicked particular buttons, logging in, or having read pages on that site months or years ago.

Strictly Necessary Cookies

These cookies cannot be disabled

These cookies are necessary for the website to function and cannot be switched off. They are normally set in response to your interactions on the website e.g. logging in etc.

Cookies:
  • .ASPXANONYMOUS
  • .DOTNETNUKE
  • __RequestVerificationToken
  • authentication
  • CV_Portal
  • CV_Store_Portal_Cart_0
  • CV_USER
  • dnn_IsMobile
  • language
  • LastPageId
  • NADevGDPRCookieConsent_portal_0
  • userBrowsingCookie

Performance Cookies

These cookies allow us to monitor traffic to our website so we can improve the performance and content of our site. They help us to know which pages are the most and least popular and see how visitors move around the site. All information these cookies collect is aggregated and therefore anonymous. If you do not allow these cookies we will not know when you have visited or how you navigated around our website.

Cookies:
  • _ga
  • _gat
  • _gid

Functional Cookies

These cookies enable the website to provide enhanced functionality and content. They may be set by the website or by third party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly.

Cookies:

Currently we are not utilizing these types of cookies on our site.

Targeting Cookies

These cookies may be set through our site by our advertising partners. They may be used by those companies to build a profile of your interests and show you relevant adverts on other sites. They do not store directly personal information, but are based on uniquely identifying your browser and internet device. If you do not allow these cookies, you will experience less targeted advertising.

Cookies:

Currently we are not utilizing these types of cookies on our site.

Feedback