Фото товара в оформлении заказа


#1

Обратил как-то внимание на остутствие фото товара на странице оформления заказа
2342020_1390569

И решил что не помешало бы выводить и фото купленного товара.

Осталось только оформить css красиво и усёё !!! :wink:


#2

Вы чисто похвастаться или как делали расскажете? :wink:


#3

Мой вариант design\themes\responsive\templates\blocks\checkout\products_in_cart.tpl

<li class="ty-order-products__item"> 
                <div style="width: 50px; height: 50px; float: left;"> 
                {include file="common/image.tpl" image_width="40" image_height="40" images=$product.main_pair no_ids=true}
                </div>
                    <bdi><a class="litecheckout__order-products-p" href="{"products.view?product_id=`$product.product_id`"|fn_url}">{$product.product nofilter}</a></bdi>
                    {if !$product.exclude_from_calculate}
                        {include file="buttons/button.tpl" but_href="checkout.delete?cart_id=`$key`&redirect_mode=`$runtime.mode`" but_meta="ty-order-products__item-delete delete" but_target_id="cart_status*" but_role="delete" but_name="delete_cart_item"}
                    {/if}
                    {hook name="products:product_additional_info"}
                    {/hook}
                    <span style="color:#737373;">{$product.product_code}</span> 
                    <div class="ty-order-products__price">
                        {$product.amount}&nbsp;x&nbsp;{include file="common/price.tpl" value=$product.display_price}
                    </div>
                    {include file="common/options_info.tpl" product_options=$product.product_options no_block=true}
                    {hook name="block_checkout:product_extra"}{/hook}
                </li>

#4
<!------Photo product ----->
			    <div class="cm-reload-{$obj_id}" id="product_image_update_{$obj_id}">                                   
                    <a href="{"products.view?product_id=`$product.product_id`"|fn_url}">
                    {include file="common/image.tpl" obj_id=$key images=$product.main_pair image_width=50px}
					</a>
                <!--product_image_update_{$obj_id}-->
				
			<!------Photo product ----->    

Чтобы и ссылка на товар была.


Фото товара на странице заказа
Фото товара на странице “оформление заказа”
#5

Добрый день Constantin.
Скажите пожалуйста где вводить этот код. В каком файле, путь к нему.

Спасибо


#6

Найдите поиском <li class="ty-order-products__item"> и замените код с этого места до тега </li>


#7

Сделал вашим вариантом. Вполне симпатично получается, думаю :slight_smile:


#8

Но если изменить код таким образом, в дальнешем не будут проблемы при обновлениях или в работе сторонних модулей?


#9

Спасибо Constantin , получилось. Вот результат; https://prnt.sc/tznhp1


#10

Шансы есть, но этот файл крайне редко меняется при обновлениях