[Aizaz Awan]

Hello @ianlea,

Thank you for the clarification and the example link.

The layout you are referring to — where variations appear as horizontal size buttons/swatches instead of dropdowns — is not part of the default Porto theme variation style. Porto uses the standard WooCommerce dropdown unless you enable Swatches, but even with swatches, Porto currently does not support showing dynamic in-stock vs out-of-stock styling (colors, bold text, etc.) inside the variation buttons.

✔ What Porto does not currently support

Porto does not automatically:

Change the color or boldness of individual variation options based on stock
Show stock numbers directly on the swatch buttons
Grey out swatches only when specific variation attributes are out of stock

For this type of advanced interactive variation behavior, you will need either:

1. Use a third party plugin.
2. Use a Custom Code.

Best Regards,
PThemes Team.

[Aizaz Awan]

Hello @ianlea,

You’re very welcome!

Yes, in the latest Porto versions, the recommended method for displaying the product category image in a full-width layout is through a custom block with dynamic content, as this provides more flexibility and consistency with the theme’s layout builder. Some older setups may still display the WooCommerce category image by default, which is why your previous sites didn’t require this step.

If you prefer the block method, that’s perfectly fine—it’s the more powerful and customizable approach.

Should you need help configuring either method or want us to match the output to your other sites, just let us know—we’re happy to assist.

Best Regards,
PThemes Team.

[Aizaz Awan]

Hello, @ianlea,

First of all, you have to create a block: https://postimg.cc/21Xszpc1 and set the image element into it with dynamic values.

After that, navigate to Porto >> Page Layouts >> Content Top and choose that block from there: https://postimg.cc/PNRVpbbJ

After that apply the condition to show on the Product Category pages: https://postimg.cc/zyJhq6Lt

This is how it works.

Best Regards,
PThemes Team.

[Aizaz Awan]

Hello, @ianlea,

Unfortunately, there is no such option, so you can try with any third-party plugin or with some Custom Code.

Method 1:

1. Navigate to WooCommerce > Settings > Products > Inventory.
2. Check the box next to “Hide out of stock items from the catalog.” This will hide out-of-stock items from the shop page and disable the variations on the product page.
3. Click Save changes.

Alternatively, please refer to the articles listed below:

https://wordpress.org/support/topic/how-to-disable-out-of-stock-variable-products/

WooCommerce: Disable Out of Stock Variations @ Variable Product Dropdown

https://stackoverflow.com/questions/77330787/hide-out-of-stock-variations-in-woocommerce-variable-product-pages

Best Regards,
PThemes Team.

• This reply was modified 6 months, 3 weeks ago by Aizaz Awan.

[Aizaz Awan]

Hello, @ianlea,

Great to hear that everything is now working correctly on the front end. Yes, when the site is in development mode, certain cached or optimized resources may not load as expected, which can cause temporary visual inconsistencies — including layout, colors, or footer styling. Clearing both server-side and browser cache (and testing in incognito) is always the right approach.

If you run into any more issues as you continue setting things up, feel free to let us know — we’re here to help.

Best Regards,
PThemes Team.

[Aizaz Awan]

Hello, @ianlea,

I am sorry, but I still couldn’t understand properly. Could you please elaborate more with some more detailed screenshots and with the page URL having issues so that I can check further and assist you accordingly.

Best Regards,
PThemes Team.

[Aizaz Awan]

Hello, @ianlea,

Could you please share the site WP Admin URL and Credentials along with the page URL having the issue and also share the screenshot of the issue so that I will further check and assist you accordingly.

Best Regards,
PThemes Team.

[Aizaz Awan]

Hello, @ianlea,

I have just checked your site, and the Footer seems to be working perfectly fine at my end. Please refer to this screenshot: https://postimg.cc/XpKCW4jL

We always recommend checking your site after completely clearing the browser cache.

Best Regards,
PThemes Team.

[Aizaz Awan]

Hello, @contemsolutions,

Thanks for your contact, and sorry for the inconvenience, but there is no such issue that many customers are facing, but only some and most of the times it relates to the server, try to change the server and test again and if still you will face the same issue then please share your site WP Admin URL and Credentials under the private content area of this topic, and let us know which demo you want to import and with which page builder so that we will try to import it for you on your site.

Best Regards,
PThemes Team.

[Aizaz Awan]

Hello, @ianlea,

Could you please explain what exactly you want with some screenshots along with the page URL, and with your site WP Admin URL and Credentials so that I can further look into it for you on your site and help you ou.

Best Regards,
PThemes Team.

[Aizaz Awan]

Hello, @ianlea,

Please copy and paste the below given CSS code to Porto >> Theme Options >> Skin >> Custom CSS and check back to your site after clearing the browser cache.

.woocommerce-page.archive aside#woocommerce_layered_nav-2 ul.woocommerce-widget-layered-nav-list.filter-item-list li.woocommerce-widget-layered-nav-list__item
Specificity: (1,5,3)
{
width: 50% !important;
float: left !important;
}

Best Regards,
PThemes Team.

[Aizaz Awan]

Hello, @ianlea,

You can simply change the colors or attributes from Products >> Attributes >> Configure Terms: https://postimg.cc/MXgWyj5n
And then edit each color and set the color from there as per your requirements: https://postimg.cc/5HkcbZKT & https://postimg.cc/ZvtMqZPS

If you migrated the site from Magento, then that might be the reason of the settings being lost.

Yes, please try to install the plugin YITH WooCommerce Ajax Product Filter on the site and try to check back again.

Best Regards,
PThemes Team.

[Aizaz Awan]

Hello, @ianlea,

Glad to hear everything is working fine with your previous license. Regarding the new shop issue — Please make sure that you have set the Widget for color attribute as shown in this screenshot: https://postimg.cc/rz7hsr74 and choose color attribute as color: https://postimg.cc/V5Xt90d6

Best Regards,
PThemes Team.

[Aizaz Awan]

Hello, @ianlea,

Could you please share your theme purchase code with us, which you want to reset under the private content area of this topic, so that we can check/verify and reset it for you, and you will be able to reuse it on your desired domain.

Best Regards,
PThemes Team.

[Aizaz Awan]

Hello, @joseluisssi,

Could you please share your site WP Admin URL and Credentials with us under the private content area of this topic, so that I can check it for you on your site and help you out.

Best Regards,
PThemes Team.

[Author]

Posts