Please help to adjust main product image in dropdown or side cart. It is stretched. I need to have it small on the left side. And the product title with price – on the right.
Pls suggest CSS.
Thank you
]]>One last little issue where we ask for your help.
The first image in the slider (the main product image) is not sized correctly. The size settings from the plugin are ignored for the first image.
The reason seems to be, that for the first image in the slider the original image is used instead of the corresponding resized image based on the plugin settings.
With this, it looks always a bit strange; do you see a chance to fix this?
Thanks a lot, kind regards
Wolfgang
]]>(Issue applies to ALL product pages)
I tried deactivating all related plugins but doesn’t make a difference.
Customizer > Woocommerce Settings > Product Image
Current Theme: Customizr 3.4.12
]]>For at least one of my product pages (and this one has many variations) when I select a variation, the main product image does not show up completely. Only the very top of the image displays. However, if I choose another variation of the same product, the main product image DOES show completely with no problems.
This doesn’t happen consistently and I’ve found that if I keep selecting the variation swatch eventually the full image does display (same thing if I select “clear” and then choose a swatch). I think that visitors to the site might not spend as much time trying to get it to work so I’m wondering if there’s something I can do to make the function consistent and always get the main product image to show fully when I select a swatch.
The link I entered above is the page where I’ve seen this problem most of the time.
]]>System status report:
### WordPress Environment ###
Home URL: https://70.168.143.67:9240
Site URL: https://70.168.143.67:9240
WC Version: 3.4.4
Log Directory Writable: ✔
WP Version: 4.9.8
WP Multisite: –
WP Memory Limit: 256 MB
WP Debug Mode: –
WP Cron: ✔
Language: en_US
External object cache: –
### Server Environment ###
Server Info: Microsoft-IIS/10.0
PHP Version: 7.1.10 - We recommend using PHP version 7.2 or above for greater performance and security. How to update your PHP version
PHP Post Max Size: 128 MB
PHP Time Limit: 300
PHP Max Input Vars: 1000
cURL Version: 7.55.0
OpenSSL/1.0.2k
SUHOSIN Installed: –
MySQL Version: 5.7.21-log
Max Upload Size: 20 MB
Default Timezone is UTC: ✔
fsockopen/cURL: ✔
SoapClient: ✔
DOMDocument: ✔
GZip: ✔
Multibyte String: ✔
Remote Post: ✔
Remote Get: ✔
### Database ###
WC Database Version: 3.4.4
WC Database Prefix: gpa_
MaxMind GeoIP Database: ✔
Total Database Size: 24.02MB
Database Data Size: 13.02MB
Database Index Size: 11.00MB
gpa_woocommerce_sessions: Data: 0.02MB + Index: 0.02MB
gpa_woocommerce_api_keys: Data: 0.02MB + Index: 0.03MB
gpa_woocommerce_attribute_taxonomies: Data: 0.02MB + Index: 0.02MB
gpa_woocommerce_downloadable_product_permissions: Data: 0.02MB + Index: 0.05MB
gpa_woocommerce_order_items: Data: 0.02MB + Index: 0.02MB
gpa_woocommerce_order_itemmeta: Data: 0.02MB + Index: 0.03MB
gpa_woocommerce_tax_rates: Data: 0.02MB + Index: 0.06MB
gpa_woocommerce_tax_rate_locations: Data: 0.02MB + Index: 0.03MB
gpa_woocommerce_shipping_zones: Data: 0.02MB + Index: 0.00MB
gpa_woocommerce_shipping_zone_locations: Data: 0.02MB + Index: 0.03MB
gpa_woocommerce_shipping_zone_methods: Data: 0.02MB + Index: 0.00MB
gpa_woocommerce_payment_tokens: Data: 0.02MB + Index: 0.02MB
gpa_woocommerce_payment_tokenmeta: Data: 0.02MB + Index: 0.03MB
gpa_woocommerce_log: Data: 0.02MB + Index: 0.02MB
gpa_auction_bids: Data: 0.02MB + Index: 0.11MB
gpa_commentmeta: Data: 0.00MB + Index: 0.01MB
gpa_comments: Data: 0.01MB + Index: 0.01MB
gpa_download_log: Data: 0.14MB + Index: 0.02MB
gpa_esign_documents: Data: 0.25MB + Index: 0.00MB
gpa_esign_documents_events: Data: 0.02MB + Index: 0.00MB
gpa_esign_documents_fields_data: Data: 0.02MB + Index: 0.00MB
gpa_esign_documents_meta: Data: 0.02MB + Index: 0.00MB
gpa_esign_documents_signatures: Data: 0.02MB + Index: 0.00MB
gpa_esign_documents_signer_field_data: Data: 0.02MB + Index: 0.00MB
gpa_esign_documents_stand_alone_docs: Data: 0.02MB + Index: 0.00MB
gpa_esign_document_users: Data: 0.02MB + Index: 0.00MB
gpa_esign_invitations: Data: 0.02MB + Index: 0.00MB
gpa_esign_settings: Data: 0.06MB + Index: 0.00MB
gpa_esign_signatures: Data: 0.16MB + Index: 0.00MB
gpa_esign_users: Data: 0.02MB + Index: 0.00MB
gpa_ewwwio_images: Data: 0.37MB + Index: 0.26MB
gpa_gf_addon_feed: Data: 0.02MB + Index: 0.02MB
gpa_gf_addon_payment_callback: Data: 0.02MB + Index: 0.02MB
gpa_gf_addon_payment_transaction: Data: 0.02MB + Index: 0.05MB
gpa_gf_draft_submissions: Data: 0.02MB + Index: 0.02MB
gpa_gf_entry: Data: 0.30MB + Index: 0.06MB
gpa_gf_entry_meta: Data: 1.52MB + Index: 4.55MB
gpa_gf_entry_notes: Data: 0.02MB + Index: 0.03MB
gpa_gf_form: Data: 0.02MB + Index: 0.00MB
gpa_gf_form_meta: Data: 1.52MB + Index: 0.00MB
gpa_gf_form_view: Data: 0.20MB + Index: 0.16MB
gpa_links: Data: 0.00MB + Index: 0.00MB
gpa_options: Data: 1.10MB + Index: 0.08MB
gpa_postmeta: Data: 0.99MB + Index: 0.39MB
gpa_posts: Data: 1.66MB + Index: 0.16MB
gpa_redirection_404: Data: 0.02MB + Index: 0.06MB
gpa_redirection_groups: Data: 0.02MB + Index: 0.03MB
gpa_redirection_items: Data: 0.02MB + Index: 0.08MB
gpa_redirection_logs: Data: 0.02MB + Index: 0.08MB
gpa_rg_form: Data: 0.02MB + Index: 0.00MB
gpa_rg_form_meta: Data: 1.52MB + Index: 0.00MB
gpa_rg_form_view: Data: 0.20MB + Index: 0.16MB
gpa_rg_incomplete_submissions: Data: 0.02MB + Index: 0.02MB
gpa_rg_lead: Data: 0.30MB + Index: 0.06MB
gpa_rg_lead_detail: Data: 1.52MB + Index: 3.83MB
gpa_rg_lead_detail_long: Data: 0.02MB + Index: 0.00MB
gpa_rg_lead_meta: Data: 0.16MB + Index: 0.11MB
gpa_rg_lead_notes: Data: 0.02MB + Index: 0.03MB
gpa_rg_stripe: Data: 0.02MB + Index: 0.00MB
gpa_rg_stripe_transaction: Data: 0.02MB + Index: 0.06MB
gpa_termmeta: Data: 0.02MB + Index: 0.03MB
gpa_terms: Data: 0.00MB + Index: 0.01MB
gpa_term_relationships: Data: 0.02MB + Index: 0.04MB
gpa_term_taxonomy: Data: 0.01MB + Index: 0.01MB
gpa_usermeta: Data: 0.05MB + Index: 0.02MB
gpa_users: Data: 0.00MB + Index: 0.01MB
gpa_wc_download_log: Data: 0.02MB + Index: 0.03MB
gpa_wc_webhooks: Data: 0.02MB + Index: 0.02MB
gpa_wplc_chat_msgs: Data: 0.02MB + Index: 0.00MB
gpa_wplc_chat_ratings: Data: 0.02MB + Index: 0.00MB
gpa_wplc_chat_sessions: Data: 0.02MB + Index: 0.00MB
gpa_wplc_offline_messages: Data: 0.02MB + Index: 0.00MB
gpa_wplc_webhooks: Data: 0.02MB + Index: 0.00MB
### Post Type Counts ###
attachment: 370
customize_changeset: 5
custom_css: 1
dlm_download: 3
dlm_download_version: 3
jetpack_migration: 2
jp_img_sitemap: 1
jp_sitemap: 1
jp_sitemap_master: 1
nav_menu_item: 26
page: 68
popup: 1
popup_theme: 6
post: 42
product: 5
product_variation: 6
revision: 621
tablepress_table: 1
tribe_events: 60
tribe_organizer: 13
tribe_venue: 58
wpcf7_contact_form: 1
wpephpcompat_jobs: 16
### Security ###
Secure connection (HTTPS): ❌
Your store is not using HTTPS. Learn more about HTTPS and SSL Certificates.
Hide errors from visitors: ✔
### Active Plugins (34) ###
Gravity Forms: by rocketgenius – 2.3.2
Advanced Custom Fields: Repeater Field: by Elliot Condon – 2.0.1
Advanced Custom Fields: by Elliot Condon – 4.4.12
Advanced Post Manager: by Modern Tribe
Inc. – 4.4
Akismet Anti-Spam: by Automattic – 4.0.8
Call Now Button: by Jerry Rietveld – 0.3.1
Custom CSS Manager: by MyWebsiteAdvisor – 1.5.2
Disable Gravity Forms Fields: by Ren Ventura – 1.3.1
Download Monitor: by Never5 – 4.1.0
EWWW Image Optimizer: by Shane Bishop – 4.2.2
Gravity Forms CSS Ready Class Selector: by Brad Vincent – 1.1
Gravity Forms Data Persistence Add-On Reloaded: by Robert Iseley – 3.3.1
Gravity Forms Multi-Page Notifications: by Travis Lopes – 1.0
Gravity PDF: by Gravity PDF – 4.4.0
Gravity Forms + Stripe: by gravity+ – 1.9.2.11
Gravity Forms Toolbar: by David Decker - DECKERWEB / Milan Petrovic - Dev4Press – 1.7.0
Gravity Forms Authorize.Net Add-On: by rocketgenius – 2.6
Gravity Forms PayPal Standard Add-On: by rocketgenius – 3.1
IgniteWoo Updater: by IgniteWoo.com – 2.1.11
Jetpack by WordPress.com: by Automattic – 6.2.1
PHP Compatibility Checker: by WP Engine – 1.4.5
Popup Maker: by WP Popup Maker – 1.7.29
Post Duplicator: by Metaphor Creations – 2.20
Redirection: by John Godley – 3.3.1
Regenerate Thumbnails: by Alex Mills (Viper007Bond) – 3.0.2
Semalt Redirect Manager: by Alex Moss – 1.1.3
SEO Ultimate: by SEO Design Solutions – 7.6.5.9
Simple Image Sizes: by Rahe – 3.2.0
TablePress: by Tobias B?thge – 1.9
The Events Calendar: by Modern Tribe
Inc. – 4.6.19
TinyMCE Advanced: by Andrew Ozz – 4.7.11
WooCommerce Auctions Pro: by IgniteWoo.com – 3.1.20 – Not tested with the active version of WooCommerce
WooCommerce: by Automattic – 3.4.4
WP Live Chat Support: by WP-LiveChat – 8.0.13
### Settings ###
API Enabled: ✔
Force SSL: –
Currency: USD ($)
Currency Position: left
Thousand Separator: ,
Decimal Separator: .
Number of Decimals: 2
Taxonomies: Product Types: external (external)
grouped (grouped)
ignitewoo_auction (ignitewoo_auction)
simple (simple)
variable (variable)
Taxonomies: Product Visibility: exclude-from-catalog (exclude-from-catalog)
exclude-from-search (exclude-from-search)
featured (featured)
outofstock (outofstock)
rated-1 (rated-1)
rated-2 (rated-2)
rated-3 (rated-3)
rated-4 (rated-4)
rated-5 (rated-5)
### WC Pages ###
Shop base: #8174 - /shop/
Cart: #8175 - /cart/
Checkout: #8176 - /checkout/
My account: #8177 - /my-account/
Terms and conditions: ❌ Page not set
### Theme ###
Name: GPA
Version: 1.0
Author URL:
Child Theme: ❌ – If you are modifying WooCommerce on a parent theme that you did not build personally we recommend using a child theme. See: How to create a child theme
WooCommerce Support: ❌ Not declared
### Templates ###
Overrides: –
]]><div data-thumb="https://gripp.co.il/wp-content/uploads/2018/05/904-iuxiux.jpg" class="woocommerce-product-gallery__image flex-active-slide" data-thumb-alt="" data-o_data-thumb="https://gripp.co.il/wp-content/uploads/2018/05/903-ud8hdc-100x100.jpg" style="width: 576px;margin-right: 0px;float: left;display: block;position: relative;overflow: hidden;"><a href="https://gripp.co.il/wp-content/uploads/2018/05/904-iuxiux.jpg" data-o_href="https://gripp.co.il/wp-content/uploads/2018/05/903-ud8hdc.jpg"><img width="430" height="430" src="https://gripp.co.il/wp-content/uploads/2018/05/904-iuxiux.jpg" class="wp-post-image" alt="" title="904-iuxiux.jpg" data-caption="" data-src="https://gripp.co.il/wp-content/uploads/2018/05/904-iuxiux.jpg" data-large_image="https://gripp.co.il/wp-content/uploads/2018/05/904-iuxiux.jpg" data-large_image_width="430" data-large_image_height="430" srcset="https://gripp.co.il/wp-content/uploads/2018/05/904-iuxiux.jpg 430w, https://gripp.co.il/wp-content/uploads/2018/05/904-iuxiux-150x150.jpg 150w, https://gripp.co.il/wp-content/uploads/2018/05/904-iuxiux-300x300.jpg 300w, https://gripp.co.il/wp-content/uploads/2018/05/904-iuxiux-100x100.jpg 100w" sizes="(max-width: 430px) 100vw, 430px" draggable="false" data-o_src="https://gripp.co.il/wp-content/uploads/2018/05/903-ud8hdc-600x600.jpg" data-o_height="600" data-o_width="600" data-o_srcset="https://gripp.co.il/wp-content/uploads/2018/05/903-ud8hdc-600x600.jpg 600w, https://gripp.co.il/wp-content/uploads/2018/05/903-ud8hdc-150x150.jpg 150w, https://gripp.co.il/wp-content/uploads/2018/05/903-ud8hdc-300x300.jpg 300w, https://gripp.co.il/wp-content/uploads/2018/05/903-ud8hdc-768x768.jpg 768w, https://gripp.co.il/wp-content/uploads/2018/05/903-ud8hdc-100x100.jpg 100w, https://gripp.co.il/wp-content/uploads/2018/05/903-ud8hdc.jpg 800w" data-o_sizes="(max-width: 600px) 100vw, 600px" data-o_title="903-ud8hdc.jpg" data-o_alt="" data-o_data-src="https://gripp.co.il/wp-content/uploads/2018/05/903-ud8hdc.jpg" data-o_data-large_image="https://gripp.co.il/wp-content/uploads/2018/05/903-ud8hdc.jpg" data-o_data-large_image_width="800" data-o_data-large_image_height="800"></a><img role="presentation" alt="" src="https://gripp.co.il/wp-content/uploads/2018/05/904-iuxiux.jpg" class="zoomImg" style="position: absolute; top: 0px; left: 0px; opacity: 0; width: 430px; height: 430px; border: none; max-width: none; max-height: none;"></div>
and on the styling section I change float: left; to float: none; or any other value, I can see the product image.
element.style {
float: left;
}
can someone please help?
thanks
I tryed using a default WordPress theme with WooCommerce active but it doesn’t fix the problem. I also tryed disablying all the plugins, but the problem persist.
I tryed to disable woocommerce pluggin and the problem is solved, but, of course, I need the pluggin…
### WordPress Environment ###
Home URL: https://www.pinknred.com
Site URL: https://www.pinknred.com
WC Version: 3.3.4
Log Directory Writable: ✔
WP Version: 4.9.4
WP Multisite: –
WP Memory Limit: 192 MB
WP Debug Mode: –
WP Cron: ✔
Language: es_ES
### Server Environment ###
Server Info: Apache
PHP Version: 5.6.32
PHP Post Max Size: 15 MB
PHP Time Limit: 30
PHP Max Input Vars: 1000
cURL Version: 7.26.0
OpenSSL/1.0.1t
SUHOSIN Installed: ✔
MySQL Version: ❌ 5.5.57 - Recomendamos como versión mínima de MySQL la 5.6. Ver: Requisitos de WordPress
Max Upload Size: 15 MB
Default Timezone is UTC: ✔
fsockopen/cURL: ✔
SoapClient: ✔
DOMDocument: ✔
GZip: ✔
Multibyte String: ✔
Remote Post: ✔
Remote Get: ✔
### Database ###
WC Database Version: 3.3.4
WC Database Prefix: wl_
MaxMind GeoIP Database: ❌ No existe la base de datos MaxMind GeoIP - La geolocalización no funcionará. Puedes descargarla e instalarla manualmente desde https://dev.maxmind.com/geoip/legacy/geolite/ en la ruta: . Ve a "Downloads" y descarga el archivo "Binary / gzip" junto a "GeoLite Country". Por favor
acuérdate de descomprimir GeoIP.dat.gz y subir solo el archivo GeoIP.dat.
Tama?o total de la base de datos: 8.14MB
Tama?o de los datos de la base de datos: 6.66MB
Tama?o del índice de la base de datos: 1.48MB
wl_woocommerce_sessions: Datos: 0.02MB + índice: 0.02MB
wl_woocommerce_api_keys: Datos: 0.02MB + índice: 0.03MB
wl_woocommerce_attribute_taxonomies: Datos: 0.02MB + índice: 0.02MB
wl_woocommerce_downloadable_product_permissions: Datos: 0.02MB + índice: 0.05MB
wl_woocommerce_order_items: Datos: 0.02MB + índice: 0.02MB
wl_woocommerce_order_itemmeta: Datos: 0.02MB + índice: 0.03MB
wl_woocommerce_tax_rates: Datos: 0.02MB + índice: 0.06MB
wl_woocommerce_tax_rate_locations: Datos: 0.02MB + índice: 0.03MB
wl_woocommerce_shipping_zones: Datos: 0.02MB + índice: 0.00MB
wl_woocommerce_shipping_zone_locations: Datos: 0.02MB + índice: 0.03MB
wl_woocommerce_shipping_zone_methods: Datos: 0.02MB + índice: 0.00MB
wl_woocommerce_payment_tokens: Datos: 0.02MB + índice: 0.02MB
wl_woocommerce_payment_tokenmeta: Datos: 0.02MB + índice: 0.03MB
wl_woocommerce_log: Datos: 0.02MB + índice: 0.02MB
wl_commentmeta: Datos: 0.02MB + índice: 0.03MB
wl_comments: Datos: 0.02MB + índice: 0.09MB
wl_icl_cms_nav_cache: Datos: 0.02MB + índice: 0.00MB
wl_icl_content_status: Datos: 0.02MB + índice: 0.02MB
wl_icl_core_status: Datos: 0.02MB + índice: 0.02MB
wl_icl_flags: Datos: 0.02MB + índice: 0.02MB
wl_icl_languages: Datos: 0.02MB + índice: 0.03MB
wl_icl_languages_translations: Datos: 0.19MB + índice: 0.11MB
wl_icl_locale_map: Datos: 0.02MB + índice: 0.00MB
wl_icl_message_status: Datos: 0.02MB + índice: 0.03MB
wl_icl_node: Datos: 0.02MB + índice: 0.00MB
wl_icl_reminders: Datos: 0.02MB + índice: 0.00MB
wl_icl_strings: Datos: 0.02MB + índice: 0.05MB
wl_icl_string_positions: Datos: 0.02MB + índice: 0.02MB
wl_icl_string_status: Datos: 0.02MB + índice: 0.02MB
wl_icl_string_translations: Datos: 0.02MB + índice: 0.02MB
wl_icl_translate: Datos: 0.02MB + índice: 0.02MB
wl_icl_translate_job: Datos: 0.02MB + índice: 0.02MB
wl_icl_translations: Datos: 0.02MB + índice: 0.06MB
wl_icl_translation_batches: Datos: 0.02MB + índice: 0.00MB
wl_icl_translation_status: Datos: 0.02MB + índice: 0.02MB
wl_links: Datos: 0.02MB + índice: 0.02MB
wl_options: Datos: 2.02MB + índice: 0.06MB
wl_postmeta: Datos: 0.09MB + índice: 0.03MB
wl_posts: Datos: 3.42MB + índice: 0.06MB
wl_termmeta: Datos: 0.02MB + índice: 0.03MB
wl_terms: Datos: 0.02MB + índice: 0.03MB
wl_term_relationships: Datos: 0.02MB + índice: 0.02MB
wl_term_taxonomy: Datos: 0.02MB + índice: 0.03MB
wl_usermeta: Datos: 0.02MB + índice: 0.03MB
wl_users: Datos: 0.02MB + índice: 0.05MB
wl_wc_download_log: Datos: 0.02MB + índice: 0.03MB
wl_wc_webhooks: Datos: 0.02MB + índice: 0.02MB
wl_wdp_orders: Datos: 0.02MB + índice: 0.05MB
wl_wdp_order_items: Datos: 0.02MB + índice: 0.05MB
wl_wdp_rules: Datos: 0.02MB + índice: 0.03MB
wl_wpmm_subscribers: Datos: 0.02MB + índice: 0.00MB
### Post Type Counts ###
attachment: 27
custom_css: 1
customize_changeset: 10
et_pb_layout: 5
jetpack_migration: 2
nav_menu_item: 4
page: 12
post: 3
product: 11
revision: 161
shop_coupon: 1
shortcode_maker: 2
### Security ###
Secure connection (HTTPS): ✔
Hide errors from visitors: ✔
### Active Plugins (15) ###
WPML Multilingual CMS: por OnTheGoSystems – 3.9.3
Jetpack by WordPress.com: por Automattic – 5.9
WooCommerce PayPal Express Checkout Gateway: por WooCommerce – 1.5.2
WooCommerce Stripe Gateway: por WooCommerce – 4.0.7
WooCommerce Gateways Country Limiter: por OnTheGoSystems – 1.4 – No probado con la versión activa de WooCommerce
WooCommerce Multilingual: por OnTheGoSystems – 4.2.9
WooCommerce Services: por Automattic – 1.12.1
WooCommerce: por Automattic – 3.3.4
WP Maintenance Mode: por Designmodo – 2.1.2
WPML All Import: por OnTheGoSystems – 2.0.4
WPML CMS Nav: por OnTheGoSystems – 1.4.22
WPML Media: por OnTheGoSystems – 2.2.3
WPML Sticky Links: por OnTheGoSystems – 1.4.3
WPML String Translation: por OnTheGoSystems – 2.7.3
WPML Translation Management: por OnTheGoSystems – 2.5.2
### Settings ###
API Enabled: ✔
Force SSL: ✔
Currency: EUR (€)
Currency Position: right
Thousand Separator: .
Decimal Separator: ,
Number of Decimals: 2
Taxonomies: Product Types: external (external)
grouped (grouped)
simple (simple)
variable (variable)
Taxonomies: Product Visibility: exclude-from-catalog (exclude-from-catalog)
exclude-from-search (exclude-from-search)
featured (featured)
outofstock (outofstock)
rated-1 (rated-1)
rated-2 (rated-2)
rated-3 (rated-3)
rated-4 (rated-4)
rated-5 (rated-5)
### WC Pages ###
Base de la tienda: #242 - /tienda/
Carrito: #234 - /carrito/
Finalizar compra: #235 - /finalizar-compra/
Mi cuenta: #236 - /mi-cuenta/
Términos y condiciones: ❌ Página sin definir
### Theme ###
Name: Divi
Version: 3.0.106
Author URL: https://www.elegantthemes.com
Child Theme: ❌ – Si estás modificando WooCommerce en un tema padre que no has creado personalmente
te recomendamos utilizar un tema hijo. Ver: Cómo crear un tema hijo
WooCommerce Support: ✔
### Templates ###
Overrides: –
]]>I would like to have the “featured image” show on the slider on the homepage – and then when you click into the product, the image will be the “main product image” (so the featured image will only be used on the homepage slider).
Any support would be GREATLY appreciated!
The example is the 2nd product on the slider on this page titled “featured image and product image”: https://news.pqube.co.uk/
I have a completely different image in “featured image” to the one that is show and the “test” image.
The “featured” image which I am trying to “use” is the same image on the 1st post on the slider, for reference (PowerShot A3100 IS)
Thanks
Andy