SHOP PAGE

Hi, I have several questions
How to full with shop page? (only shop page)
how to hide menu drop down arrows
Is it possible to add grid style switcher on that position? please check link down bellow and if its not possible how to hide “home icon” and change “Home text” to my website name
thank you in advance

Attachments:

You must be logged in to view attached files.

Hello,

1/ Arrows and home icon may be hidden with CSS.

2/ What do you mean style switcher? What is its functions?

3/ Full page – do you want to remove these gaps? http://prntscr.com/jdj3g9

Please provide you site admin access I will provide CSS for you.

Best Regards

Hey,

Thank you for the reply,

so regarding the style switcher I attached the screenshot in this message. Could I insert that element in the shop page? Please check it down below (It’s marked green):

https://prnt.sc/jdkjiw

and yes I want to remove those gaps only on the shop page in the way that the side bar still remains

thank you in advance
regards

Hello,

In order to make shop page full-width, add this CSS to the Theme settings > Custom CSS:

.post-type-archive-product .main-page-wrapper .container {
     width: 95%;
}

To add switcher Navigate to Theme Settings > Shop > Shop layout and set there as shown: http://prntscr.com/jdp6bh

Add this CSS to hide icons in the menu and in the breadcrumbs:

.color-scheme-light .main-nav .menu>li.menu-item-has-children>a:after {
    display:none;
}
.woocommerce-breadcrumb a:first-child:before {
display:none;
}

Best Regards

Thank you very much for your reply and info.
everything works perfectly but there is just one thing. In the last screenshot I did not explain it correctly so please check the new screenshot which explains the issue better.

http://prntscr.com/jdued7

Thanks for support

Best Regards,

Merabi

hi, after filtering price it takes me 404 page, please check link, thank you in advance
https://gyazo.com/b36a4887d3ee91d2f50c8468caa6f896

Hello,

Could you please disable all plugins that are not related to our theme and provide us your admin access so we can check it?

Thank you in advance

Thank you for support

Hello,

The reason is url configuration in Settings > Permalinks http://prntscr.com/je2472 Please correct this line or switch to Post name.

Best Regards

thank you very much

You are welcome! If you have any questions feel free to contact us.

Best Regards

Hey,

Thank you for your support and quick reply. really appreciated.

I want to know if I could set up the checkout in the way that when a potential customer proceeds to the check out without log in, the system automatically requests sign up/log in. (my account page). would that be possible ?

Thank you in advance,

Best Regards,

Merabi

Unfortunately, our theme doesn’t have such feature and you may probably need to find some additional plugin for that. Here is an example that maybe will work for you.
https://uk.wordpress.org/plugins/woo-login-redirect/

Best Regards

Hey,

Thank you for the plugin, but it does not work for my case. I found the code which redirects me to my account page but I really need help as it stays on my account page and doesn’t go back automatically to the checkout page.

I really need your help regarding this. If you could modify this code so that it automatically redirects customers to the checkout it would be just fantastic.
Thank you in advance.

This is the code I found:

add_action( ‘template_redirect’, ‘wc_redirect_non_logged_to_login_access’);
function wc_redirect_non_logged_to_login_access() {

if ( !is_user_logged_in() && ( is_woocommerce() || is_shop() || is_cart() || is_checkout() ) ) {
wp_redirect( get_permalink( get_option(‘woocommerce_myaccount_page_id’)) );
exit();
}
}

Hello,

Sorry, but we do not have a quick solution for redirection to checkout automatically after login.

Regards

Hey,

How can I create “new collection” product page where it automatically adds last one or two week’s products.

and how could I make these pages full with like shop page

.post-type-archive-product .main-page-wrapper .container {
width: 95%;
}

Thank you in advance,

Best Regards

Merabi

Hello,

You can create any page and display the recent products via WP Bakey Product element. In order to make page full-width, add this CSS to Page settings:

.page .main-page-wrapper .container {
width: 95%;
}

There is one more way to make full-width page: configure the row: http://prntscr.com/jf4tac

Best Regards

Hey
Thank you for your reply,
With this code the width changed on every page, is it possible to find custom page name for example only for “sale” page?

.page .main-page-wrapper .container {
width: 95%;
}

I also want to know how to change menu color to black? like the “lingerie” demo version
thank you in advance
regards

Hello,

1/ Remove this code from Theme settings > Custom CSS.

2/ Create a separate page and put this CSS into Page setting.

3/ Add Product grid element into the page and set showing sales products only.

Best Regards

okay,

Thank you for your reply,

I struggle in finding the page settings for paste this code in there. Where can I find it ?

P.S I asked for changing the color of the Menu(navigation color) to Black similar to the “lingerie” Demo version.

Thank you in advance,

Best Regards

Merabi

Hello,

Custom CSS is shown here : http://prntscr.com/jg83dx navigate to Theme settings > Custom CSS, remove the code we provided below and insert it into the newly created page.

I have viewed your site. Now your navigation if black, if you make font-color black, menu would not be visible.

If you want to change the font color, navigate to Theme Settings > Typography > find navigation font options.

Best Regards

Thank you for replay
this screen shots are from woodmart, I’m using Basel and have not that options

Hello,

Sorry, I noticed that and replaced the instructions: If you want to change the font color, navigate to Theme Settings > Typography > find navigation font options.

Best Regards

No, i want to change navigation background color on other website and i cant find css option for custom page
thank you in advance
Best regards

Hello.

You can change header background in Theme Settings > Header > Appearance http://prntscr.com/jggd9m

Best Regards

Hey,

Thank you so much for the help.

BTW I’m sorry for so many questions 🙂 I just need one more thing,

I want to create the “sale” page in full width and when I insert this code (down below) in the custom css it effects every single page. Could you help me out and customize it only for the “Sale” page?

.page .main-page-wrapper .container {
width: 95%;
}

Thank you in advance,

Best Regards,

Merabi

Hello,

Navigate to Pages > Add new, next create and publish. Then switch to “Backend Editor” and enter Page setting area as shown: http://prntscr.com/jgmdh3 add this CSS there:

.page .main-page-wrapper .container {
width: 95%;
}

Next http://prntscr.com/jgmdh3 and finally make all rows and sections full width: http://prntscr.com/jgmecp

Do not add this CSS to Theme Setting > Custom CSS

Hey,

Thank you for replay.

I need your help one more time 🙂 The code you have sent me works fantastically on my second website but on the first one it has a little problem. On the shop page the code works but as soon as I go to category page the width changes. Please see the URL down below and it will explain the remaining. I use WPML plugin for page translation. Could this cause the problem?

Could you please help me out with that?

thank you in advance

https://prnt.sc/jh0wtk

https://prnt.sc/jh0wvl

.post-type-archive-product .main-page-wrapper .container {
width: 95%;
}

Hello,

No, the category page is a template of WooCommerce and in order to set full width, you will need to configure full width globally or customize the WooCommerce template.

Best Regards

Thank you for replay
I don’t understand how to customize woocommerce template. cant you help me with this?
Thank you in advance
Best Regards

[Author]

Posts