fbpx
Want To Add Extra Images Per Product Variation For Free? Download Now

The add to cart button comes on top of the swatches

The select option buttons appears on top of the swatch selection

Hakik Zaman

Hi Ibrahim,

Thanks for reaching out to us. Can you please give us an exact link to check?

I have visited this link: https://bluekiwi.ke/product-category/beverages/juices/

Unfortunately, didn’t find any variable product to check your issue.

You can record me reproducing your issue using a tool like this- https://www.useloom.com
It helps me to quickly figure out the issue.

Hope to hear from you.

Thank You

Hakik Zaman

Hi Ibrahim,

Unfortunately, your theme doesn’t keep a single hook to reposition the swatches.

Neither do they keep a mechanism to override woocommerce.php inside the includes folder [inside your parent theme]: https://paste.pics/P9FB3

So, contact your theme author regarding a hook or override the woocommerce.php file.

Otherwise, you have to modify the parent theme to reposition the swatches. By the way, modifying the parent theme is not recommended. All the modifications will be removed once you update the theme.

I hope I could clear up your confusion.

Thank You

Hi Hakik

 

i don’t believe the theme owners will be willing to assist. But we are using a child theme so we can easily edit there and won’t be affected by future updates. Can you guide me on what you would like me to do?

Hakik Zaman

Hi Ibrahim,

Please don’t mention you need help with Swatches. Ask them how to override includes > woocommerce.php file inside the child theme.

I have already tried to override that file from your child theme. Unfortunately, that file is not affected when you keep it inside the child theme folder.

If they still don’t want to help, the last option will be editing the parent theme.

I hope I could clear up your confusion.

Thank You

Dear Hakik.

Unfortunately, the theme writers sent an email saying we should use the theme child to make the needed changes. They weren’t willing to help

Hakik Zaman

Hi Ibrahim,

So the last option is modifying the main theme.

Note: it is not recommended, but, we have to do it because your theme is not developed by following the WordPress and WooCommerce standard. Each part should be hooked to change it using the child theme.

Please let me know your thoughts.

Thank You

Hi Hakik,

 

please let’s do that. But tell me what we are doing so should the theme be updated I would know what to do again.

Hakik Zaman

Hi Ibrahim,

I have modified your theme and added the following snippet at Bacola > includes > woocommerce.php / Line number: 457

if ( function_exists( 'woo_variation_swatches' ) ){
ob_start();
woo_variation_swatches()->show_archive_page_swatches();
$output .= ob_get_clean();
}

Here is the screenshot of the process: https://paste.pics/PBKMY

Thank You