A doubt while adding producs

Hi Everyone,

We are building a  online shopping cart for a company that sells shafts. We are facing some issues while adding produts. We found that multiple products share the same name , description and images. However the price of the products  differ depending on various product attributes like RPM, diameter etc.

The clients wants us to display the product name in the lsiting pages and when the user clicks on the product name , the product details page should show the following

1) Product Name
2) Product description
3) Product Image
4) A HTML table showing the products attributes and its prices

Is this possible using Nop Commerce

sabarish2u wrote:
Yes. Check this and this examples (version 1.9)

Hi Eduardo,

This is exactly what i want - http://www.reps.mx/productos/41-ventilador-centrifugo-en-linea.aspx

Any idea how we can implement this

Regards
Sabarish

sabarish2u wrote:
That was done by one of our developers. The different options are variants of the same product displayed with the Variants in Grid template (check example in demo store (you can omit the product variant image) and demo admin. The table was created within the description using a script.

Here are the scripts:

<script type="text/javascript" charset="utf-8">
    $(function () {
            var elem = $('#menu3 li a:first').next();
            if (elem.is('ul')) {
               
                $('#menu3 ul:visible').not(elem).slideUp();
                elem.slideToggle();
            }
       
    });
</script>
<script type="text/javascript" charset="utf-8">
    $(function () {
        $('#menu3 li a').click(function (event) {
            var elem = $(this).next();
            if (elem.is('ul')) {
                event.preventDefault();
                $('#menu3 ul:visible').not(elem).slideUp();
                elem.slideToggle();
            }
        });
    });
</script>




<ul id="menu3">
    <li><a href="">Ficha T&eacute;cnica</a>
    <ul>
        <li>
        <p>&nbsp;</p>
        </li>
    </ul>
    </li>
    <li><a href="">Catalogo</a>
    <ul>
        <li>
        <p>&nbsp;</p>
        </li>
    </ul>
    </li>
    <li><a href="">Manual</a>
    <ul>
        <li>
        <p>&nbsp;</p>
        <p><a target="ventananew" href="../images/file/PDFs/L4006-man.pdf">DESCARGAR MANUAL</a></p>
        <p>&nbsp;</p>
        </li>
    </ul>
    </li>
    <li><a href="">Adicionales</a>
    <ul>
        <li>
        <p>&nbsp;</p>
        </li>
    </ul>
    </li>
</ul>

Hi Eduardo,

How did you create the contents of the following table

Modelo Tensión / Frecuencia V/60Hz Fase Caudal Máximo PCM RPM    min-1 Potencia  W Corriente A Max. Temp. Aire °C Peso Kg Tipo de Aislamiento
K4-EF 120 1 140 3000 20 0.19 60 3.3 IP44 / B
K4XL-EF 176 2750 71 0.66 3.6
K5XL-EF 212 2700 73 0.68 3.6
K6-EF 305 2700 72 0.68 4.7
K6XL-EF 487 2900 153 1.48 5.4
K12-EF 742 2600 181 1.87 8.2
K12XL-EF     934 2900 301 3.01   9.5  

Regards
Sabarish

sabarish2u wrote:
It is a table created within the HTML Description (with the help of the editor) which you can check within the pages code:

<table width="594" border="0" cellspacing="0" cellpadding="0" style="margin: auto; width: 448pt; border-collapse: collapse; vertical-aling: middle;">
            <colgroup>                 <col width="71" />                 <col width="70" />                 <col width="34" />                 <col width="62" />                 <col width="50" />                 <col width="61" />                 <col width="65" />                 <col width="61" />                 <col width="44" />                 <col width="76" />             </colgroup>
            <tbody>
                <tr height="16">
                    <td width="71" height="51" class="style85">Modelo</td>
                    <td width="70" class="style15">Tensi&oacute;n / Frecuencia V/60Hz</td>
                    <td width="34" class="style69">Fase</td>
                    <td width="62" class="style86">Caudal M&aacute;ximo PCM</td>
                    <td width="50" class="style87">RPM<span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp; </span>min<font class="font5"><sup>-1</sup></font></td>
                    <td width="61" class="style88">Potencia<span style="mso-spacerun: yes;">&nbsp; </span>W</td>
                    <td width="65" class="style89">Corriente A</td>
                    <td width="61" class="style88">Max. Temp. Aire &deg;C</td>
                    <td width="44" class="style90">Peso Kg</td>
                    <td width="76" class="style91">Tipo de Aislamiento</td>
                </tr>
                <tr height="17">
                    <td width="71" height="17" class="style92">K4-EF</td>
                    <td class="style11_00" rowspan="6">120</td>
                    <td class="style11_00" rowspan="6">1</td>
                    <td class="style29">140</td>
                    <td class="style29">3000</td>
                    <td class="style29">20</td>
                    <td class="style29">0.19</td>
                    <td class="style11_00" rowspan="6">60</td>
                    <td class="style29">3.3</td>
                    <td class="style11_00" rowspan="6">IP44 / B</td>
                </tr>
                <tr height="17">
                    <td width="71" height="17" class="style92">K4XL-EF</td>
                    <td class="style29">176</td>
                    <td class="style29">2750</td>
                    <td class="style29">71</td>
                    <td class="style29">0.66</td>
                    <td class="style29">3.6</td>
                </tr>
                <tr height="17">
                    <td width="71" height="17" class="style92">K5XL-EF</td>
                    <td class="style29">212</td>
                    <td class="style29">2700</td>
                    <td class="style29">73</td>
                    <td class="style29">0.68</td>
                    <td class="style29">3.6</td>
                </tr>
                <tr height="17">
                    <td width="71" height="17" class="style92">K6-EF</td>
                    <td class="style29">305</td>
                    <td class="style29">2700</td>
                    <td class="style29">72</td>
                    <td class="style29">0.68</td>
                    <td class="style29">4.7</td>
                </tr>
                <tr height="17">
                    <td width="71" height="17" class="style92">K6XL-EF</td>
                    <td class="style29">487</td>
                    <td class="style29">2900</td>
                    <td class="style29">153</td>
                    <td class="style29">1.48</td>
                    <td class="style29">5.4</td>
                </tr>
                <tr height="17">
                    <td width="71" height="17" class="style92">K12-EF</td>
                    <td class="style29">742</td>
                    <td class="style29">2600</td>
                    <td class="style29">181</td>
                    <td class="style29">1.87</td>
                    <td class="style29">8.2</td>
                </tr>
                <tr height="17">
                    <td width="71" height="17" class="style92">K12XL-EF</td>
                    <td class="style29_00">&nbsp;</td>
                    <td class="style29_00">&nbsp;</td>
                    <td class="style29">934</td>
                    <td class="style29">2900</td>
                    <td class="style29">301</td>
                    <td class="style29">3.01</td>
                    <td class="style29_00">&nbsp;</td>
                    <td class="style29">9.5</td>
                    <td class="style29_00">&nbsp;</td>
                </tr>
            </tbody>
        </table>

Hi Eduardo,

My doubt is how to enter the data in the database

<table width="594" border="0" cellspacing="0" cellpadding="0" style="margin: auto; width: 448pt; border-collapse: collapse; vertical-aling: middle;">            <colgroup>                 <col width="71" />                 <col width="70" />                 <col width="34" />                 <col width="62" />                 <col width="50" />                 <col width="61" />                 <col width="65" />                 <col width="61" />                 <col width="44" />                 <col width="76" />             </colgroup>            <tbody>                <tr height="16">                    <td width="71" height="51" class="style85">Modelo</td>                    <td width="70" class="style15">Tensi&oacute;n / Frecuencia V/60Hz</td>                    <td width="34" class="style69">Fase</td>                    <td width="62" class="style86">Caudal M&aacute;ximo PCM</td>                    <td width="50" class="style87">RPM<span style="mso-spacerun: yes;">&nbsp;&nbsp;&nbsp; </span>min<font class="font5">^-1</font></td>                    <td width="61" class="style88">Potencia<span style="mso-spacerun: yes;">&nbsp; </span>W</td>                    <td width="65" class="style89">Corriente A</td>                    <td width="61" class="style88">Max. Temp. Aire &deg;C</td>                    <td width="44" class="style90">Peso Kg</td>                    <td width="76" class="style91">Tipo de Aislamiento</td>                </tr>                <tr height="17">                    <td width="71" height="17" class="style92">K4-EF</td>                    <td class="style11_00" rowspan="6">120</td>                    <td class="style11_00" rowspan="6">1</td>                    <td class="style29">140</td>                    <td class="style29">3000</td>                    <td class="style29">20</td>                    <td class="style29">0.19</td>                    <td class="style11_00" rowspan="6">60</td>                    <td class="style29">3.3</td>                    <td class="style11_00" rowspan="6">IP44 / B</td>                </tr>                <tr height="17">                    <td width="71" height="17" class="style92">K4XL-EF</td>                    <td class="style29">176</td>                    <td class="style29">2750</td>                    <td class="style29">71</td>                    <td class="style29">0.66</td>                    <td class="style29">3.6</td>                </tr>                <tr height="17">                    <td width="71" height="17" class="style92">K5XL-EF</td>                    <td class="style29">212</td>                    <td class="style29">2700</td>                    <td class="style29">73</td>                    <td class="style29">0.68</td>                    <td class="style29">3.6</td>                </tr>                <tr height="17">                    <td width="71" height="17" class="style92">K6-EF</td>                    <td class="style29">305</td>                    <td class="style29">2700</td>                    <td class="style29">72</td>                    <td class="style29">0.68</td>                    <td class="style29">4.7</td>                </tr>                <tr height="17">                    <td width="71" height="17" class="style92">K6XL-EF</td>                    <td class="style29">487</td>                    <td class="style29">2900</td>                    <td class="style29">153</td>                    <td class="style29">1.48</td>                    <td class="style29">5.4</td>                </tr>                <tr height="17">                    <td width="71" height="17" class="style92">K12-EF</td>                    <td class="style29">742</td>                    <td class="style29">2600</td>                    <td class="style29">181</td>                    <td class="style29">1.87</td>                    <td class="style29">8.2</td>                </tr>                <tr height="17">                    <td width="71" height="17" class="style92">K12XL-EF</td>                    <td class="style29_00">&nbsp;</td>                    <td class="style29_00">&nbsp;</td>                    <td class="style29">934</td>                    <td class="style29">2900</td>                    <td class="style29">301</td>                    <td class="style29">3.01</td>                    <td class="style29_00">&nbsp;</td>                    <td class="style29">9.5</td>                    <td class="style29_00">&nbsp;</td>                </tr>            </tbody>        </table>

Do you keep the entire content as html in your database

You add it in Full Description from administration in admin>catalog>manage products>add/edit product. Example in admin demo