OpenCart Community

Posted: **Fri Sep 28, 2012 11:51 pm**

Am tot incercat sa mut pozitia butonului "Add to Cart" sub preturi, sa nu mai fie in linie, ca in imaginea atasata si nu am reusit nici din CSS nici din catalog/view/theme/default/template/product/category.tpl.

Poate sa ma invete cineva ce trebuie sa modific?
Multumesc.

Posted: **Sat Oct 06, 2012 2:59 pm**

In catalog/view/theme/tema-ta/template/product/category/category.tpl si gaseste codul:

Code: Select all

$('.product-list > div').each(function(index, element) {
			html  = '<div class="right">';
			html += '  <div class="cart">' + $(element).find('.cart').html() + '</div>';
			html += '  <div class="wishlist">' + $(element).find('.wishlist').html() + '</div>';
			html += '  <div class="compare">' + $(element).find('.compare').html() + '</div>';
			html += '</div>';			
			
			html += '<div class="left">';
			
			var image = $(element).find('.image').html();
			
			if (image != null) { 
				html += '<div class="image">' + image + '</div>';
			}
			
			var price = $(element).find('.price').html();
			
			if (price != null) {
				html += '<div class="price">' + price  + '</div>';
			}
					
			html += '  <div class="name">' + $(element).find('.name').html() + '</div>';
			html += '  <div class="description">' + $(element).find('.description').html() + '</div>';
			
			var rating = $(element).find('.rating').html();
			
			if (rating != null) {
				html += '<div class="rating">' + rating + '</div>';
			}
				
			html += '</div>';

						
			$(element).html(html);
		});

si schimba-l in:

Code: Select all

$('.product-list > div').each(function(index, element) {
			html  = '<div class="right">';
var price = $(element).find('.price').html();
			
			if (price != null) {
				html += '<div class="price">' + price  + '</div>';
			}
			html += '  <div class="cart">' + $(element).find('.cart').html() + '</div>';
			html += '  <div class="wishlist">' + $(element).find('.wishlist').html() + '</div>';
			html += '  <div class="compare">' + $(element).find('.compare').html() + '</div>';
			html += '</div>';			
			
			html += '<div class="left">';
			
			var image = $(element).find('.image').html();
			
			if (image != null) { 
				html += '<div class="image">' + image + '</div>';
			}
			
			
					
			html += '  <div class="name">' + $(element).find('.name').html() + '</div>';
			html += '  <div class="description">' + $(element).find('.description').html() + '</div>';
			
			var rating = $(element).find('.rating').html();
			
			if (rating != null) {
				html += '<div class="rating">' + rating + '</div>';
			}
				
			html += '</div>';

						
			$(element).html(html);
		});

Posted: **Sun Oct 07, 2012 5:50 pm**

Multumesc foarte mult pentru solutie.
Merge foarte bine.

Si daca cineva este curios ce a iesit, atasez mai jos si rezultatul.

OpenCart Community

Cum modific pozitia butonului "Add to Cart"

Cum modific pozitia butonului "Add to Cart"

Re: Cum modific pozitia butonului "Add to Cart"

Re: Cum modific pozitia butonului "Add to Cart"