Customize and personalize the theme according to your preferences and requirements.

Hello, Taalaki Abaya,

Thank you for reaching out to us with your inquiries regarding theme customization. We’re here to assist you every step of the way.

Regarding the child theme setup, it’s normal to start with just the functions.php and screenshot.png files.
XStore theme does not impose any limitations on the functionality of child themes; they operate in the same manner as they would with any other WordPress theme. For additional information, we recommend consulting the WordPress support resources.

Regarding the uploading of custom fonts, this can be accomplished through the Dashboard. You may refer to the following screenshot for guidance: https://prnt.sc/q8HwVBv-V5uq

For removing or deactivating dropdown pages within the shop menu item https://prnt.sc/fHlliY_lJ7LS , can typically be managed through the WordPress dashboard under Appearance > Menus. Here you can edit the menu structure and remove any unwanted items.

The cart icon from the Header can be removed via Theme Options > Header Builder https://prnt.sc/WqwK2pwm0jkK

Implementing temporary customizations, can be done by custom CSS or by editing the theme’s template files within your child theme. To replace the “Add to Cart” button with a “Buy Now” button, you would need to override the appropriate template files in your child theme and add the necessary links for WhatsApp and Facebook Messenger. This will likely involve custom development.
Please note that these customizations you are looking for can be complex and may require a good understanding of WordPress theme development and possibly some custom JavaScript for the messaging functionality. If you are not comfortable with these changes, we recommend hiring a professional developer to assist you.

Additional customization in files is outside the scope of our basic support.
However, if you wish our developers team can personally assist you via our customization service (paid). To get started, please follow this link to send us your requirements – https://www.8theme.com/account/#etheme_customization_panel , and we will prepare a detailed estimate for the customization work. Our goal is to create a design that aligns with your vision and enhances your website’s appearance and functionality.
Customize your website to suit your needs and make it stand out with our expert dev team.

We hope this information is helpful.

Best Regards,
8Theme’s Team

Hello @Taalaki Abaya,

File Location for Customizations:
Could you specify where and how I can create the necessary PHP files within the child theme using FTP to override default functionalities? This ensures that my customizations remain intact even after theme updates.

The following directories can be copied via child theme in the same directory structure to override the templates:
– xstore/bbpress/
– xstore/dc-product-vendor/
– xstore/dokan
– xstore/templates/
– xstore/vc_templates/
– xstore/woocommerce/
– and default templahe hierarchy of WordPress(index.php, page.php, category.php, …)

For more information, please take a look at these article: https://developer.wordpress.org/themes/advanced-topics/child-themes/#templates-parts-and-patterns
To override some functions include in the theme, please have a look at this: https://webdesign.tutsplus.com/a-guide-to-overriding-parent-theme-functions-in-your-child-theme–cms-22623t

Language Translation Plugin:
What plugin would you recommend for changing the language of the site to Arabic? The goal is to have the entire site in Arabic without allowing visitors/users to switch languages; it should remain fixed in Arabic.

– We suggest you to use Loco Translate plugin. It’s strong & FREE: https://wordpress.org/plugins/loco-translate/

Store Icon vs. Cart Icon:
In your opinion, if the client intends to limit purchases to WhatsApp or Facebook Messenger, would it be advisable to retain the Store Icon (Order page) without the Cart Icon? Or would you recommend removing it entirely? The client wishes to keep the Wishlist feature intact.

That’s fine if you hide the cart icon. Just hide it because the cart/checkout function is going with the WooCommerce plugin. You can’t disable the cart/checkout function.

Modal Popup:
There a modal popup that appears when a visitor opens the site for the first time, where can I locate and customize it?

Did you mean the this popup? We’ve already had a document for this: https://xstore.helpscoutdocs.com/article/162-xstore-newsletter-popup

Best Regards,
8Theme’s Team

Dear Taalaki Abaya,

Thank you for your swift reply. We kindly request that you provide us with FTP access and the credentials for the WP Admin account(WP Admin Username, WP Admin Password).

For FTP access, please furnish us with the necessary information, including the FTP host, FTP username, FTP password, FTP port, and the type of FTP encryption. Should you require any assistance in generating these details, we recommend contacting your hosting provider for guidance.

We appreciate your cooperation.

Warm regards,
The 8Theme Team

Hi @Taalaki Abaya,

1. To remove the Buy Now button, please navigate to Theme Options > WooCommerce(Shop) > Single Product Page > Layout > disable the Buy Now button: https://prnt.sc/RSEc-LPtc_BS. After that add the following codes under functions.php file locates in your child theme to add Messenger button:

add_action('woocommerce_after_add_to_cart_form', 'n2t_woocommerce_after_add_to_cart_form');
function n2t_woocommerce_after_add_to_cart_form(){
	?>
	<button>Messenger</button>
	<?php
}

2.
a. Those texts can be editted via Elementor Editor:
– https://prnt.sc/GfK3JzKMgLb9
– https://***lakiabaya.com/wp-admin/post.php?post=103&action=elementor
b. The texts above image product can be translated there: https://***lakiabaya.com/wp-admin/admin.php?path=languages%2Fthemes%2Fxstore-ar.po&bundle=xstore&domain=xstore&page=loco-theme&action=file-edit

3. Please add the following CSS:

.header-main .et_column.et_col-xs-3.et_col-xs-offset-0.pos-static span.et_connect-block-sep {
    display: none;
}

Warm regards,
The 8Theme Team

Hi @Taalaki Abaya,

– Translation Troubles: Despite attempting to translate text via the provided link (https://***lakiabaya.com/wp-admin/admin.php?path=languages%2Fthemes%2Fxstore-ar.po&bundle=xstore&domain=xstore&page=loco-theme&action=file-edit), certain text elements remain unchanged. Please refer to the attached image highlighting the issue. Additionally, you have access to the site to review these translation discrepancies firsthand.

Can you please tell us which texts you couldn’t translate?

– Notification Removal: Efforts to remove the prominent notification within the Header Bottom section, particularly the large rectangle displaying “Take 30% off,” have proven unsuccessful thus far.

Please navigate to Theme Options > Header Builder > Promo Text > Sections > then remove the texts: https://prnt.sc/mhXGHBhfCIOZ

– Custom CSS Challenges: While I successfully applied custom CSS to hide specific circular elements, I encountered difficulties in selectively hiding individual elements without affecting others. The intention was to remove specific elements without globally hiding all separators (‘|’). The CSS was added to the style.css file within the child theme to prevent issues during updates.

Please update the previous we sent to this:

span.et_b_header-menu-sep,
.et_connect-block-sep:after,
.header-main .et_column.et_col-xs-3.et_col-xs-offset-0.pos-static span.et_connect-block-sep {
    display: none !important;
}

– Messenger Button Implementation: Although I managed to add the Messenger button successfully, I’m seeking guidance on integrating its functionality. Specifically, I aim to ensure that when a user clicks the Messenger button, it captures essential product details such as ID, quantity, and attributes (if applicable) to be sent as text via Messenger. Could you provide guidance or code snippets to achieve this functionality effectively?

Unfortunately, that’s required the customization which is out of our scope support. You have to follow the scripts for Whatsapp button.

– Add to Cart Button Visibility: Despite attempts to hide the Add to Cart button on the single product page, it persists briefly before the appearance of the WhatsApp button. I’ve explored various WooCommerce PHP files related to this functionality without finding a suitable solution.

Please create a PHP file, name it as variation-add-to-cart-button.php under xstore-child/woocommerce/single-product/add-to-cart:

<?php
/**
 * Single variation cart button
 *
 * @see https://woo.com/document/template-structure/
 * @package WooCommerce\Templates
 * @version 7.0.1
 */

defined( 'ABSPATH' ) || exit;

global $product;
?>
<div class="woocommerce-variation-add-to-cart variations_button">
	<?php do_action( 'woocommerce_before_add_to_cart_button' ); ?>

	<?php
	do_action( 'woocommerce_before_add_to_cart_quantity' );

	woocommerce_quantity_input(
		array(
			'min_value'   => apply_filters( 'woocommerce_quantity_input_min', $product->get_min_purchase_quantity(), $product ),
			'max_value'   => apply_filters( 'woocommerce_quantity_input_max', $product->get_max_purchase_quantity(), $product ),
			'input_value' => isset( $_POST['quantity'] ) ? wc_stock_amount( wp_unslash( $_POST['quantity'] ) ) : $product->get_min_purchase_quantity(), // WPCS: CSRF ok, input var ok.
		)
	);

	do_action( 'woocommerce_after_add_to_cart_quantity' );
	?>

	<button type="submit" class="single_add_to_cart_button button alt<?php echo esc_attr( wc_wp_theme_get_element_class_name( 'button' ) ? ' ' . wc_wp_theme_get_element_class_name( 'button' ) : '' ); ?>"><?php echo esc_html( $product->single_add_to_cart_text() ); ?></button>

	<?php do_action( 'woocommerce_after_add_to_cart_button' ); ?>

	<input type="hidden" name="add-to-cart" value="<?php echo absint( $product->get_id() ); ?>" />
	<input type="hidden" name="product_id" value="<?php echo absint( $product->get_id() ); ?>" />
	<input type="hidden" name="variation_id" class="variation_id" value="0" />
</div>

After that find this code and replace with your Messenger/Whatsapp button HTML code.

<button type="submit" class="single_add_to_cart_button button alt<?php echo esc_attr( wc_wp_theme_get_element_class_name( 'button' ) ? ' ' . wc_wp_theme_get_element_class_name( 'button' ) : '' ); ?>"><?php echo esc_html( $product->single_add_to_cart_text() ); ?></button>

Warm regards,
The 8Theme Team

Hi @Taalaki Abaya,

As for the black banner in the header bottom section, I successfully removed the texts as instructed. However, the banner persists. Could you please advise on how to resolve this?

Please go the Header Builder > remove Promo Text Block:
+ https://taalakiabaya.com/wp-admin/customize.php?autofocus%5Bpanel%5D=header-builder
+ https://prnt.sc/kXFcoxbJEQR9

Regarding the translation issue, I’ve highlighted the words that remain untranslated in the attached image. These include “Type here…” in the input search, “Wishlist” and “Compare” in the side menu, “Compare” in the product details, and “Tag” in the product details. I attempted to address this using the “Loco Translate” plugin, but encountered inconsistencies in translation across different areas of the website.

Those text are translatable under:
– Theme Options > Header Builder > Compare: https://prnt.sc/4zt0vuR_8mYl
– Theme Options > Header Builder > Wishlist: https://prnt.sc/R6Ixi-Vf51jY

For the Add to compare button text, we’ve added the translation for you under Loco Translate: https://prnt.sc/Co_9e50hTitU

For Tag text, not sure there is a conflict between Loco Translate plugin & theme so the translation is not working so we’ve added this custom code under functions.php file for you:

function n2t_text_strings( $translated_text, $text, $domain ) {
	switch ( $translated_text ) {
		case 'Tag' :
			$translated_text = 'الوسوم';
			break;
		case 'Tags' :
			$translated_text = 'الوسوم';
			break;			
		case 'Tag:' :
			$translated_text = 'الوسوم:';
			break;
		case 'Tags:' :
			$translated_text = 'الوسوم:';
			break;
	}
	return $translated_text;
}
add_filter( 'gettext', 'n2t_text_strings', 20, 3 );
add_filter( 'ngettext', 'n2t_text_strings', 20, 3 );

Warm regards,
The 8Theme Team

Hi @Taalaki Abaya,

For #1, please copy this file from XStore parent theme to child theme in the same directory after that add the Messenger/Whatsapp buttons HTML code: /wp-content/themes/xstore/woocommerce/single-product/add-to-cart/simple.php.

For #2, to remove the actions below the product list, please add this custom CSS:

form.xstore-wishlist-form .form-actions {
    display: none !important;
}

Instead, I want to replace the “Add to cart” button for each product with my “Send to WhatsApp” button.

Please create a PHP file, name it as add-to-cart.php under xstore-child/woocommerce/loop/:

<?php
/**
 * Loop Add to Cart
 *
 * This template can be overridden by copying it to yourtheme/woocommerce/loop/add-to-cart.php.
 *
 * HOWEVER, on occasion WooCommerce will need to update template files and you
 * (the theme developer) will need to copy the new files to your theme to
 * maintain compatibility. We try to do this as little as possible, but it does
 * happen. When this occurs the version of the template file will be bumped and
 * the readme will list any important changes.
 *
 * @see         https://woo.com/document/template-structure/
 * @package     WooCommerce\Templates
 * @version     3.3.0
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

global $product;

echo apply_filters(
	'woocommerce_loop_add_to_cart_link', // WPCS: XSS ok.
	sprintf(
		'<a href="%s" data-quantity="%s" class="%s" %s>%s</a>',
		esc_url( $product->add_to_cart_url() ),
		esc_attr( isset( $args['quantity'] ) ? $args['quantity'] : 1 ),
		esc_attr( isset( $args['class'] ) ? $args['class'] : 'button' ),
		isset( $args['attributes'] ) ? wc_implode_html_attributes( $args['attributes'] ) : '',
		esc_html( $product->add_to_cart_text() )
	),
	$product,
	$args
);

After that find this code and replace with your Messenger/Whatsapp button HTML code.

echo apply_filters(
	'woocommerce_loop_add_to_cart_link', // WPCS: XSS ok.
	sprintf(
		'<a href="%s" data-quantity="%s" class="%s" %s>%s</a>',
		esc_url( $product->add_to_cart_url() ),
		esc_attr( isset( $args['quantity'] ) ? $args['quantity'] : 1 ),
		esc_attr( isset( $args['class'] ) ? $args['class'] : 'button' ),
		isset( $args['attributes'] ) ? wc_implode_html_attributes( $args['attributes'] ) : '',
		esc_html( $product->add_to_cart_text() )
	),
	$product,
	$args
);

Please note this will replace the Add To Cart button from the whole site(Shop, Product Categories, …)

Warm regards,
The 8Theme Team

Hi @Taalaki Abaya,

We regret to inform you that further customization will be out of our scope supports. Item support does not include services to modify or extend the item beyond the original features, style, and functionality described on the item page and you request additional customization.

Our high-level developers are equipped to provide you with a tailored solution for this. To get a precise estimate and discuss the customization, please submit a customization services request, and we will prepare a detailed estimate for the cost – https://www.8theme.com/account/#etheme_customization_panel (8Theme’s Customisation Services)

We appreciate your understanding.

Best Regards,
The 8Theme Team

Dear Taalaki Abaya,

We would like to inform you that the footer can be conveniently modified using Elementor. We invite you to access the link provided in the Private Content section.

Additionally, for comprehensive details, we encourage you to review the following article: [XStore Footer Builder with Elementor](https://xstore.helpscoutdocs.com/article/195-xstore-footer-builder-with-elementor).

Should you require any further assistance, please do not hesitate to contact us.

Best Regards,
The 8Theme Team

Dear Taalaki Abaya,

We hope this message finds you well.

We’re writing to address your recent inquiries as outlined below:

1. With reference to the image you provided, which illustrates the mobile responsiveness of your website, we understand that you wish to replace the existing cart icon with a custom icon on the categories page. This icon should be interactive and direct users to the specified page. We would be pleased to assist you with this customization.

We have successfully updated the cart icon to a custom icon and linked it to the categories page as per your request. However, regarding the text, we kindly ask that you translate the “Custom” text into your preferred language. You can review the changes here: https://prnt.sc/AvX8Rip99QJp

2. Concerning your attempt to acquire an access token for your Instagram account via the Meta developers platform, I regret to inform you that we have encountered an error within the Developer Meta settings. At present, there is no alternative method within our service to facilitate a direct connection to your Instagram account. We recommend exploring other plugins that may offer a solution to this issue.

We appreciate your understanding and are here to support you with any further questions or concerns you may have.

Best regards,
The 8Theme Team