Jump to content


Photo
- - - - -

картинка товара

картинка товара

15 replies to this topic

#1 mkm-nn

mkm-nn
  • JBZoo User (rus)
  • User rate: 0.5
  • posts: 77
  • topics: 19

Posted 20 April 2016 - 20:52

В интернет магазинах (встречается такая фишка) на странице карточки товара есть картинка товара (примерно 170-___px..) под ней или сбоку маленькие картинки (mini 40-40px..) При клики они открываются, это реализовать можно? есть такая функция? если есть, то дайте ссылку описания как это реализовать.

Надеюсь описал вопрос понятно, правда опять попадаю под выходные (надеюсь не под обед)

С уважением Михаил.


  • 0

#2 Cheren-dow

Cheren-dow
  • JBZoo User (rus)
  • User rate: 95.7
  • posts: 5060
  • topics: 31

Posted 21 April 2016 - 09:55

здравствуйте mkm-nn, из готовых элементов в JBZoo есть элемент галереи. Или же использовать повторяющий элемент JBImage и применить к нему стили или какой то JS плагин галереи.


  • 0
Изображение
 

#3 mkm-nn

mkm-nn
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 0.5
  • posts: 77
  • topics: 19

Posted 21 April 2016 - 18:18

здравствуйте mkm-nn, из готовых элементов в JBZoo есть элемент галереи. Или же использовать повторяющий элемент JBImage и применить к нему стили или какой то JS плагин галереи.

1. Спасибо за быстрый ответ.

2 .Галерея + (элементарно Ватсон) извиняюсь за каламбур

3. повторяющий элемент JBImage (об этом думал, но (не пробовал) стили сползут(думаю) и на html надо напрячься я и так в этом не силен, virtuemart за 10лет заставил (понять и простить) вот искал чем заменить, пробую Ваше детище (к стати есть минусы, но в целом при вникании мне начинается нравится+).

4. или какой-то JS плагин галереи, пищите (ссылку дайте) инфо много, а вы следите, вам быстрее дать навигацию.

5. применить к нему стили. (есть где посмотреть)

За ответ огромное спасибо, но тему я продолжу по мере моего мучения в html и жду на некоторые вопросы(4.5) какой-нибудь info я предполагаю (а бог располагает) тема интересная не только мне(может это мои предположения).

 

С уважением Михаил.


  • 0

#4 Cheren-dow

Cheren-dow
  • JBZoo User (rus)
  • User rate: 95.7
  • posts: 5060
  • topics: 31

Posted 22 April 2016 - 11:50

2 .Галерея + (элементарно Ватсон) извиняюсь за каламбур

Можно изменить шаблон элемента галерее следующим образом:

<?php
/**
 * JBZoo App is universal Joomla CCK, application for YooTheme Zoo component
 * @package     jbzoo
 * @version     2.x Pro
 * @author      JBZoo App http://jbzoo.com
 * @copyright   Copyright (C) JBZoo.com,  All rights reserved.
 * @license     http://jbzoo.com/license-pro.php JBZoo Licence
 * @coder       Denis Smetannikov <denis@jbzoo.com>
 */

// no direct access
defined('_JEXEC') or die('Restricted access');


$this->app->jbassets->fancybox();
$this->app->jbassets->less('elements:jbgallery/assets/styles.less');
?>

<div id="<?php echo $galleryId; ?>" class="clearfix">

    <?php foreach ($thumbs as $thumb) { ?>
        <a href="<?php echo $thumb['img']; ?>" rel="<?php echo $rel; ?>" title="<?php echo $thumb['name']; ?>"
           class="jbgallery uk-thumbnail uk-thumbnail uk-overlay block-divider">

            <img src="<?php echo $thumb['thumb']; ?>"
                 alt="<?php echo $thumb['name']; ?>"
                 title="<?php echo $thumb['name']; ?>"
                 width="<?php echo $thumb['thumb_width']; ?>"
                 height="<?php echo $thumb['thumb_height']; ?>" />

            <div class="uk-overlay-area"></div>
        </a>
    <?php } ?>
</div>

<?php echo $this->app->jbassets->widget('#' . $galleryId . ' .jbgallery', 'fancybox', array(
    'helpers' => array(
        'title'   => array('type' => 'outside'),
        'buttons' => array('position' => "top"),
        'thumbs'  => array('width' => 80, 'height' => 80),
        'overlay' => array('locked' => false)
    )
), true); ?>
 

Галерея должна получиться как на этом сайте. Далее у же под себя пишите CSS стили.

Шаблон галереи расположен в :

\media\zoo\applications\jbuniversal\elements\jbgallery\tmpl\jbgallery.php
3. повторяющий элемент JBImage (об этом думал, но (не пробовал) стили сползут(думаю) и на html надо напрячься я и так в этом не силен, virtuemart за 10лет заставил (понять и простить) вот искал чем заменить, пробую Ваше детище (к стати есть минусы, но в целом при вникании мне начинается нравится+).

Без навыков Html и CSS больших кастомизаций  не сделать. Если использовать повторяющий элемент, вы можете в одну позицию вывести только одно изображение задать ему размеры. А ниже этой позиции создать дополнительную и туда вывести остальные изображения задав уже меньший размер.

 

 

4. или какой-то JS плагин галереи, пищите (ссылку дайте) инфо много, а вы следите, вам быстрее дать навигацию.

Я не знаю что вы хотите получить в конечном итоге. Для галереи используется jQuery плагин nivo slider. Для открытия в popup в JBZoo используется fancybox. Как их совместить в элементе галереи я показал выше.

 

 

5. применить к нему стили. (есть где посмотреть)

Готовые и универсальные стили в JBZoo есть по умолчанию, но если вам необходимо изменять вид тогда вам придется собственноручно дописывать стили. 


Edited by Cheren-dow, 22 April 2016 - 11:50.

  • 0
Изображение
 

#5 mkm-nn

mkm-nn
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 0.5
  • posts: 77
  • topics: 19

Posted 22 April 2016 - 17:26

Огромное спасибо за Super быстрый ответ.

Все буду пробовать, и галерея понравилась на сайте данной ссылки.

Буду работать с вашими подсказками.

С уважением Михаил.


  • 0

#6 mkm-nn

mkm-nn
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 0.5
  • posts: 77
  • topics: 19

Posted 22 April 2016 - 19:02

МОЙ JOOMLADROM

http://www.supermark...-copy-copy-copy

МОЖЕТ ПОДСКАЖИТЕ КАК ПРОПИСАТЬ КОД И ГДЕ ЧТОБЫ В ОДИН РЯД(DIV НАВЕРНОЕ) СТЯЛИ

(ЕСЛИ ЭТО ВАЗМОЖНО) Я ВСТРЕЧАЛСЯ ЧТО КОГДА НАЧИНАЕШЬ ПРАВИТЬ ВСЯ СТРАНИЦА (ШАБЛОН) СЬЕЖАЕТ ГУРУ jbzoo ДАЙТЕ ВЕРДИКТ.

С уважением Михаил.


Edited by mkm-nn, 22 April 2016 - 19:19.

  • 0

#7 laRus

laRus
  • JBZoo User (rus)
  • User rate: 60
  • posts: 1334
  • topics: 31

Posted 22 April 2016 - 20:13

mkm-nn, спокойнее, пожалуйста! :)

 

ЧТОБЫ В ОДИН РЯД(DIV НАВЕРНОЕ) СТЯЛИ
Это Вы про табуретку и девушку говорите? :))
Если да, то поместите их в ОДИН див (а то они у Вас по разным "комнаткам" разбежались).
 
Используйте Средства Разработчика для экспериментов и поиска ошибок! Например, так:
БЫЛО (в разных дивах):
q1.PNG
 
СТАЛО (в одном диве):
q2.PNG
 
Успехов!! :)

Edited by laRus, 22 April 2016 - 20:14.

  • 1
..minimum effort for maximum effect? - Oh yeah! It's good!..

#8 mkm-nn

mkm-nn
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 0.5
  • posts: 77
  • topics: 19

Posted 22 April 2016 - 21:01

ДА табуретку и девушку

КАНЕЧНО БУДУ РАЗБИРАТСЯ, НО ЕСЛИ ВРЕМЯ БУДЕТ НЕ ОБЯЗАТЕЛЬНО СЕГОДНЯ ЕЩЕ ПОДСКАЗКУ ДАЙТЕ, Я В HTML НЕ ОЧЕНЬ НЕ МОЯ СПИЦИАЛЬНОСТЬ   ВЫ определили сразу за доли сек (круто)

Как время и возможность будет напишите где подправить если вам не трудно (реально доки)

Я вникаю в ваше произведение (мне все больше нравится) но у меня в связи со временем (славу богу заказ появился) нет времени  вникания в код (как я писал выше  не очень в HTML) конечно я разберусь с вашими подсказками, но времени нет.

С уважением Михаил.


  • 0

#9 mkm-nn

mkm-nn
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 0.5
  • posts: 77
  • topics: 19

Posted 25 April 2016 - 08:51

Я вернулся.

Напишите хотя бы в каком файле(путь) править может методом тыка найду что прописать.

С уважением Михаил. (Я не программист, а дизайнер)


  • 0

#10 AlexsimA

AlexsimA
  • JBZoo User (rus)
  • User rate: 1.2
  • posts: 105
  • topics: 16

Posted 25 April 2016 - 09:04

В интернет магазинах (встречается такая фишка) на странице карточки товара есть картинка товара (примерно 170-___px..) под ней или сбоку маленькие картинки (mini 40-40px..) При клики они открываются, это реализовать можно? есть такая функция? если есть, то дайте ссылку описания как это реализовать.

Надеюсь описал вопрос понятно, правда опять попадаю под выходные (надеюсь не под обед)

С уважением Михаил.

Как делаю я и все очень просто.

http://prntscr.com/awiz4k

а там уже ваша полная фантазия


Edited by AlexsimA, 25 April 2016 - 09:05.

  • 0
Никогда не сдаваться!




Click to return to top of page in style!