Как правильно установить фавикон на вордпресс?

спасибо

Вопрос по WordPress: как вывести из записей отдельную информацию в каталог?

Кажется разобрался! Спасибо большое!

Вопрос по WordPress: как вывести из записей отдельную информацию в каталог?

В самой карточке товара я вывожу главную фотографию из кастомного поля записи с помощью такой конструкции:

<?php $image = get_field('img-red');if( !empty($image) ): ?><?php endif; ?>

Вот есть каталог


Я понял что у каждой записи свой номер (post=607), можете написать с помощью какой команды выводить главную фото и описание?

Вопрос по WordPress: как вывести из записей отдельную информацию в каталог?

Выбор цвета, и фотографии для товара реализовал с помощью плагина advanced custom fields PRO.

Я просто сделал много записей и в каждую сделал кастомное поле со своими фото, описанием и доступным цветом.

В саму карточку товара я вывожу инфу с помощью

Вопрос в том что как теперь в общий каталог, где миниатюры этих товаров, вот как в эти миниатюры вывести каждую запись (фото, краткое описание товара) ?

По поводу "товар" и "запись" не совсем понял.. у меня есть только запись в админке.

Мой уровень знаний совсем начинающий, поэтому строго не судите )

Как в CSS сделать так, что бы background выходил за пределы DIV при этом border дива накладывался поверх bg?

..понял, я указывал не правильно позиционирование (fixed) а нужно было relative. Благодарю!

Как в CSS сделать так, что бы background выходил за пределы DIV при этом border дива накладывался поверх bg?

Тимур Турсунбаев, Да действительно, сейчас разберусь что сделал не так. Большое спасибо Вам!

Как в CSS сделать так, что бы background выходил за пределы DIV при этом border дива накладывался поверх bg?

Пробовал, border в таком случае уходит под красный фон, а нужно что бы он был поверх фона.

Вопрос по функции .replace в JavaScript?

Dima Polos, И Вам успехов и удачи!

Вопрос по функции .replace в JavaScript?

Dima Polos, Да уже увидел! Всё заработало! Большое Вам спасибо, помогли!

Вопрос по функции .replace в JavaScript?

Dima Polos, После замены на ('src', src.replace('150x150', ''));
Почти получилось ) Единственное вылазит лишняя (черточка -) перед .jpg



Не пойму от куда она берется?

Вопрос по функции .replace в JavaScript?

Дмитрий большое спасибо! Попробую реализовать.

Вопрос по функции .replace в JavaScript?

Дмитрий, по сути да, слайдер-галерея для карточки товара, что бы сверху большая картинка, снизу миниатюры.. )

Вопрос по функции .replace в JavaScript?

По большому счету мне нужна простая галерея в карточку товара, что бы при нажатии на миниатюру, появлялась полно размерная картинка. Сайт на WP, просто не хочу пользоваться плагинами дабы не загромождать сайт лишним кодом. Поэтому ищу готовые решения и интегрирую себе на сайт, но пока знаний маловато )

Вопрос по функции .replace в JavaScript?

Нет писал не я, пока только начал разбираться в javascritp, только чуть переделал под свою задачу. Был бы очень признателен за любую помощь! Благодарю!

Вопрос по функции .replace в JavaScript?

Большое спасибо! Хорошо буду разбираться..

Вопрос по функции .replace в JavaScript?

Я совсем ещё зеленый, можете немного разжевать..

Вот конструкция:

//здесь должна выводиться полно размерная фотография, но выводится миниатюра.

<?php
$image = get_field('img-black');
if( !empty($image) ):
// vars
$url = $image['url'];
$title = $image['title'];
$alt = $image['alt'];
$caption = $image['caption'];

// thumbnail
$size = 'thumbnail';
$thumb = $image['sizes'][ $size ];
$width = $image['sizes'][ $size . '-width' ];
$height = $image['sizes'][ $size . '-height' ];

if( $caption ): ?>

<?php endif; ?>



<?php if( $caption ): ?>
<?php echo $caption; ?>

<?php endif; ?>
<?php endif; ?>

Полный JS:

;(function() {
'use strict';

var Gallery = function(id) {
var gallery = document.getElementById(id);
this.thumbs = gallery.querySelectorAll('.thumbs img');
this.image = gallery.querySelector('.photo-box img');
this.count = this.thumbs.length;
this.current = 0;
this.registerEvents();
};


window.Gallery = Gallery;
var fn = Gallery.prototype;
fn.registerEvents = function() {
this.image.addEventListener('click', this.imageControl.bind(this));
this.image.addEventListener('wheel', this.wheelControl.bind(this));
document.addEventListener('keydown', this.keyControl.bind(this));
var self = this;
[].forEach.call(this.thumbs, function(thumb, n) {
thumb.addEventListener('click', self.showPhoto.bind(self, n));
});
};

fn.buttonControl = function(e) {
if (e.target.tagName != 'BUTTON') return;
var self = this,
ctrl = e.target.getAttribute('data-target'),
callShowPhoto = {
'prev': function() {
self.showPhoto((self.count + self.current - 1) % self.count);
},
'next': function() {
self.showPhoto((self.current + 1) % self.count);
}
};

callShowPhoto[ctrl]();
};

fn.imageControl = function(e) {
this.showPhoto((this.current + 1) % this.count);
};

fn.wheelControl = function(e) {
e.preventDefault();
if (e.deltaY > 0) {
this.showPhoto((this.current + 1) % this.count);
} else {
this.showPhoto((this.count + this.current - 1) % this.count);
}
};

fn.keyControl = function(e) {
e.preventDefault();
switch(e.which) {
case 37:
this.showPhoto((this.count + this.current - 1) % this.count);
break;
case 39:
this.showPhoto((this.current + 1) % this.count);
break;
}
return;
};

fn.showPhoto = function(index) {
var src = this.thumbs[index].getAttribute('src');
this.image.setAttribute('src', src.replace('thumbnail', 'photo'));
this.current = index;
};

})();

Изначально были 2 папки с одинаковыми названиями файлов //thumbnail/1.jpg и //photo/1.jpg (миниатюра и полно размерная картинка) , когда перенес данный код в свой шаблон на WP, перестал заменять миниатюру так как все фото хранятся в одной папке, я так понял что дело именно в этой строчке src.replace('thumbnail', 'photo'));

Можно ли просто как то сказать с помощью JS что бы брал src.replace('*150x150.jpg' и отдавал 'без *150х150.jpg')); Или это так не работает?

Благодарю!