Support › Forums › Support (Legacy) › Woo product gallery click (or hover) to substitute the main product image
Tagged: Atlanta, WooCommerce
-
AuthorPosts
-
21/04/2016 at 5:40 #1400
I use Woocommerce, created product with product gallery. Click on any thumbnail opens its own full width image instead of substitution the main product image(as I used to have with Avada theme).
Is it a bug or by default?
Can you help to achieve the same behavior?
Also’ is it possible and how to substitute the main image with only hover over the thumbnails insetad of click?
Thx
I. Lesher21/04/2016 at 9:14 #1401In the meantime I played around with your POJO Lightbox and enabled Woocommerce Lightbox. This opens the images in lightbox but doesn’t switch them with the main image(what I need)
Thz
I. Lesher21/04/2016 at 10:11 #1402This reply has been marked as private.21/04/2016 at 10:33 #1403אני יכול לכתוב כאן בעברית. הבעיה שכשאני עושה לוגין הכל עובר לאנגלית באופן אוטומטי. אם תוכל לעזור לי גם בזה אודה לך
21/04/2016 at 11:22 #1404This reply has been marked as private.21/04/2016 at 11:53 #1405בועז תודה
לגבי העברית זה לא עובד כיוון שאני עובר לאנגלית ישר בלוגין. אם אז אני עובר ללינק שנתת אני נשאר באנגלית
לגבי לינק לחנות:
http://triplebit.com/kityopo/product/%D7%92%D7%95%D7%A4%D7%99%D7%94-%D7%90%D7%A4%D7%95%D7%A8-%D7%A2%D7%9B%D7%91%D7%A8/
מדובר על הגלריה של המוצר ולא על התמונות שלמטה שלא קשורות לעינין זה
הפעלתי את האןפציה של
pojo lightbox->woocommerce
ולכן הלייטבוקס עובד אבל אני לא מעונין בזה עבור הטמבניילס
שוב תודה21/04/2016 at 12:33 #1407This reply has been marked as private.21/04/2016 at 14:29 #1410אם כדברך זה לא קשור לתבנית האם יש לך רעיון איך זה ממומש באבדה ללא שום תוסף?
שאלה נוספת:
באותו לינק שנתתי לך יש תמונות בתחתית הדף שהם קסומיזציה שלי בדף מוצר.
אני מעונין להפעיל שם לייטבוקס על התמומות האלה
האם אתה יודע איך?
תודה וחג שמח21/04/2016 at 14:34 #1411This reply has been marked as private.21/04/2016 at 15:58 #14121. עינין התמונות:
עשיתי קסטומיזציה של מוצר בודד עם הקוד הבא:
remove_action( ‘woocommerce_after_single_product_summary’, ‘woocommerce_upsell_display’, 15 );function my_wc_product_content() {
// content here.
$args = array(
‘post_type’ => ‘attachment’,
‘post_status’ => ‘any’,
‘tax_query’ => array(
array(
‘taxonomy’ => ‘category’,
‘field’ => ‘name’,
‘terms’ =>get_the_title()
)
)
);
$the_query = new WP_Query( $args );// div to wrap all the media uploads
echo “<div class = ‘media_uploads_box’>”;
if ( $the_query->have_posts() ) {
while ( $the_query->have_posts() ) {
$the_query->the_post();
//echo wp_get_attachment_image( get_the_ID(), ‘full’ );
// thumbnail instead of full image
echo “<div class = ‘media_single_upload_box’>”;
echo “” . wp_get_attachment_image( get_the_ID(), ‘thumbnail’ ) . “</img>”;
// show the name of image(title)
echo “<p class = ‘media_upload_title’>” . get_the_title() . “</p>”;
echo “</div>”;
//echo get_the_content();
//echo get_the_post_thumbnail( $post_id, ‘thumbnail’ );
//echo the_attachment_link( $image->ID, true );
}
} else {
// no attachments found
}
echo “</div”; // “<div class = ‘media_uploads’>”;
wp_reset_postdata();} //function my_wc_product_content() {
add_action( ‘woocommerce_after_single_product_summary’, ‘my_wc_product_content’, 15 );
הקוד הראשון מוריד את האפסלס
הקוד השני מישם לופ עם הטמבניילס הרצויים2. לינק להדגמה עם אבדה
http://www.triplebit.com/avada2/product/%D7%A2%D7%92%D7%99%D7%9C%D7%99-%D7%9C%D7%91-%D7%A6%D7%9E%D7%95%D7%93%D7%99%D7%9D-%D7%9E%D7%96%D7%94%D7%91/
תקיש על הטמבניילס מתחת לתמונה הראשית ותראה
שוב תודה21/04/2016 at 16:01 #1413שכחתי לצין שלגבי התכונה הרצויה כמו באבדה זה בעצם פיטשר שקים ברוב החנויות עם ובלי ווקומרס
24/04/2016 at 6:42 #1416This reply has been marked as private.24/04/2016 at 10:17 #1418בועז תודה
1. לא בקשתי תמיכה בקוד. שאלת האם התמונות שבתחתית הדף מיצגות מוצרים או תמונות בלבד וגם בקשת לדעת איך הם נוצר. אז הראת לך איך יצרתי אותן. שאלתי היחידה האם הלליטבוקס של פוז’ו יול לתמןך בהן ואיך.
2. לגבי זה נראה לי שעשה את זה עם גאווהסקריפט
אודה לך אם תעזור בסעיף 1
חג שמח25/04/2016 at 7:25 #1419This reply has been marked as private. -
AuthorPosts
The forum ‘Support (Legacy)’ is closed to new topics and replies.