تغییر تصویر شاخص ووکامرس هنگام :hover

[premier 142]

سلام چجوری می تونم؟

استفاده از تصاویر شاخص در ووکامرس و تعویض تصویر هنگام که موس روی تصویر می باشد؟

[علی زینلی 2114]

سلام ، کد زیر رو امتحان کنید: (به جای آدرس تصاویر آدرس خودتون رو بذارید - به عکس های زیر width و height داده شده که میتونید حذفشون کنید)

<img src="http://naslno.com/image.png" onmouseover="this.src='http://code.naslno.com/wp-content/themes/naslno-code/images/NN%20Logo.jpg'" onmouseout="this.src='http://naslno.com/image.png'" width="100px" height="100px">

[premier 142]

سلام ، کد زیر رو امتحان کنید: (به جای آدرس تصاویر آدرس خودتون رو بذارید - به عکس های زیر width و height داده شده که میتونید حذفشون کنید)

<img src="http://naslno.com/image.png" onmouseover="this.src='http://code.naslno.com/wp-content/themes/naslno-code/images/NN%20Logo.jpg'" onmouseout="this.src='http://naslno.com/image.png'" width="100px" height="100px">

ممنون ولی برای تصویر شاخص محصول میخوام که یک تصویر شاخص دیگر جایگزین کنم یا از یکی از تصاویر گالری محصول استفاده کنم نمونه اونو دیدم ولی کدی پیدا نکردم افزونه هست!

[علی زینلی 2114]

ممنون ولی برای تصویر شاخص محصول میخوام که یک تصویر شاخص دیگر جایگزین کنم یا از یکی از تصاویر گالری محصول استفاده کنم نمونه اونو دیدم ولی کدی پیدا نکردم افزونه هست!

متوجّه نشدم ، منظورتون این هست که موقعی که میره روی یه عکس خاص عوض بشه دیگه نه؟

خب میتونید به جای آدرس عکس ها از کد پی اچ پی استفاده کنید

اینجوری:

<img src="<?php the_post_thumbnail(); ?>">

ویرایش شده اسفند 93 توسط علی زینلی

[premier 142]

متوجّه نشدم ، منظورتون این هست که موقعی که میره روی یه عکس خاص عوض بشه دیگه نه؟

خب میتونید به جای آدرس عکس ها از کد پی اچ پی استفاده کنید

اینجوری:

<img src="<?php the_post_thumbnail(); ?>">

ممنون خب این عکس تصویر شاخص اول هست! کد تصویر شاخص دوم یا کد یکی از تصاویر گالری محصول چی هست؟

[premier 142]

افزونه woocommerce product fliper این کارو میکنه ولی نمیخام از اون استفاده کنم

[premier 142]

من راهی پیدا نکردم ولی با advanced custom field پلاگین حل کردم

[ناصح 0]

استفاده از تصاویر شاخص در ووکامرس و تعویض تصویر هنگام که موس روی تصویر می باشد؟  من اون کدی که گذاشتین رو استفاده کردم اما بجای اینکه عکی دوم وقتی موس میره روش هاور بشه خود به خود بدون هاور اومده و پایین عکس شاخص قرار گرفته من میخوام تصویر شاخص یه عکس باشه وقتی موس میره روش یه عکس دیگه از گالری محصول نشون بده بعدش من از کد نویسی هیچی بلد نیستم اگه میشه یه کد بدین که نیاز به تغییرات نباشه خواهشا ممنون میشم راهنمایی کنید چند روزه لنگ این قضیه هستم تشکر