Hi
All of sudden the products also disappeared from shop page and sliders.
Its surely not because of using the code above
it happened when I tried to bulk edit the products.
Hi
All of sudden the products also disappeared from shop page and sliders.
Its surely not because of using the code above
it happened when I tried to bulk edit the products.
Hi
1. After you edited the CSS, first the hover was working only on product carousels but not in main shop page product grids. And now all of sudden its not working even on product carousels.
2. I tried to change site width from 1170 to 1980 but it was still same. Actually I want the whole content of single product page to full width. Can you please let me know how its possible?
3. The text is gone but the width of the cart button is still same. In main shop page, the width is same for all three buttons (quickview, cart and wishlist). Is it possible to keep same width in product carousels also?
Hi
Instead of disabling the lazy loading for whole website, I have disabled the lazy loading in product slider settings and now its working fine.
Please let me know how can I increase the height of all the product sliders including related product slider on single product page. You can see top border is hiding on hover.
Also how can I change the related product slider on single product page to full width of the page?
Also on all sliders, the cart icon on hover is showing with text (buy now/ select options). But I want to show only icon like in my main shop page product girds.
Thanks agian! But after using this code, some images disappeared from home page carousel. I already tried to regenerate thumbnails under woocommerce tools and re-saved permalinks but it did not help.
Some more strange things happening on home page carousel. I have done image swap setting on hover but now on one image swap is working and on another image slider is showing.
Shop page is working fine though.
Thanks so much!
Is it possible to keep fixed height and width of all the grids? so even if images are of different sizes or if swatches are not shown, the columns and rows are of same size?
Hi
My issue is solved… I have used Custom Post Type UI plugin to create gender taxonomy.
Just one thing I want to know… does your theme provide any inbuilt feature to create filter widget for custom taxonomy? Or do I need to use some third party plugin?
But is there no way other than adding gender as attribute? Why you are not recommending making a new taxonomy? is it not possible or is it not good for SEO?
Thanks but I still need your help..
1. Even if I turned the Ajax Product Filters on, its still not working.
2. I want to limit the height of the widgets as I will be having a lot of categories and brands. I only want to change the style of the border.
3. How can I reduce the width of the sidebar?
Its actually little difficult for me to explain but let me try..
1. I have “Men” and “Women” as my website’s main menu items… so these will be like main pages of my website… I don’t want the URLs of main pages to look something like…
yourdomain.com/shop/?filter_gender=men&@#$%.
I would prefer yourdomain.com/shop/gender/men same like its yourdomain.com/shop/brand/bloom or yourdomain.com/product-category/bags
I think that’s recommended for SEO also.
2. When you go to particular brand’s page for example… https://xstore.8theme.com/shop/brand/bloom/
The filter’s on shop sidebar shows the options available only for that particular brand and not for all the products of the store (though its not 100% working) https://prnt.sc/v0lx28
But if I will make gender as an attribute, filter options will not show specific results related to specific Men or Women products.
Hello
Just small changes please related to same topic
I have mentioned in below image…
Below is the final css I used..
/* Language Switcher Style Starts Here */
.et_b_header-menu .menu .wpml-ls-legacy-dropdown a.item-link, .et_b_header-menu .menu .wcml-dropdown a.item-link {
display: none;
}
.site-header .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
background: transparent;
border: none;
}
.site-header .wpml-ls-legacy-dropdown a:hover,
.site-header .wpml-ls-legacy-dropdown a:focus,
.site-header .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a {
background-color: transparent;
}
.site-header .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
content: "\e905";
font-family: "xstore-icons";
font-size: .57em;
margin-left: 7px;
background: none;
border: none;
position: static;
width: auto;
height: auto;
}
.site-header .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
padding: 0 !important;
color: currentcolor;
}
.site-header .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
animation: et-toTop 0.3s;
display: none;
max-height: 50vh;
width: 200px;
padding: .6em 0 !important;
overflow: auto;
background: #fff;
border: 1px solid #e1e1e1;
}
.site-header .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li a {
width: 100%;
display: block;
border: none;
font-size: var(--content-zoom);
padding: .6em 1.9em;
color: #000;
background-color: transparent;
}
.site-header .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li a:hover {
background: transparent;
opacity: .7;
}
.site-header .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover .wpml-ls-sub-menu {
display: block;
}
/* Language Switcher Style Ends Here */
Hi
Thank you so so much! You guys rocks!
I will try myself to give final touch to styling. I will keep the topic open just in case I will be needing your help.
Hi
Previous code is not for tooltip icons (contacts widget)
https://prnt.sc/uopr94
Hi
Let me try to explain you.. Please have a look at the image below:
you gave me option to use HTML block to add currency and language switcher shortcodes but the problem is:
1. I have only 1 HTML block left
2. I can not put animated icons, the style, position and responsiveness will not match with other menu items
3. Same problem if I use widgets
Best way is to add shortcode in menu items
I saw its possible with Megamenu
https://www.megamenu.com/documentation/shortcode-in-menu/
So I’m sure you can also give me some solution like this
Thanks! Regarding the tooltips, I want to use custom icons… so it would be great if you could give me a code to replace them as well.
Actually I have already tried all the settings of margin, padding and alignment (whole row as well as separate blocks). The current setting is the best possible setting to keep all the elements visible till 1150 px..
below 1150 to 992 px, its not working… so I just thought there might be some solution by adding CSS code… as how you did for bottom header.
I mean I want it to be functional at any resolution above 992px…
But for example, try to open sub menu of HOME at the resolution of 1000px, you will not be able to click on its submenu.
Hi
But its not responsive. When you reduce the size of window, the submenu overlaps with main menu and does not work.
Ok Can you please help me changing below five icons on top header:
Left Header:
1. Default Youtube icon to this one:
https://cindyscloset.ae/rent/wp-content/uploads/sites/2/2020/09/youtube-symbol.svg
2. Default Pinterest icon to this one:
https://cindyscloset.ae/rent/wp-content/uploads/sites/2/2020/09/pinterest-logo.svg
3. Default Newsletter icon to this one:
https://cindyscloset.ae/rent/wp-content/uploads/sites/2/2020/09/star.svg
Right Header:
4. Contact Icon to to this one:
https://cindyscloset.ae/rent/wp-content/uploads/sites/2/2020/09/star.svg
5. Help Center icon to this one:
https://cindyscloset.ae/rent/wp-content/uploads/sites/2/2020/09/star.svg
(last three are same icon, I will just change the URL later in the code)
sorry I asked you for help as theme does not give me option to change these icons
Thanks in advance.
I want to place currency switcher [currency_switcher] in main menu.
I found this somewhere..
// Register Custom Taxonomy
function gender_taxonomy() {
$labels = array(
'name' => _x( 'Genders', 'Taxonomy General Name', 'text_domain' ),
'singular_name' => _x( 'Gender', 'Taxonomy Singular Name', 'text_domain' ),
'menu_name' => __( 'Gender', 'text_domain' ),
'all_items' => __( 'All Genders', 'text_domain' ),
'parent_item' => __( 'Parent Gender', 'text_domain' ),
'parent_item_colon' => __( 'Parent Gender:', 'text_domain' ),
'new_item_name' => __( 'New Gender Name', 'text_domain' ),
'add_new_item' => __( 'Add New Gender', 'text_domain' ),
'edit_item' => __( 'Edit Gender', 'text_domain' ),
'update_item' => __( 'Update Gender', 'text_domain' ),
'view_item' => __( 'View Gender', 'text_domain' ),
'separate_items_with_commas' => __( 'Separate genders with commas', 'text_domain' ),
'add_or_remove_items' => __( 'Add or remove genders', 'text_domain' ),
'choose_from_most_used' => __( 'Choose from the most used', 'text_domain' ),
'popular_items' => __( 'Popular genders', 'text_domain' ),
'search_items' => __( 'Search Genders', 'text_domain' ),
'not_found' => __( 'Not Found', 'text_domain' ),
'no_terms' => __( 'No genders', 'text_domain' ),
'items_list' => __( 'Genders list', 'text_domain' ),
'items_list_navigation' => __( 'Genders list navigation', 'text_domain' ),
);
$args = array(
'labels' => $labels,
'hierarchical' => true,
'public' => true,
'show_ui' => true,
'show_admin_column' => true,
'show_in_nav_menus' => true,
'show_tagcloud' => true,
'show_in_rest' => true,
);
register_taxonomy( 'pet-gender', array( 'pet' ), $args );
}
add_action( 'init', 'gender_taxonomy', 0 );
Would this be enough to add a new gender taxonomy?
More importantly, will I be able to add filter in sidebar? Can you help me with that?
Thanks! Appreciate 🙂
Sorry about the confusion… I didn’t mean its sorted… I just gave additional info in my second message to make it easier for you to provide me CSS code.
I forgot to mention.. I placed this search bar in static block.
Thanks in advance.
Ok
But you can consider adding this feature in your next theme update.
Thanks so much 🙂
Hi
Thanks alot for your help. But the icons of google and twitter are not visible.
Can we fix it?
Hi
FTP details shared in private content area
Thanks
Hi below is the reply from WPML
I will look at this if you wish but please write back to your theme support that the currency switcher will appear on the “Custom area 1” area if placed there and NOTHING appears in “Custom area 2” . Even putting a standard widget in that custom area 2 – the page shows nothing.
But if I place a currency switcher in Custom Area 1 – it appears. So the problem is in their theme template.
And here is the currency switcher in my local test system with Storefront and only Woocommerce and WPML plugins:
https://youtu.be/tkLNC2Ak6i0
So the problem is not with our code….it could be a conflict with a plugin.
Ya I want to replace it with custom png image or FontAwesome whichever is possible.