11 Oktober 2017

Leider ist dieser Artikel nur in English, Русский, Українська verfügbar.

Was this article helpful ?

Tell us your thoughts

Thanks for your feedback!

Alona Marchenko AQA Engineer

Für Sie empfohlen

Erstellung von AMP-Fragebögen mit Stripo unter Verwendung von vorgefertigten Modulen

So senden Sie Massen-E-Mails mit Gmail

Das Stripo-Plugin: seine wichtigsten Funktionen und Möglichkeiten der Installation

Teilen mit

55 Kommentare

Dương Hồng Phúc vor 2 Monaten

Stripo Team vor 2 Monaten

Arnaud BENEZ vor 10 Monaten

Hanna Kuznietsova vor 10 Monaten

Arnaud BENEZ vor 10 Monaten

Phúc Dương vor 1 Jahr

Alexander Zelenskiy vor 1 Jahr

Jose Basto vor 1 Jahr

Aleksandr Zelenskiy vor 1 Jahr

АромаАп Парфюмерия vor 2 Jahren

Aleksandr Zelenskiy vor 2 Jahren

Добрый день.

С данного сайта получилось извлечь картинку, цену и название используя следующие внешние селекторы:

.ty-product-block-title
для названия - <a href="http://prntscr.com/117725t" rel="nofollow noopener noreferrer" target="_blank" title="http://prntscr.com/117725t" class="green-color">http://prntscr.com/117725t</a>

meta[itemprop="price"]  и content атрибут
для цены - <a href="http://prntscr.com/11771un" rel="nofollow noopener noreferrer" target="_blank" title="http://prntscr.com/11771un" class="green-color">http://prntscr.com/11771un</a>

meta[property="og:image"] и content атрибут
для картинки - <a href="http://prntscr.com/11772iw" rel="nofollow noopener noreferrer" target="_blank" title="http://prntscr.com/11772iw" class="green-color">http://prntscr.com/11772iw</a>

Пожалуйста, обратите внимание что данный сайт использует изображения в формате webp. Они могут не отображаться в некоторых почтовых сервисам.

Мы используем jpg, png и gif изображения как наиболее кросс-платформенные.

АромаАп Парфюмерия vor 2 Jahren

Aleksandr Zelenskiy vor 2 Jahren

1. Насколько я могу судить, картинка с меньшим разрешением на данном сайте не содержит каких-то уникальных классов. Классы использующиеся для изображении применяются на странице множество раз - <a href="http://prntscr.com/117ded6" rel="nofollow noopener noreferrer" target="_blank" title="http://prntscr.com/117ded6" class="green-color">http://prntscr.com/117ded6</a>. Поэтому будет сложно получить значение именно из нужного тега.

Если тег данной картинки будет содержать какой-то уникальный класс (не повторяющийся на странице)  или ID это может помочь.

2. Можно попробовать использовать

.ty-product-options-content > a > strong 
селектор

Однако, как я понимаю тут похожая ситуация с первым пунктом, т.к. для данного элемента не используются уникальные классы и селекторы получают все значения доступные для данного класса - <a href="http://prntscr.com/117djoz" rel="nofollow noopener noreferrer" target="_blank" title="http://prntscr.com/117djoz" class="green-color">http://prntscr.com/117djoz</a>

АромаАп Парфюмерия vor 2 Jahren

Владимир Трепак vor 2 Jahren

Aleksandr Zelenskiy vor 2 Jahren

Александр Бондаренко vor 2 Jahren

Ruslan Trepukhalov vor 2 Jahren

Роман Харьков vor 2 Jahren

Aleksandr Zelenskiy vor 2 Jahren

Daniel Herenyi vor 2 Jahren

Aleksandr Zelenskiy vor 2 Jahren

Daniel Herenyi vor 2 Jahren

Aleksandr Zelenskiy vor 2 Jahren

Daniel Herenyi vor 2 Jahren

Татьяна NSP vor 2 Jahren

Ruslan Trepukhalov vor 2 Jahren

НоваФлора Магазин vor 2 Jahren

Aleksandr Zelenskiy vor 2 Jahren

Добрый день.

Чтобы "подтянуть" картинку и стоимость вы можете попробовать использовать следующие внешние селекторы:

meta[property='og:image']     с атрибутом     content

<a href="http://prntscr.com/t920mq" rel="nofollow noopener noreferrer" target="_blank" title="http://prntscr.com/t920mq" class="green-color">http://prntscr.com/t920mq</a>

#main-product-wrapper > <a href="http://div.row.product-info-row" rel="nofollow noopener noreferrer" target="_blank" title="div.row.product-info-row" class="green-color">div.row.product-info-row</a> > <a href="http://div.col-md-5.col-product-info" rel="nofollow noopener noreferrer" target="_blank" title="div.col-md-5.col-product-info" class="green-color">div.col-md-5.col-product-info</a> > <a href="http://div.product_header_container.clearfix" rel="nofollow noopener noreferrer" target="_blank" title="div.product_header_container.clearfix" class="green-color">div.product_header_container.clearfix</a> > div > div:nth-child(3) > div > span            без атрибута

<a href="http://prntscr.com/t920v3" rel="nofollow noopener noreferrer" target="_blank" title="http://prntscr.com/t920v3" class="green-color">http://prntscr.com/t920v3</a>

Sergey Stoyanov vor 2 Jahren

Aleksandr Zelenskiy vor 2 Jahren

Anya Stepanova vor 3 Jahren

Aleksandr Zelenskiy vor 3 Jahren

Добрый день.

Основную картинку удалось получить с использованием

.<a href="http://p-product__thumb.__active" rel="nofollow noopener noreferrer" target="_blank" title="p-product__thumb.__active" class="green-color">p-product__thumb.__active</a> img

селектора и

src

аттрибута - <a href="http://prntscr.com/sokhku" rel="nofollow noopener noreferrer" target="_blank" title="http://prntscr.com/sokhku" class="green-color">http://prntscr.com/sokhku</a>

Вторую картинку из слайдера удалось "втянуть" с помощью следующего селектора:

#__layout > div > div > section > div > <a href="http://div.grid.small-collapse" rel="nofollow noopener noreferrer" target="_blank" title="div.grid.small-collapse" class="green-color">div.grid.small-collapse</a> > <a href="http://div.item.item--images" rel="nofollow noopener noreferrer" target="_blank" title="div.item.item--images" class="green-color">div.item.item--images</a> > <a href="http://div.ui-scroller.p-product__thumb-list" rel="nofollow noopener noreferrer" target="_blank" title="div.ui-scroller.p-product__thumb-list" class="green-color">div.ui-scroller.p-product__thumb-list</a> > div > div:nth-child(2) > img

и того же атрибута - <a href="http://prntscr.com/sokiyf" rel="nofollow noopener noreferrer" target="_blank" title="http://prntscr.com/sokiyf" class="green-color">http://prntscr.com/sokiyf</a>

Anya Stepanova vor 3 Jahren

Aleksandr Zelenskiy vor 3 Jahren

Anya Stepanova vor 3 Jahren

Hanna Kuznietsova vor 3 Jahren

Anya Stepanova vor 3 Jahren

Matthias Schwindt vor 3 Jahren

Aleksandr Zelenskiy vor 3 Jahren

Paron Antonyan vor 3 Jahren

Aleksandr Zelenskiy vor 3 Jahren

К. Зайцева vor 3 Jahren

Ruslan Trepukhalov vor 3 Jahren

Здравствуйте, для Вашего сайта Вам нужно указать селектор #content > div > <a href="http://div.us-product-top.d-flex" rel="nofollow" target="_blank" title="div.us-product-top.d-flex" class="green-color">div.us-product-top.d-flex</a> > <a href="http://div.us-product-left" rel="nofollow" target="_blank" title="div.us-product-left" class="green-color">div.us-product-left</a> > <a href="http://div.us-product-photo-main.mb-4" rel="nofollow" target="_blank" title="div.us-product-photo-main.mb-4" class="green-color">div.us-product-photo-main.mb-4</a> > a > img  Атрибут src Пример: <a href="http://prntscr.com/qc1kyq" rel="nofollow" target="_blank" title="http://prntscr.com/qc1kyq" class="green-color">http://prntscr.com/qc1kyq</a> и выбрать динамический сайт в пункте URL <a href="http://prntscr.com/qc1h4a" rel="nofollow" target="_blank" title="http://prntscr.com/qc1h4a" class="green-color">http://prntscr.com/qc1h4a</a> Но так как на Вашем сайте используются изображения формата .webp <a href="http://prntscr.com/qc1i3e" rel="nofollow" target="_blank" title="http://prntscr.com/qc1i3e" class="green-color">http://prntscr.com/qc1i3e</a> мы не гарантируем что будет отображаться изображения в почтовых клиентах, так как нет подержки рендеринга изображений в формате .webp. Мы рекомендуем Вам использовать на Вашем сайте форматы изображений такие как jpg, png, gif.

Артём Русев vor 3 Jahren

Aleksandr Zelenskiy vor 3 Jahren

Evgenii Romanenkov vor 3 Jahren

Здравствуйте! Пробовал различные варианты для вытягивания картинки. Ничего не удалось.

Например пробовал такие селекторы с href, img, src
div#<a href="http://main-photo.d-doned-sm-block.zoom.card-image-zoom.card-zoom-small" rel="nofollow" target="_blank" title="main-photo.d-doned-sm-block.zoom.card-image-zoom.card-zoom-small" class="green-color">main-photo.d-doned-sm-block.zoom.card-image-zoom.card-zoom-small</a>
<a href="http://div.owl-item.active>div:nth-child(1)>a:nth-child(1)" rel="nofollow" target="_blank" title="div.owl-item.active>div:nth-child(1)>a:nth-child(1)" class="green-color">div.owl-item.active>div:nth-child(1)>a:nth-child(1)</a>
<a href="http://div.owl-item>div:nth-child(1)>a:nth-child(1)" rel="nofollow" target="_blank" title="div.owl-item>div:nth-child(1)>a:nth-child(1)" class="green-color">div.owl-item>div:nth-child(1)>a:nth-child(1)</a>
<a href="http://div.owl-item>div>a" rel="nofollow" target="_blank" title="div.owl-item>div>a" class="green-color">div.owl-item>div>a</a>
<a href="http://div.owl-item" rel="nofollow" target="_blank" title="div.owl-item" class="green-color">div.owl-item</a> a:nth-child(1)
<a href="http://div.owl-item" rel="nofollow" target="_blank" title="div.owl-item" class="green-color">div.owl-item</a> a

Какой селектор ввести чтобы выгрузить картинку отсюда <a href="https://wellmax.eu/ru/goods/67407" rel="nofollow" target="_blank" title="https://wellmax.eu/ru/goods/67407" class="green-color">https://wellmax.eu/ru/goods/67407</a> ?

Aleksandr Zelenskiy vor 3 Jahren

Evgenii Romanenkov vor 3 Jahren

Людвик Сафарян vor 3 Jahren

Aleksandr Zelenskiy vor 3 Jahren

Людвик Сафарян vor 3 Jahren

Was this article helpful ?

Tell us your thoughts

Thanks for your feedback!

55 Kommentare

Der Stripo-Editor funktioniert am besten auf dem Desktop