floating price on item list
This commit is contained in:
@@ -90,8 +90,8 @@ var ByCategory = React.createClass({
|
|||||||
locationName="category"
|
locationName="category"
|
||||||
locationId={Number(this.getParams().id)} />
|
locationId={Number(this.getParams().id)} />
|
||||||
|
|
||||||
<h3> Kategorija - {this.state.category.get('name')}</h3>
|
<h3> {this.state.category.get('name')}</h3>
|
||||||
Number of items in this category: {this.state.items.length}
|
|
||||||
<div>
|
<div>
|
||||||
<AppliedFiltersList
|
<AppliedFiltersList
|
||||||
filters={this.appliedCategoryFiltersArray()}
|
filters={this.appliedCategoryFiltersArray()}
|
||||||
@@ -99,8 +99,6 @@ var ByCategory = React.createClass({
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div> total count is : {this.state.items.totalCount}</div>
|
|
||||||
<ItemList
|
<ItemList
|
||||||
items={this.state.items}
|
items={this.state.items}
|
||||||
paginationEnabled={true}
|
paginationEnabled={true}
|
||||||
|
|||||||
@@ -30,17 +30,14 @@ var BySubCategory = React.createClass({
|
|||||||
|
|
||||||
return (<div>
|
return (<div>
|
||||||
<div className='col-md-2'>
|
<div className='col-md-2'>
|
||||||
|
<FilterCriteriaSelector filterCriterias={this.state.subCategory.get('filter_criterias')} onFCClick={this.onFCClick} />
|
||||||
<FilterCriteriaSelector filterCriterias={this.state.subCategory.get('filter_criterias')} onFCClick={this.onFCClick} />
|
|
||||||
</div>
|
</div>
|
||||||
<div classname='col-md-10'>
|
<div classname='col-md-10'>
|
||||||
|
|
||||||
<h2>
|
<h2>
|
||||||
Podkategorija {this.state.subCategory.get('name')}
|
{this.state.subCategory.get('name')}
|
||||||
</h2>
|
</h2>
|
||||||
|
|
||||||
<div>Number of items in this subcategory: {this.state.items.length}</div>
|
|
||||||
<div>total count : {this.state.items.totalCount}</div>
|
|
||||||
<div>
|
<div>
|
||||||
<AppliedFiltersList filters={this.appliedSubCategoryFiltersArray()} onRemove={this.removeAppliedFilter} />
|
<AppliedFiltersList filters={this.appliedSubCategoryFiltersArray()} onRemove={this.removeAppliedFilter} />
|
||||||
|
|
||||||
|
|||||||
@@ -36,7 +36,7 @@ var SingleItem = React.createClass({
|
|||||||
<div style={{height: "110px"}} className="item_name_and_price">
|
<div style={{height: "110px"}} className="item_name_and_price">
|
||||||
<p><span className="text-uppercase">{ this.props.item.get('brand') ? this.props.item.get('brand').name : '' }</span>
|
<p><span className="text-uppercase">{ this.props.item.get('brand') ? this.props.item.get('brand').name : '' }</span>
|
||||||
<br /><span className="text-capitalize">{ this.props.item.get('name') }</span></p>
|
<br /><span className="text-capitalize">{ this.props.item.get('name') }</span></p>
|
||||||
<h4>{ Globals.FormatCurrency(this.props.item.get('list_price')) }</h4>
|
<h4 className="item_floating_price">{ Globals.FormatCurrency(this.props.item.get('list_price')) }</h4>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -64,6 +64,14 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.item_floating_price {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 8%;
|
||||||
|
right: 8%;
|
||||||
|
text-align: right;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user