Profile: mouneebS-2

Problem:
Set the featured image as background to a Divi module.

Solution:
Divi modules let you set a static background image (from the media library) but don't allow for dynamic image sources (coming from a custom field value). For that you would need to add a custom id to the element that will take the background, and then in a text (HTML) module add CSS that sets the background image of the element with that ID inside style tags, setting the url with a shortcode, as shown in the screenshot below: https://toolset.com/forums/topic/need-to-add-featured-image-as-a-backgroud/#post-1150575

Problem:
Client is having problems getting template used in a View and designed by Divi to display full-width.

Solution:
Divi "full-width" is actually 89%. A workaround is described in the linked documentation.

Relevant Documentation:
https://toolset.com/documentation/recommended-themes/toolset-divi-integration/matching-divi-styling-using-toolset/#styling-custom-posts-and-post-archives

Problem:

The issue here is that the user has a view that is listing their products but wanted to filter this view to only list the featured woocommerce products.

Solution:

For this to work you must first create a view that would list all the products.

Then you would add the following to your functions.php file

add_filter( 'wpv_filter_query', 'featured_products',99,3 );
function featured_products( $query_args,$views_settings, $view_id) {
  
if ($view_id == 10){
$query_args = array(
  'post_type'  => 'product',
  'tax_query' => array(
    array(
      'taxonomy'     => 'product_visibility',
      'field'   => 'name',
      'terms' => 'featured',
      'operator' => 'IN'
    ),
  ),
);
}
    return $query_args;
}

Then you need to change the view_id to the ID of your view. Once you have done this then your view should only list the featured items.

Problem: I would like to be able to customize the tabs produced by the wpv-woo-display-tabs-shortcode.

Solution: The wpv-woo-display-tabs shortcode does not provide comprehensive customization options. You can disable reviews, but that's about all. This shortcode is basically a shortcut to place the standard WooCommerce product tabs in your template. Toolset does not alter those tabs, so customizations to the tab markup require custom code and knowledge of WooCommerce.

Without using PHP, you can create your own custom CSS styles to override the deafult styles. You can add custom CSS to a child theme, or in the Customizer, or to an individual Content Template or View.

Relevant Documentation:
https://toolset.com/documentation/user-guides/views-shortcodes/#wpv-woo-display-tabs
https://docs.woocommerce.com/document/editing-product-data-tabs/