Hello,

Please go to your Appearance > Widgets. You will see the “Shop InPage Filters” section there. Add the filters you want to it. Then in Customizing > Shop, scroll to Shop Extra > InPage Filters. See screenshot: https://ibb.co/PjNmvF3

Let us know.
Best regards!

Hello,

1-To remove the sidebar in shop page, just open shop page settings from the Customizer. Change the page layout to remove the sidebar: https://ibb.co/k6D7cw5

2-Add this css into your Custom Css box:

.woocommerce .woocommerce-result-count {
    display: none;
} 

3-Increase the inner content distance from top in Customize > Layout > Inner Content Distance from Top. See screenshot: https://ibb.co/7JSM9LF

Best regards!

Hello,

– https://ibb.co/hg8nC0n: How can I modify this content?
This is a block of content added to the page. To remove/change it go to page’s options (via customizer) > Shop > Shop Bottom Content (screenshot)

1-Go to Customize > Shop > Show filter on shop categories and pages, set it to ‘No’

2-Sorry but this is not possible.

3-Go to Woocommerce plugin Settings > Products > Product ratings, uncheck the “Enable star rating on reviews” (screenshot)

4-Add this css:

.shop-products .product_item .tags, .shop-products .product_item h3 {
    text-align: center !important;
}
.cl-price-rating span:not(.woocommerce-Price-amount):not(.woocommerce-Price-currencySymbol) {
    justify-content: center !important;
}

Let us know.

If you like our theme and support, please take a second and leave us a rating on Themeforest, it’s very important for us :)

https://themeforest.net/downloads

Thank You so much!

Hello,

1-The price is already centered. If i remove the “center” option, here is what you get: https://ibb.co/VQh8zkd
You may further position it by adding a padding. Add this css:

.cl-price-rating span:not(.woocommerce-Price-amount):not(.woocommerce-Price-currencySymbol) {
    padding-left: 10px !important; 
}

2-For the filter title, add this code:

.cl-woocommerce-results-title {
    margin-bottom: 55px !important;
}

3-With the css above, the box will get lower by default (screenshot). To change the background color, add this css:

.cl-shop-inpage-filters {
    background: #f7f9fb !important;
}

4-For the price bar, color:

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background: #f7f9fb !important;
}

Change the colors to your wish.

5-Add this css:

.woocommerce div.product div.images img {
    margin: auto !important;
}

6-Add this css:

@media (max-width: 767px){
.single-product .cl-style-center .cl-product-info .product_title {
    padding-bottom: 27px;
    font-size: 31px;
    line-height: 47px;
    text-transform: none;
    font-weight: 600;
    letter-spacing: 0px;
    color: #262a2c;
}}

Change the values to your wish.

7-Please add this css:

@media (max-width: 767px){
.single-product .cl-single-add-to-cart-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: column !important;
}
.woocommerce div.product form.cart .button {
    margin: auto !important;
}
.qty_container {
    margin: auto !important;
}
}

Best regards!

Hello,

1) These buttons disappear in the mobile version.
I see that only wishlist is not shown, the search, cart and three bar menu is already visuble. To add the wishlist as well, i added this css:

@media (max-width: 979px){
.extra_tools_wrapper .tool.wishlist {
    display: block !important;
}
}

2) The product photo is cut in the tablet version.
I don’t see this. Here is what i see: https://ibb.co/4dM6FCv

3) How can I change the color of the “next and previous photo” buttons?
Add this css:

.single-product .flex-direction-nav .flex-next:before {color: #ccc !important;}
.single-product .flex-direction-nav .flex-prev:before {color: #ccc !important;}

4) How to put these buttons on the sides of the photo?
Add this css:

@media (max-width: 480px){
.single-product .flex-direction-nav .flex-next {
    position: absolute;
    right: -9em;
    top: 60%;
}
.single-product .flex-direction-nav .flex-prev{
    position: absolute;
    left: -9em;
    top: 60%;
}}

5) How to center the product title?
It looks quite in center to me. If you want to further position it, add some margin using custom css.

6) When you click on “solitaire”, another version of the online store appears with the filters on the left side. How can I make the page that opens my online store without those side filters?
This is a category page. Go to Customize > Shop > Shop Categories. Change here the categories page layout. Select fullwidth to remove the sidebar.

7) Login / Sign up is down and not centered vertically
This is centered to the div where it is. The lack of space in the mobile header, makes it scroll one under the other. I added this css to customize this:

.header-el.cl-h-cl_header_widget:nth-child(2) {
    display: none;
}
.header_container.cl-header-topnav-mobile .top_nav.header-row .header-el {
    width: auto !important;
}

8) In the mobile and tablet version, the “add to cart” button has no upper space. Also, in the mobile version, all the text is not contained within the button.
In the present css, i edited this:

.qty_container {
    margin: auto !important;
}

to this:

.qty_container {
    margin: 10px auto !important;
}

9) How can I center that button on the tablet version? – 10) The same as in point 8. How can I make the text inside the button?
I added this css:

.single-product-style-center .summary .inline-wishlist {
   width: 100% !important;
   margin-left: 0px !important;
   margin-top: 15px !important;
}

11) How can I change that loading animation?
The loading gif is puled from this location: https://engastadores.com/wp-content/plugins/yith-woocommerce-wishlist/assets/images/wpspin_light.gif
If you want to replace it, just replace the gif in this url. Make sure to keep the same name of it will not be found and thus, not load.

Best regards!

Hello,

-This default loading gif on the site is this: https://ibb.co/rpDFfp5 What you are seeing is the backend/ customization panel and that pig gif is of the Kirki plugin. It is not necessary to replace it as it does not show on the live site. pLus when the plugin will get updated, you will have to replace it again.
If you must replace it, please check the plugin’s documentation.

1-Add this code:

@media (max-width: 767px){
.woocommerce-tabs.wc-tabs-wrapper {
    display: none;
}}

2-Add this css:

@media (min-width: 992px){
.header-el .cl-text p:last-child {
    line-height: 7px !important;
}}

3-The mobile buttons on the product page have been edited out to your wish, so the width of the cart button has been increased. To further position it, find this css:

.woocommerce div.product form.cart .button {
    margin: auto !important;
    min-width: 222px;
}

Inside a @media (max-width: 979px) rule and add the margin-left: -14px !important; attribute. Edit the value to your wish.

4-Add this css:

.cl-shop-inpage-filters .filters-wrapper .widget {
    margin: auto !important;
}
.widget.woocommerce.widget_layered_nav .woocommerce-widget-layered-nav-list li span.count {
    display: none;
}

inside an @media (max-width: 480px) rule.

Best regards!

Hello,

Sorry for the late reply.

1) You can remove it using custom css:

.single-product .cl-style-center .product_meta .metas {
    display: none;
}

2)-3) Yes, removing sections from the layout will affect the other sections and mobile as well. Please know that this is personal customization and we can not provide support on personal styling. I suggest you hire a designer to help you with that.

4-It’s fixed;

5-By default, the cart is over the arrow in the single product page. See screenshot: https://ibb.co/GQP1QX5
I am not sure what triggered this behavior in your site, however, I added this CSS: .single-product .flex-direction-nav .flex-next {z-index: 1;}

6-Add this css:

#site-header-cart .button.checkout.wc-forward {
    background: #80d0c5 !important;
}

7-By default in mobile the first action (tap) in a menu item that has sub-menus, will be opening the drop-down. There is no solution for this because mobile actions are limited. But a workaround is to add the same menu item in the sub-menu and show it only on mobile. I have set it up already for you. Please check your site.
I added this css to hide it in desktop:
nav .menu li ul.sub-menu li:first-child {display: none;}

8-Add this css inside an @media (max-width: 480px) rule:

.single-product-style-center .summary .inline-wishlist, .single-product-style-wide_full_image .summary .inline-wishlist {
    width: 220px !important;
    margin-left: -12px !important;
}

9-This is personal customization and is not included in support.

Best regards!

Hello,

Thank you for the note ^_^
Merry Christmas and a Happy New Year for you and your family!

Please don’t forget to rate our theme on Themeforest, it’s very important for us :)

https://themeforest.net/downloads

All the best!