Новости Joomla

IWS.BY VK app widget - Виджет приложения ВКонтакте для Joomla

IWS.BY VK app widget - Виджет приложения ВКонтакте для Joomla

👩‍💻 IWS.BY VK app widget - Виджет приложения ВКонтакте для Joomla.Модуль «Виджет приложения ВКонтакте» для Joomla поможет добавить на сайт виджет с карточкой приложения или игры из социальной сети ВКонтакте.У вас возникла потребность отобразить информацию о ваших приложениях или играх на сайте с кнопкой перехода в социальную сеть, то этот модуль для Вас. Вам не придется хранить информацию о приложении у себя на сайте, все данные получаются через публичное API социальной сети ВКонтакте. Хранение информации на стороне ВКонтакте позволит Вам не нагружать базу данных сайта.В модуле имеется всего несколько опций и полей, которые максимально упрощают публикацию виджета. Первая опция позволяет подключить публичное API социальной сети ВКонтакте, необходимое для работы виджетов. Следующее поле потребует ввести идентификатор приложения или игры, присвоенный в социальной сети ВКонтакте. Следующая опция позволит выбрать вид отображаемой информации в виджете.Модуль имеет 3 варианта отображения:- карточка- участники- кнопкаПоддерживаемые версии Joomla: Joomla 3, Joomla 4, Joomla 5.Страница расширенияJoomla Extensions Directory#joomla #расширения #vk

SW JProjects v.2.5.0 - компонент каталога цифровых проектов на Joomla

SW JProjects v.2.5.0 - компонент каталога цифровых проектов на Joomla

👩‍💻 SW JProjects v.2.5.0 - компонент каталога цифровых проектов на Joomla.Компонент - менеджер цифровых проектов для Joomla! CMS. Компонент обеспечивает создание каталога цифровых проектов и предоставляет возможность скачивания, в том числе с использованием лицензионных ключей.👩‍💻 v.2.5.0. Что нового?Схемы структур данных для серверов обновлений. Теперь с SW JProjects вы может создавать сервер обновлений не только для расширений Joomla, но и свои собственные. Например, вам нужно, чтобы структура данных сервера обновлений была другая и формат должен быть, например, не XML, а JSON. Формирование структуры данных для сервера обновлений расширений Joomla вынесено в отдельный плагин. Вы можете создать свой собственный плагин и реализовать в нём нужную вам структуру данных, добавив или наоборот исключив отображаемые данные. Сервер обновлений в компоненте по-прежнему отображает информацию о списке проектов и их версиях, о конкретном проекте и его changelog.Можно выбрать схему данных сервера обновлений глобально для всего компонента, выбрать другую схему данных для категории проектов, а так же выбрать схему в каждом проекте.

Разработчикам в качестве образца можно посмотреть плагин схемы данных для Joomla в составе компонента или же плагин-образец JSON-схемы на GitHub.
Группа плагинов swjprojects. Для нужд компонента создана группа плагинов swjprojects. В частности, в этой группе находится плагин структуры данных Joomla расширений для сервера обновлений.Изменение языковых констант. Изменены некоторые языковые константы в панели администратора. Если вы делали переопределение констант - переопределите их снова.👩‍💻 Joomla 6. Внесены изменения для корректной установки и работы компонента на Joomla 6. Компонент успешно протестирован на Joomla 6-beta2.Минимальная версия Joomla - 5. Подняты минимальные системные требования: Joomla 5.0.0 и PHP 8.1.
- Страница расширения👉 Плагин-образец кастомной JSON-схемы данных для сервера обновлений на GitHub.- GitHub расширения- Документация на GitHub- Joomla Extensions Directory#joomla #расширения

0 Пользователей и 1 Гость просматривают эту тему.
  • 9 Ответов
  • 3743 Просмотров
*

JDV

  • Захожу иногда
  • 108
  • 0 / 0
Уважаемые коллеги ! Подскажите как сместить 11 - е изображение влево ...
 theme.css файл
Код
/** 
* Main CSS file for the "default" theme for VirtueMart
* @copyright 2006-2008 soeren
* @license GNU/GPL
*
*/

.product_name {
font-size: 14px;
text-align: center;
padding-bottom: 10px;
padding-top: 10px;
color: #A3A3A3;
}
.product_sku {
font-size: 14px;
text-align: center;
padding-bottom: 5px;
padding-top: 0px;
color: #404040;
}
/* General Shop Styles here please */
.addtocart_button, .notify_button {
text-align:center;
background-position:bottom left;
width:80px;height:30px;
cursor:pointer;
border: none;
font-weight:bold;
font-family:inherit;
vertical-align: middle;
overflow:hidden;
}
.addtocart_button {
background: url( 'images/add-to-cart_blue.gif' ) no-repeat  center transparent;
}
.notify_button {
background: url( 'images/notify_blue.gif' ) no-repeat  center transparent;
}
.addtocart_button_module {
text-align:center;
background-position:bottom left;
width:80px;height:30px;
cursor:pointer;
color: #000000;
border: none;
font-weight:bold;
font-family:inherit;
background: url( 'images/transparent.gif' ) no-repeat  center transparent;
vertical-align: middle;
overflow:hidden;

}

input.addtocart_button_module:hover  {
color: #333333;
}

.addtocart_form {
width: 100%;
display: inline;
white-space: nowrap;
}

/* The quantity box beneath the "add to cart" button  */
.quantity_box {
vertical-align: middle;
}
.quantity_box_button {
width:10px;
vertical-align:middle;
height:10px;
background-repeat: no-repeat;
background-position: center;
   border:1px solid #000;
}
.quantity_box_button_down {
background-image: url(images/down_small.gif);
}
.quantity_box_button_up {
background-image: url(images/up_small.gif);
}
.continue_link, .checkout_link {
margin: 2px;
padding: 2px 0px 2px 40px;
vertical-align: middle;
font-weight: bold;
font-size: 1.4em;
width: 40%;
}
.checkout_link {
margin-left: 40px;
background: url( 'images/forward.png' ) no-repeat left;
}
.continue_link {
background: url( 'images/back.png' ) no-repeat left;
}
.next_page {
background: url( 'images/next_16x16.png' ) no-repeat right;
padding-right: 30px;
line-height: 20px;
float: right;
width: auto;
}
.previous_page {
background: url( 'images/previous_16x16.png' ) no-repeat left;
padding-left: 30px;
line-height: 20px;
float: left;
width: auto;
}

/* This is the text box informing customers about your returns policy */
.legalinfo {
background: #d3d3d3;
border: 2px solid gray;
margin: 10px;
padding: 0px 0px 10px 10px;
}

div.pathway {
margin-bottom: 1em;
}

div.pathway img {
padding: 0 2px;
}

/* The PDF, Email and Print buttons */
div.buttons_heading {
margin:10px;
width:10%;
float:right;
}

.productPrice {
font-weight:bold;
white-space: nowrap;
}
.product-Old-Price {
color:red;
text-decoration:line-through;
}
/** BROWSE PRODUCTS STYLES **/
.browseProductContainer {
width:181px;
padding: 3px 3px 3px 3px;
vertical-align: top;
}

.browseProductTitle {
font-size: 16px;
font-weight: bold;
padding: 5px;
margin-top: 3px;
width: 30%;
float: left;
}
.browseProductImage {
float: left;

width:181px; height:258px;
}
.browseProductDetailsContainer {
float: left;
width: 100%;
}
.browseProductDescription {
margin-top: 40px;
width:50%;
}
.browsePriceContainer {
float: left;
margin: 5px;
width:20%;
}
.browseAddToCartContainer {
width:30%;
text-align:center
}
.browseRatingContainer {
float: left;
width:25%;
margin: 3px;
white-space: nowrap;
}

/** Flypage Styles **/
.thumbnailListContainer {
text-align: center;
width: 200px;
height: 200px;
overflow: auto;
}

/*
General Form Styling
*/
.formLabel {
float:left;
width:30%;
text-align:right;
font-weight: bold;
margin: 2px;
white-space: nowrap;
clear: left;
vertical-align: middle;
margin-top: 8px;
}

#agreed_div {
white-space: normal;
}

.formField {
float:left;
width:60%;
margin: 2px;
vertical-align: middle;
margin-top: 8px;

}
.missing {
color:red;
font-weight:bold;
}

/**
* Administration Styles
*/
.adminListHeader {
float:left; height: 48px; background-repeat: no-repeat;
text-align: left; font-size: 18px; font-weight: bold;
padding-left: 80px;
}

.labelcell {
margin-left: auto;
font-weight: bold;
vertical-align: top;
width: 30%;
}
table.adminform td.labelcell {
text-align: right;
}
.iconcell {
vertical-align: top;
width: 5%;
}
.shop_error, .shop_warning, .shop_info, .shop_debug, .shop_critical, .shop_tip {
background-color:#FAFAD2;
background-position:left 5px;
background-repeat:no-repeat;
border-color:#AACCAA;
border-style:dotted none;
border-width:1px 0pt;
font-weight: 900;
margin:1pt 1pt 1em 1em;
padding:0.5em 1em 1.5em 48px;
}
.shop_error {
background-image: url( images/error.gif );
}
.shop_warning {
background-image: url( images/warning.png );
}
.shop_info, .shop_tip {
  background-image: url( images/info.png );
}

.shop_debug {
background-image: url( images/log_debug.png );

}
.shop_critical {
font-weight: bold;
background-image: url( images/log_critical.png );
}
/**
* Addtocart detail Styles
*/
.vmCartContainer { /* Cart Container */
width: auto;
float: left;
background: #ffffff;
border: 1px solid #000;
padding: 3px;
}

.vmCartChildHeading { /* Header for the cart */
font-size: 14px;
font-weight: bold;
padding-bottom: 3px;
text-align: left;
}

.vmCartChild { /* Container for the Child Product */

vertical-align: middle;
border: 1px solid #000;
padding-left: 2px;
padding-right: 2px;
margin-bottom: 2px;
float:left;
}

.vmChildDetail { /* Child Detail, description , attributes ,price, quantity etc */
vertical-align: middle;
margin-top: 6px;
}

.vmCartChildElement { /* Individual element styling */
width: 100%;
vertical-align: middle ;
height: 25px;
text-align: left;

}

.vmCartAttributes { /* Attributes Div*/

margin-top:8px;
width:100%;
}

.vmAttribChildDetail {  /* Product Attributes Styling */

}


.vmMultiple {
height:35px;
}



.vmChildType { /* Product type div*/

width: 100%;
}

.vmClearDetail { /*Clear the divs afer child types*/
clear: both;
}

.vmClearAttribs { /*Clear the divs before the attributes*/
clear:both;
}
.vmRowOne { /* Odd Row One styling */
background: #d3d3d3;
}

.vmRowTwo { /* Even Row Styling */
background: white;
}

/* Link Details for link to child*/
.vmChildDetail a, .vmChildDetail a:link {
  font-size        : 11px;
  color            : #000000;
  text-decoration  : none;
  font-weight      : bold;
}
.vmChildDetail a:hover {
  font-size        : 11px;
  color            : #333333;
  text-decoration  : none;
  font-weight      : bold;
}
/* Styling for the form elements to enable correct Line Up  */
.inputboxquantity {
margin-top: 3px;
vertical-align: middle;
}
.availabilityHeader {
text-decoration:underline;
font-weight:bold;
}
.inputboxattrib {
float: left;
margin-top: 0px;
vertical-align: middle;
margin-bottom: 2px;
}

.quantitycheckbox {
margin-top: 6px;
vertical-align: middle;
}

/**
* Addtocart detail Styles for placing attributes beside product_types
*/
.vmCartContainer_2up { /* Cart Container */
width: 100%;
float: left;
background: #ADD8E6;
border: 1px solid #000;
padding: 3px;
}

.vmCartChildHeading_2up { /* Header for the cart */
font-size: 14px;
font-weight: bold;
padding-bottom: 3px;
text-align: left;
}

.vmCartChild_2up { /* Container for the Child Product */

vertical-align: middle;
border: 1px solid #000;
padding-left: 2px;
padding-right: 2px;

margin-bottom: 2px;
float:left;
}

.vmChildDetail_2up { /* Child Detail, description , attributes ,price, quantity etc */
vertical-align: middle;
margin-top: 6px;
}

.vmCartChildElement_2up { /* Individual element styling */
width: 100%;
vertical-align: middle ;
height: 25px;
text-align: left;

}

.vmCartAttributes_2up { /* Attributes Div*/
float: left;
padding: 0px 5px 5px 5px;
margin: 0px 5px 5px 5px;
width:50%;
}

.vmAttribChildDetail_2up {  /* Product Attributes Styling */

}

.vmMultiple {
height:35px;
}

.vmChildType_2up { /* Product type div*/
background: #ADD8E6;
padding: 0px 5px 5px 5px;
margin: 0px 5px 5px 5px;
float: left;
width: 40%;
border: 1px solid #000;
}

.vmClearDetail_2up { /*Clear the divs afer child types*/

}

.vmClearAttribs_2up { /*Clear the divs before the attributes*/
clear:both;
}
.vmRowOne_2up { /* Odd Row One styling */
background: #d3d3d3;
}

.vmRowTwo_2up { /* Even Row Styling */
background: white;
}

/* Link Details for link to child*/
.vmChildDetail_2up a, .vmChildDetail_2up a:link {
  font-size        : 11px;
  color            : #000000;
  text-decoration  : none;
  font-weight      : bold;
}
.vmChildDetail_2up a:hover {
  font-size        : 11px;
  color            : #333333;
  text-decoration  : none;
  font-weight      : bold;
}

.vmCartModuleList  {
  cursor : pointer;
  font-size        : 11px;
  color            : #000000;
  text-decoration  : none;
  font-weight      : bold;
}
.vmCartModuleList:hover {
  font-size        : 11px;
  color            : #333333;
  text-decoration  : none;
  font-weight      : bold;
}
.vmquote {
margin: 4px;
border: 1px solid #cccccc;
background-color: #E9ECEF;
padding: 10px;
font-size: 12px;
color: #254D78;
}
.editable {
background: #ffff33;
cursor: pointer;
}
ul.pagination li {
padding: 2px 1px;
display: inline;
background: none;
}
.clr { clear: both; overflow:hidden; }
*

SinBad

  • Завсегдатай
  • 1879
  • 187 / 0
  • Мнне 40 лет, мне 40 лет, ума так и не нажил!
Однако вы, батенька, стебун еще тот!)
...Фет для них песни поёт. Фет не прикольный поэт - Фету никто не даёт.
*

ankoch

  • Захожу иногда
  • 498
  • 50 / 1
Нужно просто добавить изображение № 10а справа, это же очевидно :)
*

JDV

  • Захожу иногда
  • 108
  • 0 / 0
Однако вы, батенька, стебун еще тот!)
- почему:)
*

JDV

  • Захожу иногда
  • 108
  • 0 / 0
Нужно просто добавить изображение № 10а справа, это же очевидно :)
- а если товаров всего 11 ... и там формируется какой то объект - #row_4cea28aa37f41 ... и последнее изображение выравнивается по центру
*

SinBad

  • Завсегдатай
  • 1879
  • 187 / 0
  • Мнне 40 лет, мне 40 лет, ума так и не нажил!
- а если товаров всего 11 ... и там формируется какой то объект - #row_4cea28aa37f41 ... и последнее изображение выравнивается по центру
сайт в инете уже? Скрины желательно нарисовать, чтобы понять суть дела.
...Фет для них песни поёт. Фет не прикольный поэт - Фету никто не даёт.
*

JDV

  • Захожу иногда
  • 108
  • 0 / 0
*

Russfox

  • Захожу иногда
  • 169
  • 34 / 0
так у тебя у стиль у дивов - margin-right: 5px; width: 48%; float: left;
ширина 48%

смотри функцию которая ширину рассчитывает, это в шаблоне VM - точно не помню где - кажется \components\com_virtuemart\themes\default\templates\browse\includes\browse_notables.tpl.php
а картинка и так по левому краю выравнивается
*

SinBad

  • Завсегдатай
  • 1879
  • 187 / 0
  • Мнне 40 лет, мне 40 лет, ума так и не нажил!
так у тебя у стиль у дивов - margin-right: 5px; width: 48%; float: left;
ширина 48%

смотри функцию которая ширину рассчитывает, это в шаблоне VM - точно не помню где - кажется \components\com_virtuemart\themes\default\templates\browse\includes\browse_notables.tpl.php
а картинка и так по левому краю выравнивается
ага.
там строчка есть
Код
echo "<div style=\"margin-right: 5px; width:". intval(round(100/$cell_count)-2)."%; float:left;\" id=\"".uniqid( "row_" )."\">";
вот ТС вам нужно либо просто заменить ". intval(round(100/$cell_count)-2)."% на 31% например вам подходит, либо задать фиксированную величину в пикселях.
...Фет для них песни поёт. Фет не прикольный поэт - Фету никто не даёт.
*

JDV

  • Захожу иногда
  • 108
  • 0 / 0
Спасибо Большое! +
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

В новом шаблоне не адаптируется изображение

Автор Ebelous

Ответов: 4
Просмотров: 2604
Последний ответ 13.02.2024, 17:01:12
от Vastriet
Увеличение изображение при наведении курсора в тизер выводе

Автор Crackyn

Ответов: 20
Просмотров: 7705
Последний ответ 26.11.2017, 17:28:43
от stendapuss
Jea Search. Подскажите!

Автор pocheto

Ответов: 0
Просмотров: 904
Последний ответ 29.07.2017, 22:42:02
от pocheto
изображение в разных браузерах

Автор Andrew92

Ответов: 7
Просмотров: 1409
Последний ответ 03.03.2016, 19:45:51
от effrit
Изображение вместо фона

Автор Agent-vi

Ответов: 18
Просмотров: 8402
Последний ответ 20.09.2015, 14:49:22
от beliyadm