Дизайн интернет магазина

5 июля 2012 г.

Здравствуйте, скажите пожалуйста, можно ли и как переработать XSL шаблон вывода товаров интернет магазина что бы он был похож на http://bordeaux.orange-themes.com/menu-card/ т.е. там получается 2 класса

right-side

left-side

и в каждом выводятся я товары из магазина.

вот кусок кода:

<div class="left-side">

                                          <div class="menu-card-title">Menu Card</div>

                                          <h3>Drinks & Beverages</h3>

                                          <h4>Cocktails</h4>

                                          <table class="item">
                                             <tr>
                                                <td class="image"><a href="#" class="tTip" title="<img src="images/image-55.jpg" alt="" width="180" height="180" />"><img src="images/image-40.jpg" alt="" width="54" height="54"  /></a></td>
                                                <td class="text">
                                                   <p class="title"><a href="#">Margarita</a></p>
                                                   <p class="description">Tequila, lime, orange curacao, salt</p>
                                                </td>
                                                <td class="menu-price"><p>$2,99</p></td>
                                             </tr>
                                          </table>

                                          <table class="item">
                                             <tr>
                                                <td class="image"><a href="#" class="tTip" title="<img src="images/image-56.jpg" alt="" width="180" height="180" />"><img src="images/image-41.jpg" alt="" width="54" height="54" /></a></td>
                                                <td class="text">
                                                   <p class="title"><a href="#">Cuban Breeze</a></p>
                                                   <p class="description">Light rum, grapefruit juice, cranberry juice, mint leaves</p>
                                                </td>
                                                <td class="menu-price"><p>$4,99</p></td>
                                             </tr>
                                          </table>

                                          <table class="item">
                                             <tr>
                                                <td class="image"><a href="#" class="tTip" title="<img src="images/image-57.jpg" alt="" width="180" height="180" />"><img src="images/image-42.jpg" alt="" width="54" height="54" /></a></td>
                                                <td class="text">
                                                   <p class="title"><a href="#">Orange Drop Martini</a></p>
                                                   <p class="description">Orange flavored rum, cointreau, lemon juice, simple syrup, orange flower water, sugar, orange twist</p>
                                                </td>
                                                <td class="menu-price"><p>$1,99</p></td>
                                             </tr>
                                          </table>

                                          <table class="item">
                                             <tr>
                                                <td class="image"><a href="#" class="tTip" title="<img src="images/image-58.jpg" alt="" width="180" height="180" />"><img src="images/image-43.jpg" alt="" width="54" height="54" /></a></td>
                                                <td class="text">
                                                   <p class="title"><a href="#">Fancy Brandy</a></p>
                                                   <p class="description">Brandy, superfine sugar, lemon twist, bitters</p>
                                                </td>
                                                <td class="menu-price"><p>$3,99</p></td>
                                             </tr>
                                          </table>

                                          <h4>Sodas</h4>

                                          <table class="item">
                                             <tr>
                                                <td class="image"><a href="#" class="tTip" title="<img src="images/image-59.jpg" alt="" width="180" height="180" />"><img src="images/image-44.jpg" alt="" width="54" height="54" /></a></td>
                                                <td class="text">
                                                   <p class="title"><a href="#">Coca Cola</a></p>
                                                </td>
                                                <td class="menu-price"><p>$1,00</p></td>
                                             </tr>
                                          </table>

                                          <table class="item">
                                             <tr>
                                                <td class="image"><a href="#" class="tTip" title="<img src="images/image-60.jpg" alt="" width="180" height="180" />"><img src="images/image-45.jpg" alt="" width="54" height="54" /></a></td>
                                                <td class="text">
                                                   <p class="title"><a href="#">Fanta</a></p>
                                                </td>
                                                <td class="menu-price"><p>$1,00</p></td>
                                             </tr>
                                          </table>

                                          <table class="item">
                                             <tr>
                                                <td class="image"><a href="#" class="tTip" title="<img src="images/image-61.jpg" alt="" width="180" height="180" />"><img src="images/image-46.jpg" alt="" width="54" height="54" /></a></td>
                                                <td class="text">
                                                   <p class="title"><a href="#">Sprite</a></p>
                                                </td>
                                                <td class="menu-price"><p>$1,00</p></td>
                                             </tr>
                                          </table>

                                       
                                       </div>

в right-side структура такая же.

В говно может вступить любой желающий. (с)

5 июля 2012 г.

Re: Дизайн интернет магазина

можно, передав в XML параметр класса (left|right)

разработка сайтов, фирменных стилей, интерфейсов

5 июля 2012 г.

Re: Дизайн интернет магазина

а можно какой нибудь пример? хотя бы самый простой

В говно может вступить любой желающий. (с)

5 июля 2012 г.

Re: Дизайн интернет магазина

$shop = & singleton('shop');
$shop_id = 1;
$param = array();
$external_propertys['side'] = 'right';
$shop->ShowShop($shop_id, 'ТоварыМагазина', $param, $external_propertys);

а уже в XSLT

<div class="left-side">
<xsl:if test="/shop/right = 'right'">
<xsl:attribute name="class">right-side</xsl:attribute>
</xsl:if>

разработка сайтов, фирменных стилей, интерфейсов

5 июля 2012 г.

Re: Дизайн интернет магазина

спасибо огромное. поковыряюсь

В говно может вступить любой желающий. (с)

6 июля 2012 г.

Re: Дизайн интернет магазина

я решил задачу проще, изменил код стандартного шаблона и вместо таблиц поставил слои.
Теперь вопрос не много другой, какие изменения необходимо внести в XSL МагазинКаталогТоваров что бы он выводил названия подгрупп. а под этими названиями уже выводил товары из этих подгрупп как тут: http://bordeaux.orange-themes.com/menu-card/

В говно может вступить любой желающий. (с)

6 июля 2012 г.

Re: Дизайн интернет магазина

Сначала в XSLT выбираете подгруппы, а из подгрупп выбираете товары

разработка сайтов, фирменных стилей, интерфейсов

6 июля 2012 г.

Re: Дизайн интернет магазина

приведите пример кода пожалуйста

В говно может вступить любой желающий. (с)

6 июля 2012 г.

Re: Дизайн интернет магазина

выбрать подгруппы

<xsl:apply-templates select="//group[@parent_id != 0]"/>

ну а внутри шаблона подгруппы

<xsl:variable name="group_id" select="@id"/>
<xsl:apply-templates select="item[@group_id=$group_id]"/>

пример из памяти, могу ошибаться в осях

разработка сайтов, фирменных стилей, интерфейсов

6 июля 2012 г.

Re: Дизайн интернет магазина

Это запихивается в

<xsl:template match="group">
      <xsl:variable name="parent_id" select="@parent"/>

      <h3>

            <xsl:value-of disable-output-escaping="yes" select="name"/>
      </h3>

      <xsl:if test="position()= round(count(//group[@parent = $parent_id]) div 2)">
         <xsl:text disable-output-escaping="yes">
            </div>

<div class="right-side">

                                          <div class="menu-card-link"><a href="#">зарезервировать столик</a></div>
         </xsl:text>
      </xsl:if>
   </xsl:template>

или в какой то другой темплейт?

В говно может вступить любой желающий. (с)

Авторизация