Добавить Виджет "Комментарии Вконтакте"
#21
Отправлено 10 Февраль 2013 - 10:13
Комменты видны только в хроме,
а в мозиле, опере и эксплорере - нет
#25
Отправлено 24 Март 2013 - 12:04
Vaccina (01 Ноябрь 2012 - 20:32) писал:
Здравствуйте. Создаю новую страницу, набиваю текст. Через кнопку HTML в самом конце вставляю код виджета:
<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="//vk.com/js/api/openapi.js?84"></script>
<script type="text/javascript">
VK.init({apiId: API_ID, onlyWidgets: true});
</script>
<!-- Put this div tag to the place, where the Comments block will be -->
<div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 10, width: "520", attach: "*"});
</script>
сохраняю, перехожу на страницу, и вижу 2 ява ошибки. Ну и сам виджет не работает соответственно. (( Что я делаю не так, подскажите пожалуйста.
#26
Отправлено 24 Март 2013 - 13:05
Alvel007 (24 Март 2013 - 12:04) писал:
<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="//vk.com/js/api/openapi.js?84"></script>
<script type="text/javascript">
VK.init({apiId: API_ID, onlyWidgets: true});
</script>
<!-- Put this div tag to the place, where the Comments block will be -->
<div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 10, width: "520", attach: "*"});
</script>
сохраняю, перехожу на страницу, и вижу 2 ява ошибки. Ну и сам виджет не работает соответственно. (( Что я делаю не так, подскажите пожалуйста.
apiId: API_IDнужно поставить свой ID
данный код комментариев ?
#27
Отправлено 24 Март 2013 - 14:50
Спасибо. ))
#28
Отправлено 31 Март 2013 - 17:51
Заранее спасибо!
#29
Отправлено 31 Март 2013 - 20:49
Yri (31 Март 2013 - 17:51) писал:
Заранее спасибо!
http://vk.com/developers.php?p=Groups
виджетов выбирает настройку виджета
#30
Отправлено 14 Июнь 2013 - 21:53
Vaccina (01 Ноябрь 2012 - 20:32) писал:
здравствуйте а где у меня на редакторе кнопка HTML ссылка
#31
Отправлено 15 Июнь 2013 - 00:45
#32
Отправлено 27 Ноябрь 2013 - 21:44
1. Как сделать блок с отзывами таким же. т.е. сворачивать под кат
2. Отцентровать блок с комментариями и офрмить в едином стиле, закруглить уголки.
3. и как исправить ошибку в правом блоке с группой в контакте. на главной все нормально отображается, а в товарах идет какое-то наслоение.
Спасибо.
Сайт http://house4toy.ru
#33
Отправлено 28 Ноябрь 2013 - 06:30
2.В шаблоне main.css в самом низу добавьте:
#vk_comments{ margin: 10px auto 0; } #vkwidget1{ border-radius: 5px; }3.как вы вставляли код данного виджета?
#34
Отправлено 28 Ноябрь 2013 - 13:31
Vaccina (28 Ноябрь 2013 - 06:30) писал:
2.В шаблоне main.css в самом низу добавьте:
#vk_comments{ margin: 10px auto 0; } #vkwidget1{ border-radius: 5px; }3.как вы вставляли код данного виджета?
2. Добавила. большое спасибо. То что нужно!
3. Самостоятельно разобралась.
Сообщение отредактировал smfantazii: 28 Ноябрь 2013 - 14:53
#35
Отправлено 29 Ноябрь 2013 - 05:18
#36
Отправлено 29 Ноябрь 2013 - 23:34
Vaccina (29 Ноябрь 2013 - 05:18) писал:
#37
Отправлено 30 Ноябрь 2013 - 02:29
<h6 onclick="$('#id1').toggle(); return(false);" style="cursor: pointer;"> Оставить отзыв в ВК </h6> <div id="id1" style="display:none;"> КОД ВИДЖЕТА ВК </div>
не забудьте "КОД ВИДЖЕТА ВК" фразу изменить на код
#38
Отправлено 30 Ноябрь 2013 - 11:23
Vaccina (30 Ноябрь 2013 - 02:29) писал:
<h6 onclick="$('#id1').toggle(); return(false);" style="cursor: pointer;"> Оставить отзыв в ВК </h6> <div id="id1" style="display:none;"> КОД ВИДЖЕТА ВК </div>
не забудьте "КОД ВИДЖЕТА ВК" фразу изменить на код
Прикрепляю скрин, выделила область, которую, хочу свернуть, и она будет разворачиваться по клику на ссылку Оставить Отзыв о товаре.
#39
Отправлено 02 Декабрь 2013 - 10:37
В файле "Товар".
Найти код:
<!-- Форма добавления нового отзыва о товаре --> <form action="" method="post" class="goodsDataOpinionAddForm"> <div id="goodsDataOpinionAdd"> {% IF FORM_NOTICE %} <div class="infoblock fnt12b txtalgnlft" style="margin-bottom:10px;"> {FORM_NOTICE} </div> {% ENDIF %} <!-- Отзыв Добавить --> <div class="headline" style="background:none; margin:10px;"> <div class="h1static clear"> <h2 class="fnt18n">Оставить отзыв о «{GOODS_NAME}»</h2> </div> </div> {% IF TARIFF_FEATURE_CLIENT_ROOM %} {% IFNOT CLIENT_IS_LOGIN %} <!-- Если не авторизирован --> <div class="infoblock fnt12b txtalgnlft" style="margin-bottom:10px;"> Ваши знания будут оценены пользователями сайта, если Вы <a href="{USER_LOGIN_URL}">авторизируетесь</a> перед написанием отзыва. </div> <!-- Если не авторизирован-Конец --> {% ENDIF %} {% ENDIF %} <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_FROM}]" value="{GOODS_FROM}" /> <input type="hidden" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_ID}]" value="{GOODS_ID}" /> <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации --> {ANTISPAM_CODE} <div class="privat padd" id="goodsDataOpinionAddBlock"> <table cellpadding="0" width="80%" cellspacing="0" class="tblinput fnt12n txtalgnlft"> {% IFNOT CLIENT_IS_LOGIN %} <tr> <td width="30%"> <b><label for="goods_opinion_name">Ваше имя</label></b>:<span>*</span> </td> <td class="fnt10n color"> <input type="text" id="goods_opinion_name" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_NAME}]" value="{FORM_GOODS_OPINION_NAME}" class="required " maxlength="255" /> </td> </tr> {% ENDIF %} <tr> <td width="30%"> <b><label for="goods_opinion_title">Заголовок</label></b>:<span>*</span> </td> <td> <input type="text" id="goods_opinion_title" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_TITLE}]" value="{FORM_GOODS_OPINION_TITLE}" maxlength="255" class="required " /> </td> </tr> <tr> <td> <label>Оценка товара</label>: </td> <td> <div class="goodsDataOpinionTableRating"> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="1" {% IF FORM_GOODS_OPINION_RATING=1 %}checked="checked"{% ENDIF %} title="Ужасный" /> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="2" {% IF FORM_GOODS_OPINION_RATING=2 %}checked="checked"{% ENDIF %} title="Очень плохой"/> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="3" {% IF FORM_GOODS_OPINION_RATING=3 %}checked="checked"{% ENDIF %} title="Плохой"/> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="4" {% IF FORM_GOODS_OPINION_RATING=4 %}checked="checked"{% ENDIF %} title="ниже среднего"/> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="5" {% IF FORM_GOODS_OPINION_RATING=5 %}checked="checked"{% ENDIF %} title="Средний"/> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="6" {% IF FORM_GOODS_OPINION_RATING=6 %}checked="checked"{% ENDIF %} title="Выше среднего"/> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="7" {% IF FORM_GOODS_OPINION_RATING=7 %}checked="checked"{% ENDIF %} title="Хороший"/> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="8" {% IF FORM_GOODS_OPINION_RATING=8 %}checked="checked"{% ENDIF %} title="Очень хороший"/> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="9" {% IF FORM_GOODS_OPINION_RATING=9 %}checked="checked"{% ENDIF %} title="Отличный"/> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="10" {% IF FORM_GOODS_OPINION_RATING=10 %}checked="checked"{% ENDIF %} title="Превосходный"/> </div> </td> </tr> <tr> <td> <label for="goods_opinion_accomplishments">Достоинства</label>: </td> <td> <textarea id="goods_opinion_accomplishments" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_ACCOMPLISHMENTS}]" cols="100" rows="5" class="back">{FORM_GOODS_OPINION_ACCOMPLISHMENTS}</textarea> </td> </tr> <tr> <td> <label for="goods_opinion_limitations">Недостатки</label>: </td> <td> <textarea id="goods_opinion_limitations" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_LIMITATIONS}]" cols="100" rows="5" class="back">{FORM_GOODS_OPINION_LIMITATIONS}</textarea> </td> </tr> <tr> <td> <b><label for="goods_opinion_comment">Комментарий</label></b>:<span>*</span> </td> <td class="fnt10n color"> <textarea id="goods_opinion_comment" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_COMMENT}]" cols="100" rows="5" class="required back">{FORM_GOODS_OPINION_COMMENT}</textarea> </td> </tr> <tr> <td> <label for="goods_opinion_generally_is_good1">В целом Ваш отзыв</label>: </td> <td> <input id="goods_opinion_generally_is_good1" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_GENERALLY_IS_GOOD}]" type="radio" value="1" {% IF FORM_GOODS_OPINION_GENERALLY_IS_GOOD=1 %}checked="checked"{% ENDIF %}/> <label for="goods_opinion_generally_is_good1">Положительный</label> <input id="goods_opinion_generally_is_good0" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_GENERALLY_IS_GOOD}]" type="radio" value="0" {% IF FORM_GOODS_OPINION_GENERALLY_IS_GOOD=0 %}checked="checked"{% ENDIF %}/> <label for="goods_opinion_generally_is_good0">Отрицательный</label> </td> </tr> {% IF USE_CAPTCHA %} <tr> <td> <b><label for="opinion_captcha_string" title="Введите код с картинки">Введите код</label></b>: </td> <td> <table> <tr> <td rowspan="2"> <img src="{CAPTCHA_URL}" class="goodsDataOpinionCaptchaImg" alt="Код" title="Проверочный код, который нужно ввести в соседнее поле" /> </td> <td> <img src="{FORALL_IMAGES_PATH}icon/refresh/1.gif" rel="{FORALL_IMAGES_PATH}" alt="Обновить" title="Обновить" class="goodsDataOpinionCaptchaRefresh" /> </td> </tr> <tr> <td style="padding-left:5px;"> <input type="text" id="opinion_captcha_string" name="form[{ANTISPAM_FORM_FIELD_NAME_CAPTCHA_STRING}]" autocomplete="off" class="required captcha cornerAll" style="min-width:80px;" value="{FORM_}" /> </td> </tr> </table> </td> </tr> {% ENDIF %} </table> </div> <div class="padd" style="margin:10px 0 10px -1px;"> <button type="submit" class="whtblue">Добавить отзыв</button> <button type="reset" class="whtblue">Отменить</button> <!-- Отзыв Добавить-Конец --> </div> </div> </form> <!-- Отзывы-Конец --> <!-- Дабы добавляющий увидел результат добавления изменим хэш -->Заменить:
<!-- Форма добавления нового отзыва о товаре --> <form action="" method="post" class="goodsDataOpinionAddForm"> <div id="goodsDataOpinionAdd"> {% IF FORM_NOTICE %} <div class="infoblock fnt12b txtalgnlft" style="margin-bottom:10px;"> {FORM_NOTICE} </div> {% ENDIF %} <!-- Отзыв Добавить --> <div class="headline" style="background:none; margin:10px;"> <div class="h1static clear"> <h2 id="addNotice" onclick="$('#id1').toggle(); return(false);" style="cursor: pointer;" class="fnt18n">Оставить отзыв о «{GOODS_NAME}»</h2> </div> </div> <div id="id1" style="display:none"> {% IF TARIFF_FEATURE_CLIENT_ROOM %} {% IFNOT CLIENT_IS_LOGIN %} <!-- Если не авторизирован --> <div class="infoblock fnt12b txtalgnlft" style="margin-bottom:10px;"> Ваши знания будут оценены пользователями сайта, если Вы <a href="{USER_LOGIN_URL}">авторизируетесь</a> перед написанием отзыва. </div> <!-- Если не авторизирован-Конец --> {% ENDIF %} {% ENDIF %} <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_FROM}]" value="{GOODS_FROM}" /> <input type="hidden" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_ID}]" value="{GOODS_ID}" /> <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации --> {ANTISPAM_CODE} <div class="privat padd" id="goodsDataOpinionAddBlock"> <table cellpadding="0" width="80%" cellspacing="0" class="tblinput fnt12n txtalgnlft"> {% IFNOT CLIENT_IS_LOGIN %} <tr> <td width="30%"> <b><label for="goods_opinion_name">Ваше имя</label></b>:<span>*</span> </td> <td class="fnt10n color"> <input type="text" id="goods_opinion_name" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_NAME}]" value="{FORM_GOODS_OPINION_NAME}" class="required " maxlength="255" /> </td> </tr> {% ENDIF %} <tr> <td width="30%"> <b><label for="goods_opinion_title">Заголовок</label></b>:<span>*</span> </td> <td> <input type="text" id="goods_opinion_title" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_TITLE}]" value="{FORM_GOODS_OPINION_TITLE}" maxlength="255" class="required " /> </td> </tr> <tr> <td> <label>Оценка товара</label>: </td> <td> <div class="goodsDataOpinionTableRating"> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="1" {% IF FORM_GOODS_OPINION_RATING=1 %}checked="checked"{% ENDIF %} title="Ужасный" /> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="2" {% IF FORM_GOODS_OPINION_RATING=2 %}checked="checked"{% ENDIF %} title="Очень плохой"/> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="3" {% IF FORM_GOODS_OPINION_RATING=3 %}checked="checked"{% ENDIF %} title="Плохой"/> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="4" {% IF FORM_GOODS_OPINION_RATING=4 %}checked="checked"{% ENDIF %} title="ниже среднего"/> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="5" {% IF FORM_GOODS_OPINION_RATING=5 %}checked="checked"{% ENDIF %} title="Средний"/> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="6" {% IF FORM_GOODS_OPINION_RATING=6 %}checked="checked"{% ENDIF %} title="Выше среднего"/> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="7" {% IF FORM_GOODS_OPINION_RATING=7 %}checked="checked"{% ENDIF %} title="Хороший"/> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="8" {% IF FORM_GOODS_OPINION_RATING=8 %}checked="checked"{% ENDIF %} title="Очень хороший"/> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="9" {% IF FORM_GOODS_OPINION_RATING=9 %}checked="checked"{% ENDIF %} title="Отличный"/> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="10" {% IF FORM_GOODS_OPINION_RATING=10 %}checked="checked"{% ENDIF %} title="Превосходный"/> </div> </td> </tr> <tr> <td> <label for="goods_opinion_accomplishments">Достоинства</label>: </td> <td> <textarea id="goods_opinion_accomplishments" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_ACCOMPLISHMENTS}]" cols="100" rows="5" class="back">{FORM_GOODS_OPINION_ACCOMPLISHMENTS}</textarea> </td> </tr> <tr> <td> <label for="goods_opinion_limitations">Недостатки</label>: </td> <td> <textarea id="goods_opinion_limitations" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_LIMITATIONS}]" cols="100" rows="5" class="back">{FORM_GOODS_OPINION_LIMITATIONS}</textarea> </td> </tr> <tr> <td> <b><label for="goods_opinion_comment">Комментарий</label></b>:<span>*</span> </td> <td class="fnt10n color"> <textarea id="goods_opinion_comment" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_COMMENT}]" cols="100" rows="5" class="required back">{FORM_GOODS_OPINION_COMMENT}</textarea> </td> </tr> <tr> <td> <label for="goods_opinion_generally_is_good1">В целом Ваш отзыв</label>: </td> <td> <input id="goods_opinion_generally_is_good1" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_GENERALLY_IS_GOOD}]" type="radio" value="1" {% IF FORM_GOODS_OPINION_GENERALLY_IS_GOOD=1 %}checked="checked"{% ENDIF %}/> <label for="goods_opinion_generally_is_good1">Положительный</label> <input id="goods_opinion_generally_is_good0" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_GENERALLY_IS_GOOD}]" type="radio" value="0" {% IF FORM_GOODS_OPINION_GENERALLY_IS_GOOD=0 %}checked="checked"{% ENDIF %}/> <label for="goods_opinion_generally_is_good0">Отрицательный</label> </td> </tr> {% IF USE_CAPTCHA %} <tr> <td> <b><label for="opinion_captcha_string" title="Введите код с картинки">Введите код</label></b>: </td> <td> <table> <tr> <td rowspan="2"> <img src="{CAPTCHA_URL}" class="goodsDataOpinionCaptchaImg" alt="Код" title="Проверочный код, который нужно ввести в соседнее поле" /> </td> <td> <img src="{FORALL_IMAGES_PATH}icon/refresh/1.gif" rel="{FORALL_IMAGES_PATH}" alt="Обновить" title="Обновить" class="goodsDataOpinionCaptchaRefresh" /> </td> </tr> <tr> <td style="padding-left:5px;"> <input type="text" id="opinion_captcha_string" name="form[{ANTISPAM_FORM_FIELD_NAME_CAPTCHA_STRING}]" autocomplete="off" class="required captcha cornerAll" style="min-width:80px;" value="{FORM_}" /> </td> </tr> </table> </td> </tr> {% ENDIF %} </table> </div> <div class="padd" style="margin:10px 0 10px -1px;"> <button type="submit" class="whtblue">Добавить отзыв</button> <button type="reset" class="whtblue">Отменить</button> <!-- Отзыв Добавить-Конец --> </div> </div> </div> </form> <!-- Отзывы-Конец --> <!-- Дабы добавляющий увидел результат добавления изменим хэш -->
В конец файла "main.css".
Добавить код:
#addNotice { text-decoration: underline; } #addNotice:hover { color: #30C4EB; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных