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
Icons "show options" and "show details" no longer showing since update to v2.2.1
6 posts from 2 voices- Started 2 months ago by bruwa
- Latest reply from Devin
- This topic is closed
- This topic is resolved
-
bruwa
Memberplease:
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
Posted 2 months ago # -
Devin
ModeratorHi 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.
Posted 2 months ago # -
bruwa
MemberThanks 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
Posted 2 months ago # -
Devin
ModeratorGlad 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
Posted 2 months ago #
Topic Closed
This topic has been closed to new replies.
Create a new thread and tell me what problems you are encountering and what you want to know. 
There is no step 3 :) 
