Свое оформление карточки товара

Добрый день.
Не подскажите сделать свое оформление карточки товара?
Сейчас такой код:

<div class="col-sm-4 col-xs-6 product">
<div class="product-img">
	<img src="[[+tv.product-images]]" alt="[[+pagetitle:htmlent]]">
	<div class="img-hover">
		<div class="holder">
			<a class="icon glyph-icon flaticon-plus79" href="[[~[[+id]]]]"></a>
		</div>
	</div>
	<div class="price-tag">
		<div class="price-holder">₽[[!+price]]</div>
	</div>
</div>
<div class="detail">
	<span class="title">[[+pagetitle:htmlent]]</span>
	<span class="stars">
		<i class="fa fa-star"></i>
		<i class="fa fa-star"></i>
		<i class="fa fa-star"></i>
		<i class="fa fa-star"></i>
		<i class="fa fa-star"></i>
	</span>
	<div class="description">
		<p>[[+introtext]]</p>
	</div>
	<a class="theme-btn addtocart-btn" href="#">В корзину</a>
</div>
</div>

<div class="products haslayout">
    <div class="row">
	        [[!msProducts? 
            &showHidden=`1` 
            &parents=`82`
            &includeTVs=`price,product-images`
            &tvPrefix=`tv.`
            &tpl =`product_tpl`
            ]]
</div>
    </div>
	[[!+page.nav]]
	</div>
</div>

Вопрос следующий как можно сделать свое оформление те использовать чанки не по умолчанию а свои для оформления или же как добавить в мой код добавления товара в корзину?

Александр

15 февраля 2016, 13:21

6 647

Комментарии: 21

Наумов Алексей

15 февраля 2016, 16:44

…

те твой код добавь в чанк и свой по-умолчанию будет!

Шутка. Еще раз вопрос сформулируй с запятыми, у нас не рен-тв, что бы мысли читать.

Александр

15 февраля 2016, 16:49

К примеру в примерах описана работа со стандартными чанками minishop2. Но мне необходимо задать свои чанки, для того чтобы дизайн сайта не слетел. Как это можно сделать?
Дошел до того момента когда кликаешь по кнопке «добавить в корзину» и он собственно попадает в корзину.
Не могу понять что вписать, чтобы добавлялся в корзину также.

Александр

15 февраля 2016, 17:57

Интересно что облазив пол сети ничего подобного не нашел… не одного мануала и неужели никто не делал… или почему с примерами такие проблемы в сети..?

Виктор

15 февраля 2016, 19:42

Это разве чанк от MS2!? Срочно вводный курс по плейсхолдерам ))

К примеру в примерах описана работа со стандартными чанками minishop2. Но мне необходимо задать свои чанки, для того чтобы дизайн сайта не слетел. Как это можно сделать?

Там где ты смотрел 100% всё есть! Для стандартного решения

Александр

15 февраля 2016, 20:59

Ок, msProduct.Content не является чанком?
Если так то зачем мне курс по плейсхолдерам читать ?)
Не увидел примеры реализации каталога, карточки товара и корзины не считая с решением по умолчанию в видеозаписи «быстрый старт»
Речь и вопрос идёт о кастовом решение.

Виктор

15 февраля 2016, 21:17

Дефолтный msProduct.сontent при установке

<h1>[[*pagetitle]]</h1>
<div id="msProduct" class="row">
	<div class="span5 col-md-5">
		[[!msGallery]]
	</div>
	<div class="span7 col-md-7">
		<form class="form-horizontal ms2_form" method="post">
			<input type="hidden" name="id" value="[[*id]]" />
			<div class="form-group">
				<label class="col-sm-2 control-label">[[%ms2_product_article]]:</label>
				<div class="col-sm-3">
					<label class="checkbox">
						[[+article]]
					</label>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-2 control-label">[[%ms2_product_price]]:</label>
				<div class="col-sm-3">
					<label class="checkbox">
						[[!+price]] [[%ms2_frontend_currency]]
						[[!+old_price:gt=`0`:then=`<span class="old_price">[[+old_price]] [[%ms2_frontend_currency]]</span>`:else=``]]
					</label>
				</div>
			</div>
			<div class="form-group form-inline">
				<label class="col-sm-2 control-label" for="product_price">[[%ms2_cart_count]]:</label>
				<div class="col-sm-3">
					<input type="number" name="count" id="product_price" class="input-sm form-control" value="1" />
					[[%ms2_frontend_count_unit]]
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-2 control-label">[[%ms2_product_weight]]:</label>
				<div class="col-sm-3">
					<label class="checkbox">[[+weight]] [[%ms2_frontend_weight_unit]]</label>
				</div>
			</div>
			[[!msOptions?name=`color`]]
			[[!msOptions?name=`size`]]
			[[-!msOptions?name=`tags`&tplRow=``&tplOuter=``]]
			<div class="form-group">
				<label class="col-sm-2 control-label">[[%ms2_product_made_in]]:</label>
				<div class="col-sm-3">
					<label class="checkbox">[[+made_in]]</label>
				</div>
			</div>
			<div class="form-group">
				<div class="col-sm-3">
					<button type="submit" class="btn btn-default" name="ms2_action" value="cart/add"><i class="glyphicon glyphicon-barcode"></i> [[%ms2_frontend_add_to_cart]]</button>
				</div>
			</div>
		</form>

	</div>
</div>
[[*content]]

Там видео ещё времён 2.2.*

Роман Садоян

15 февраля 2016, 21:10

Вот это код кнопки для добавления в корзину:

<button type="submit" name="ms2_action" class="btn btn-block btn-success btn-lg" value="cart/add">Купить</button>

Александр

15 февраля 2016, 22:39

Спасибо.
Но хотел узнать как переопределить стандартные чанки, чтобы дизайн не «слетел».

Роман Садоян

15 февраля 2016, 22:57

Александр, создаете новый шаблон на основании кода который указан в посте и меняете всё что пожелаете, где есть вызов чанков — можете копировать стандартные чанки -> менять -> вставлять в вызов за место стандартных.
Например тут:

[[!msProducts? 
            &showHidden=`1` 
            &parents=`82`
            &includeTVs=`price,product-images`
            &tvPrefix=`tv.`
            &tpl =`custom_product_tpl`
            ]]

где custom_product_tpl твой новый чанк.
А потом в настройках MODX в разделе minishop2 для товара в настройке «Шаблон по умолчанию для новых товаров» введите нужный шаблон и он будет использоваться для при создании нового товара.

Александр

15 февраля 2016, 23:48

Так так и делал.
Если скопировать чанк, переделать и указать как свой то его дизайн(карточки товара ) останеться дефолтным.
Где сами css которые за дизайн отвечают на основе нового чанка?

Роман Садоян

16 февраля 2016, 00:09

CSS вы задаете сами в произвольном файле, который подключаете в

Александр

16 февраля 2016, 01:48

Хорошо.
Не подскажешь что не так делаю в чанке тот который в самом верху темы?
Не нужно чтобы при клике «добавить в корзину» товар добавлялся в корзину.

Aliaksandr Katlou

16 февраля 2016, 00:11

Нужен примеры вызова. Про css ниже ответили, но подозреваю что тут в вызове msProducts что-то не то.

Александр

16 февраля 2016, 01:39

Вызов и чанк каталога в самом верху темы

Наумов Алексей

16 февраля 2016, 11:09

Для того, что бы сработал код добавления товара в корзину нужно:
1. Открыть к примеру чанк msProduct.Content — этот чанк поставляется для примера с miniShop2.
2. Найти в нем те моменты, что обеспечивают работоспособность именно добавления в корзину. Я сразу убираю всякие вспомогательные вещи (код, классы и прочее) и оставляю только то, что прям вот необходимо:
2.1 Форма

<form class="ms2_form" method="post">...</form>

2.2. Внутри формы id товара:

<input type="hidden" name="id" value="[[*id]]" />

количество, сколько добавляем в корзину (можно сделать hidden)

<input type="number" name="count" id="product_price" value="1" />

кнопка добавление в корзину

<button type="submit" name="ms2_action" value="cart/add">КУПИТЬ</button>

Все. Этого достаточно, что бы товар улетел в корзину.

Если этот код вызывается внутри msProducts, то не [[*id]], а [[+id]] соответственно.

Александр

16 февраля 2016, 13:08

А как мне сделать вывод каталога товаров?
делаю в такой форме:

[[!msProducts? 
&showHidden=`1` 
&parents=`82`
&includeTVs=`price,product-images`
&tvPrefix=`tv.`
&tpl =`product_tpl`
 ]]

А он мне пишет что это не есть товар. Так понятно что мне нужен не товар а из каталога вывести товары.
В общем пока как то запутанно.

Александр

16 февраля 2016, 13:22

Спасибо. С выводом каталога разобрался:)

Александр

16 февраля 2016, 14:10

Решено!

Александр

16 февраля 2016, 13:55

Теперь при добавление товара выдает надпись«Ошибка добавления в корзину: неверный тип товара»
В ресурсе создал документ «Корзина» и в контенте написал [[!msCart]]
Где допустил ошибку? Спасибо.

Александр

16 февраля 2016, 19:20

Как то можно вместо tpl.msCart.row и так далее, задать свое оформление корзины, Те чтобы не переписывать пример файла tpl.msCart.row и вызывать в [[*content]]?
К примеру сделать чанк Cart и в нем задать свое оформление корзины, и так чтобы она работала.
Спасибо.

Vbif

22 апреля 2016, 14:00

«Ошибка добавления в корзину: неверный тип товара». В чанке в input надо писать [[+id]], а не [[*id]]

Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.

Свое оформление карточки товара

Комментарии: 21

Здесь упомянуты