I don't get it the hierarchy!

How to?
#1

I can't find the exact description in the documentation with the extension. The documentation is element selector, the extension is element. This is driving me nuts! So many doubts... is this, no! Let me try that, no! To me the documentation is more how did you do and not how to use it.

I can't find a way to do different columns with different content within the same container div.item-bottom

<div class="">
    <div class="item-bottom">
        <h2 class="product-name">
								<a href="https://http://127.0.0.1/" title="Apple iPhone 6 Plus 16GB Grey Factory Unlocked Good Condition" class="">Apple<br>iPhone 6 Plus</a>
							</h2>
        <div class="item-review" style="margin-left: 18.5%; padding:0px;">
            <div class="ratings">
                <div class="rating-box">
                    <div class="rating" style="width:100%"></div>
                </div>
                <span class="amount"><a href="#" class="">2 Review(s)</a></span>
            </div>
        </div>
        <div class="">
            <div class="price-box">
                <span class="regular-price" id="product-price-111">
										<span class="price">£145.45</span>
                </span>
            </div>
        </div>
        <div class="" style="margin-bottom: 15px;">
            <table style="width: 100%">
                <tbody>
                    <tr>
                        <td style="font-size:14px !important;" class="">MEMORY</td>
                        <td style="font-size:14px !important;" class="">-</td>
                        <td style="font-size:14px !important;" class="">16GB</td>
                    </tr>
                    <tr>
                        <td style="font-size:14px !important;" class="">NETWORK</td>
                        <td style="font-size:14px !important;" class="">-</td>
                        <td style="font-size:14px !important;" class="">Unlocked</td>
                    </tr>
                    <tr>
                        <td style="font-size:14px !important;" class="">COLOUR</td>
                        <td style="font-size:14px !important;" class="">-</td>
                        <td style="font-size:14px !important;" class="">Space Grey</td>
                    </tr>

                    <tr>
                        <td style="font-size:14px !important;" class="">GRADE</td>
                        <td style="font-size:14px !important;" class="">-</td>
                        <td style="font-size:14px !important;" class="">Good</td>
                    </tr>
                </tbody>
            </table>
        </div>

        <div class="actions">
            <button type="button" title="Add to Cart" class="button btn-cart" ><span><span class="">Add to Cart</span></span>
            </button>
        </div>
    </div>
</div>

But I can create all the content on the same column.

{"_id":"ver1","startUrl":["https://http://127.0.0.1/"],"selectors":[{"id":"conteudo","type":"SelectorElement","parentSelectors":["_root"],"selector":"div.item-bottom","multiple":true,"delay":0},{"id":"tudo","type":"SelectorText","parentSelectors":["conteudo"],"selector":".product-name a, span.price, td:nth-of-type(3)","multiple":true,"regex":"","delay":0}]}

I need: title 1 column; price 2 column; memory 3 column; network 4 column; etc...
Please, could you help?

Thanks in advance!

#2

Ok, so the problem was I tough ( the code is always right ) it need to select "multiple yes" on all the selectors. I only needed to select the element, select multiple then inside off that element I can create multiple text type but without selecting multiple selections.

Hierarchy:

  • root
    • div.item-bottom
      • title
      • price
      • memory
      • network
      • color
      • grade

Selectors:

  • add new selector + name ID + type Element + select ( div.item-bottom ) + Multiple + Parent selectors ( _root );

  • open previous created selector + add new selector + type Text + Parent selectors ( name previous ID created )