Hi
On the Catalog page the icons on the overlay buttons "show options" and "show details" no longer show after the update to v2.2.1.
Any idea on how to fix this?
Thanks
Bruno
Hi
On the Catalog page the icons on the overlay buttons "show options" and "show details" no longer show after the update to v2.2.1.
Any idea on how to fix this?
Thanks
Bruno
Hi bruno,
Can we take a look at the site live? There shouldn't be any reason that should be happening but we should be able to see whats going on my inspecting the code live.
Regards,
Devin
please:
http://wp6.fotowalther.ch/produkt-kategorie/lander/usa/
I had tweaked the "show details" overlay button and it perfectly worked until the update:
I made these changes to the file flashlight\woocommerce-config\config.php
- changed line 496 from
echo "<a>ID)."'>".__('Show Details','avia_framework')."</a>";
to
echo "<a>ID) )."' rel='lightbox' alt=' ' title=' '> ".__('Enlarge Image','avia_framework')."</a>";
Then
- replaced the “show details” icon with a “magnifying glass” icon
- copied icons “magnify.png” and “magnify_light.png” from flashlight/images/skin-dark to woocommerce-config/images
- renamed these files (prefix “skin_dark_”)
- Added this code at the end of woocommerce-config\woocommerce-mod.css
#top div .thumbnail_container .show_details_button{ background: url(images/skin-dark_magnify_light.png) no-repeat 10px center rgba(0,0,0,0.7); }
Result:
- button “Select options” opens the product detail page (unchanged)
- button “Show details” changes to “Expand image”: opens the underlying product image in a lightbox (prettyPhoto)
http://www.kriesi.at/support/topic/change-the-select-options-button-into-a-lightbox-link
Although I did not touch the "select options" icon, it does not show after the update.
Regards,
Bruno
Hi Bruno,
The magnifying glass icon is missing and pulling up as a 404 when you try to view it which is why that one isn't showing: http://wp6.fotowalther.ch/wp-content/themes/flashlight/woocommerce-config/images/skin-dark_magnify_light.png
The other button doesn't have the right combination of classes to get the button css to activate so in your woocommerce-mod.css file you'll need to update the line 593 to:
#top div .thumbnail_container .button.product_type_grouped, #top div .thumbnail_container .button.product_type_variable{
background: url(images/icons-shop-options.png) no-repeat 10px center rgba(0,0,0,0.7);
}
I've added in the change for the next update as well since its a bug in the file.
Thanks Devin
this code brought back the "Select options" icon.
(I notice the names and their format of the icons have also changed.)
Meanwhile I managed to get also the magnify icon in place.
(I'm getting more and more confused with all these changes and tweaks)
Tanks for your help,
Bruno
Glad that worked. I'll update the theme css so that it will be back to normal in the next update.
I always recommend keeping a changelog for yourself of any changes you have made to the actual theme files. On a basic level. the theme is designed to be customized with the limitations of the theme options area. Once you move past that to more custom changes, using the same tools and steps a developer would is the best way to make sure you don't lose track of where you are at :)
Regards,
Devin
This topic has been closed to new replies.