Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2509343
WooCommerce main Shop page
Closed

Comments

  • KatkaG started the conversation

    Hi. 
    I spent the last few days struggling with my main shop page (above link). 

    All I want on the page are the images and links to my categories but I don’t like the look of the WooCommerce built-in style - the second (bottom) set on the page.
    I don’t like the yellow highlights I don’t like the forced alphabetical order. 

    I created the top set using WP Featured Category blocks, but also tried using the WooLentor plugin to build a custom page before that, hoping my custom shop page would override the WooCommerce default. But both sets of categories show up whatever I do. 

    If I upgrade to Elementor Pro will this address the issues I’m having and will I be able to really customize my main shop page and get rid of the WooCommerce default?

  •  2,699
    PenciDesign replied

    Hi,

    No. It's not issue related with Elementor Pro version or not.

    If you want to create a custom shop page, please try do following steps:

    1/ Go to Pages > Add New > create a new shop page > and use Elementor to config that shop page.

    2/ Go to Dashboard > Woocommerce > Settings > and select a shop page here


    Best Regards,

    PenciDesign

  • KatkaG replied

    Thank you. I’ve done exactly as you say a couple of times - new page, configured with Elementor, linked in WooCommerce as per your snapshot. 

    When I do that  category thumbs look like in the attached pic - I want to be able to modify so that the yellow highlights aren’t there and I can make the thumbs all same size. 

    But the appearance of the category images on the front end is controlled by the inherent settings in WooCommerce and no matter what I do I can’t customize them. That’s why I wondered about Elementor Pro - according to WP forums  you get more design options & I wondered whether you have any experience with that.


  • KatkaG replied

    Hi Again. So I did some live-demos with other WP themes and I the issues I want to change in my WooCommerce pages are related to Soledad specifically, because my shop pages look different depending on the theme. I don't want to change themes. I love Soledad and all the work you've put into it. 

    But is it possible to please change the following...

    1) on the Shop main page get rid of the yellow highlight over the number that shows how many products there are in the categories and also move the page heading to the center

    2) on the single product pages - get rid of the heading that says 'Description' (it shows up there twice and I can't see anyplace to get rid of it) 

    3) make the image on the single product page a bit larger 

    I added a few screenshots to help you see...

    Thank you...


  •  2,699
    PenciDesign replied

    Hi,

    Yeah, it seems Woocommerce already override the default Shop page you've edited via Elementor by default.

    So, with your requirements:

    1/ Please try add more this code to Customize > Custom CSS to do that:

    .woocommerce .products li mark { background: transparent; }
    .woocommerce ul.products li.product .woocommerce-loop-category__title, 
    .woocommerce ul.products li.product .woocommerce-loop-product__title { text-align: center; padding: 0; }
    .woocommerce .page-title{ text-align: center; }
    

    2/ Please try add more this code to Customize > Custom CSS to do that:

    .woocommerce div.product .woocommerce-tabs #tab-description > h2{ display: none; }

    3/ Please try add more this code to Customize > Custom CSS to do that:

    .woocommerce #content div.product div.images, 
    .woocommerce div.product div.images, 
    .woocommerce-page #content div.product div.images, 
    .woocommerce-page div.product div.images{ width: 55%; }
    .woocommerce #content div.product div.summary, 
    .woocommerce div.product div.summary, 
    .woocommerce-page #content div.product div.summary, 
    .woocommerce-page div.product div.summary{ width: 41%; }

    Change values 55 and 41 to values as you want. Make sure total of this 2 values is 96.

    Example:  56 and 40


    Best Regards,

    PenciDesign

  • KatkaG replied

    YES!!! You nailed it. Now it looks like I want. Thank you. Did I already say you're an awesome support team. I'm making sure I promote your theme in my footer. 

    I'm so glad - I really didn't want to have to go with Elementor Pro just for such small thing.