CiyaShop User Guide

This documentation will give you an understanding of how CiyaShop is structured and guide you in performing the most common functions. If you require further assistance, related to topics not covered in this documentation, then please contact us via our support forum.

NOTE: We will not respond to any support questions on item comment section or through e-mail. If this document doesn’t answer your questions feel free to open up a private ticket in our support forum

If you want to customize this theme as per your requirement, please contact us here: Support Forum.

Apart from the necessary WordPress requirements, and WooCommerce requirements, here are listed recommended server configuration requirements to make the theme’s functions work correctly.

• PHP: Version 7.3 or greater
• MySQL: Version 5.6 or greater ( OR MariaDB version 10.1 or greater)
• memory_limit – 128M, or higher
• max_execution_time – 180, or higher
• upload_max_filesize – 32M, or higher
• HTTPS support: Refer Moving Toward SSL and SSL and HTTPS for more information.

Most problems, such as white screen, out of memory error, sample data import failure, etc., usually arrive due to server settings and excessively low PHP configuration limits. You can change the necessary configurations, either by yourself (if your hosting provider allows you to do so) or contact your hosting provider to increase the limits.

So, make sure your server configuration is all set up, and the theme and plugins are working correctly. Enough server configuration will also ensure fast speed and increased performance.

Note

• Please check the theme requirements before you start with the theme. You can check PHP configuration and limits in Admin Panel > Tools > Site Health > Info [tab]. Site Health tool is built-in in WordPress v5.2 or greater. If you are using WordPress v5.1.x or lower, use the Health Check & Troubleshooting plugin.
• In addition to the theme’s, above-mentioned, minimum requirements, if you are using an extensive list of plugins, the minimum requirements of your website may increase, according to the count and requirements of plugins.

WordPress is one of the most accepted and popular CMS in the world that makes it the best choice for your website.
You can download and install the WordPress from the official website using WordPress’ very setup steps called “Famous 5-minute install”.

For more information on WordPress, please, visit the WordPress Codex page.

We assume that your WordPress website is already set (if not, refer to WordPress Documentation to setup WordPress), the next step is to install the theme.

To get started with theme installation (we assume that you’ve purchased theme at ThemeForest),  you’ll need to download the theme file. To download theme file, go to ThemeForest Downloads and locate the theme. Click on the download button and select the “Installable WordPress file only.” It will download the WordPress theme zip file for your theme.

Once, the download completed, you can proceed with theme installation. Here are the steps to install the theme:

In this method, you can use install theme directly from ThemeForest with Envato Market plugin. It is a free plugin. Using it, you can access all of your Themeforest and CodeCanyon item purchases from your WordPress dashboard. It becomes easy to install new ThemeForest item and as well as keep them up to date. In this way, you will always have the latest feature additions, bundled plugin updates, and any theme security patches.

To start first, download the plugin from GitHub, then log into your WordPress installation and navigate to Plugins > Add New.

Click on “Upload Plugin” at the top left corner of the screen, then browse for the Envato-Market plugin zip file. After that, click “Install Now.” After that, click the “Activate Plugin.”

Once a plugin is installed and activated, you will need to link it to your Envato account to get access to all of your WordPress theme and plugin purchases. To do this, click on the “Generate A Personal Token” link on the Envato Market plugin page. It will redirect you to the Envato API page. You can generate an authorization token here.

To generate your token, log into your Envato account (if you are not logged in), check the terms and conditions checkbox (but don’t uncheck any of the select options – the Envato Market plugin needs access to this info to work correctly) and click the green button for “Create Token.”

You should get a green success screen next.

Copy your token code and paste into the Token field on the Envato Market plugin page then Save Changes.

Once token saved, you will able to see all of your purchases. Just click the Install button to install your theme, and that’s it.

If you prefer to install your theme via FTP / SFTP, you can. It is a straightforward process. There are some necessary steps which cannot be miss.

For this, first, you need to install an FTP (file transfer protocol) client application. You can use FileZilla, or any other FTP Client, as per your choice and system environments.

Once FTP client installed, open it and connect to your server (we are using FileZilla for demonstration). For more information on FTP server refer this link.

Now, extract the theme from downloaded zip (Please make sure you’ve downloaded it with “Installable WordPress file only”). Then, navigate to “themes” folder on your server, it should be at “Your_Website_Root\wp-content\themes”. Now, upload the extracted “theme” folder in themes folder on the server.

For this installation method, follow below steps:

1. Log in to the WordPress Admin Panel and go to Appearance > Themes.
   
2. Click on Add New button on top of the screen.
   
3. Click on Upload Theme button in the top, to upload a zipped copy of the theme (Please make sure you’ve downloaded it with “Installable WordPress file only”).
   
4. Now, select the zipped copy of the theme, and click on Install Now button.

Note – This method not recommended due to the large size of the theme.

CiyaShop fully supports child theme. A child theme inherits the functionality and styles of another theme, called the parent theme. Child themes are the preferable way of modifying an existing theme.

A child theme allows to make minor or extensive changes, in a safest and most comfortable method, yet still, it preserves theme’s look and functionality.

And, using the child theme, in the case of updating the theme, will help to avoid losing any customization.

Theme package contains “CiyaShop Child” child theme. To use the child theme, upload the child theme, from theme package, in the /wp-content/themes/ folder.

For more information, please check below links:

https://codex.wordpress.org/Child_Themes

https://developer.wordpress.org/themes/advanced-topics/child-themes/

You can import the sample data by running the setup wizard, or you also can use the theme options to import the sample data. For that, first, activate the “CiyaShop” theme and run the setup wizard.

In the setup wizard, activate the theme using the purchase code. After the theme activation, the next step is to create a child theme. If you want to customize it, then the next step is to select the page builder. We have provided support for the ‘WpBakery’ and ‘Elementor’ page builder. Based on the selected builder, the plugin installation and the sample data imported will work. The next step will be plugin installation based on the page builder you selected. After that, You can proceed with sample-data to install sample data. It will help you to understand the content/layout and customize the site quickly. If you want to continue from scratch, you can skip this step. The theme is bundled with the sample data. It will create similar to the instance of our demo site ( It is not exactly the same because the contents/layout of the demo site change time-to-time as per new changes).

To proceed to sample data installation using theme options, go to Theme Settings > Sample Data and click on the “Install” button (and Keep Calm). And the import will run and be processed in the background.

You can import additional pages using Additional pages importer, which contains the additional home pages.

Note: You have to activate the theme first. Without activation of the theme, you can’t import the sample data.

The theme comes with Theme Options, from where users can control and customize the various portion of the site.

From this section, you can control layout of the site. This section contains the below fields:

Site Layout: As field name suggests, with this you can select the layout of the site.
Background: This field depends on Site Layout field value. This field will appear and is applicable when any site layouts selected except Full Width. This field contains various subfields to set/manage background settings of the site.
Dark Theme Version: Select this option to set the dark version of the theme.

This section provides options to upload/set site logo. You can set logo as either text or as the image.

If you chose “Logo as Image,” it will provide options to set Site Logo, Sticky Logo, and Mobile Logo, with Max Height setting for each logo.

You can enable/disable Site Description, and you can set Favicon too.

This section provides the option to enable/disable sticky header and show/hide WooCommerce icons. Also, you can manage colors of sticky header too.

In this section, you can manage site preloader. This section contains fields to enable/disable preloader, select preloader source and select preloader image.

This section provided settings to enable/disable “Back to Top” in desktop and mobile.

In this section, you can manage various portions and elements of the site header, i.e., Header Styles, Categories Menu, WooCommerce Icons, and colors of Topbar, Main Header, and Header Navigation.

Note: If you are using the header builder, you will find some of the settings in the header builder section.

In this section, you can enable/disable topbar, and manage elements/content in topbar. This section contains some pre-defined topbar elements, i.e., Language, Currency, Phone Number, Topbar Menu, Email, and Social Profiles.

Some elements are dependent on other plugins or settings in other sections. So, they will appear on front only if the criteria fulfilled.

Note: If you are using the header builder, then these settings won’t work.

In this section, you can manage search field settings of the site.

In this section, you can manage (default) page header settings. This section contains fields to manage page header layout, background, and breadcrumb. You can choose color, image or video as page header background.

Also, you can customize page header settings individually from each page.

In this section, you can manage page layout, Full Width, Left Sidebar, or Right Sidebar, of default and search page.

In this section, you can manage footer layout, and it’s content. You can choose footer widget columns, columns alignment, background (either image or color), colors, copyright content (and it’s formatting), and additional footer bottom content.

In footer contents, you can use some predefined shortcodes, like [pgscore-year], [pgscore-site-title], and [pgscore-footer-menu] etc.

Note: We are also providing the footer builder to create the many footers as per requirements. All the settings related to the footer builder will be managed by the footer builder section only.

In this section, you can manage blog page sidebar and blog posts list style. You can choose the list from Classic, Grid, Masonry, and Timeline.

If the layout set to Grid or Masonry, in combination with Full Width (without Left/Right sidebar), it will provide an option to choose Grid Column Size, either 2 Column or 3 Column.

It also provides the option to display select post meta fields from Author, Categories, Tags, and Comments.

In this section, you can handle to display archive page descriptions, i.e., Author Info on Author Archive page, Category Description on Category Archive page, and Tags Description on Tag Archive page.

In this section, you can control meta fields (Author, Categories, Tags and Comments) visibility. And, can show/hide Related Posts, Author Details, and Post Navigation.

This element allows inserting portfolio in archive page.

• Portfolio Sidebar : Select sidebar position for portfolio. There are three options for sidebar.
  • Full Width
  • Left Sidebar
  • Right Sidebar
• Portfolio Column Size:Select column size for portfolio.
• Space between Portfolio:Select a space between portfolio.
• Portfolio styles:Select portfolio style. There are five types of styles.
• Show categories filters:This option to Enable/Disable categories filters
• Portfolio Pagination:Select pagination type for portfolio. There are three types available.
  • Pagination
  • Load More
  • Infinite Scroll
• Portfolio Per Page:Enter number of portfolio to display per page.
• Portfolio Order by: Select this option to set an order of portfolios by title, date, modifeid date or portfolio if.
  • Title
  • Date
  • Modified
  • ID
• Portfolio Order: Select the portfolio sorting order.
  • ASC
  • DESC
• Portfolio Fullscreen: This option is use to set the portfolio listing page in wide screen.
• Portfolio Details
• Display Portfolio Navigation :You can set portfolio navigation in portfolio single page using this option.
• Display Related Portfolio :Enter title for a related portfolio.
• Number of Related Portfolios :Enter number of a related portfolio to be displayed.

Here, you can control the color of various portion/sections of the site. It contains three below color fields:

• Primary: Main theme and background color.
• Secondary: Theme dark title and background.
• Tertiary: Theme description color and border colors.

Colors of some sections of the site can manage from there own setting panels.

In this section, you can control the look of product listing page. This section provides setting fields as below:

• Product Listing Column: Select how much columns to display on listing page.
• Products Columns On Mobile: Select how many columns to display in mobile devices on the listing page.
  Note: If the device width is less than 480px, it will display one column.
• Product Listing Sidebar: Select sidebar on listing page.
• Off Canvas sidebar: Using this setting, you can set the sidebar as off-canvas on the shop page.
• Off Canvas sidebar for mobile: Using this setting, You can set the sidebar as off-canvas on the shop page for mobile.
• Page Width: Select width of the page. If it set to Fixed, it will display page in the container, and if it set to Wide, it will show the page in the full width of display size.
• Show Sidebar on Mobile Devices: This field will allow to show/hide the sidebar on mobile devices.
• Sidebar position for mobile: If the sidebar is set to display on the mobile device, you can choose where to show it, either on top of content or bottom of the content.
• AJAX Add to cart: You can enable the ajax add to cart option using this setting. It will work for the product page as well as the single product page.
• Add Quantity input on cart widget: Enabling this option will add quantity input field in cart widget and side widget after product added to cart.
• After add to cart: This setting provides you the option to choose between showing an informative popup, opening a shopping cart widget, and showing the side cart widget after the product is added to the cart.
• Number of Products per Page: this option will help to show a number of products to display per page on the shop page.
• Products per page variations: Use ‘,’ seperated values that will be display in the per page variation on shop page ex.: 9,12,15 Use -1 to show all products on the page
• Product Pagination: Using this setting, product pagination can be shown in various ways. You can set normal pagination with page numbers or show the load more button or the infinite scroll for all the products.
• Show “Hot” Label: This label Will be shown in the featured product.
• “Hot” Text: You can change this label for feature products.
• Show “Sale” Label: This label Will be shown in the product with discount price.
• Label Type: You have two options. You can show the sale label as a text or as a percentage.
• Show Header On Shop Page: This setting will enable/disable the header on shop page.
• Show Product Category: This will enable the product category carousel below the page header.
• Product Categories: Using this setting you can select wich category to display on carousle, by default i will show all the categories
• Categories Listing Style: We have provided the three listing style for Product Categories carousel based on that other options will work ex. Background settings
• Categories Width: You can select the width between wide and fixed for product category carousel
• Categories Width: you can set how many number of Categories you wanted to display
• Product Hover Style Settings: This contains sub-fields and provides settings to control display behavior when hovering over any product.
  • Product Hover Style: Select hover style. You can see the preview of hover style below this field. It contains hover styles as below.
    • Default
    • Icon Top Left
    • Icons Top Right
    • Icons Center
    • Image Left
    • Standard Icons Left
    • Image Bottom
    • Button Standard
    • Icons Left
    • Icons Rounded
    • Icons Bottom Right
    • Icons Separate
    • Icons Bottom
    • Icons Bottom Bar
    • Info Bottom
    • Info Bottom Bar
    • Hover Summary
    • Minimal Hover Cart
    • Minimal
    • Info Transparent Center
    • Icons Transparent Center
    • Standard Info Transparent
    • Standard Quick Shop
  • Swap Image On Hover: Change the image on hover the product.
  • Disable Hover Effect For Mobile: This option will disable the double click/hover effect on product for the Mobile devices..
  • Product Title Length: Select the product title length.
  • Button Shape: Select the shape of the button. (This field applied to Image Center, Image Left, Image Bottom)
  • Button Style: Select the style of button. (This field is applicable for Default, Image Center, Image Left, Image Bottom)
  • Bar Style: Select bar style. (This field belongs to Image Bottom Bar, Info Bottom, Info Bottom Bar)
  • “Add to Cart” Position: Select “Add to Cart” button position. (This field is applicable only for Image Bottom Bar, Info Bottom, Info Bottom Bar)
  • Product Icons Type: Select icon type in product hover.
• Display “Out of stock” Label: Display “Out of stock” notice for products not in stock.
• Sticky Footer For Mobile Device: Show and hide the sticky footer for mobile device.
• Just Catalog: This will enable catalog mode product listing. Catalog mode product listing displays products without an online selling facility. It means it will show product without “Add to Cart” button and other features related to selling.
• Countdown Timer: Enabling this will display a countdown timer for products that scheduled for sale on a specific date.
• Shop Page Banner Display: Enable this to display a banner on shop page at the top of products listing.
• Shop Page Banner: Select image to display as shop page banner. (This field is applicable only if “Shop Page Banner Display” button is on.)

In this section (introduced in the version 2.4.0), you can manage filters on the shop page. This section provides setting fields as below:

• Show Filter: Enable this option to show filter option on the shop page.
• Product Filter With: This option will enable the ajax filter on your shop page .
• Shop filters always opened: This option will enable the toggle area which will enable/disable the filter area.
• Filter Type: There are two options for this you can set the default filters, or you can set the widget area, Which will be managed from the Widgets section of the admin panel.
• Filter Title : Enter a title for the product filter section.
• Product Filters : Select attributes to add into the filter on the shop page. To display result from all attributes leave all attributes unselected.

In this section, you can manage product detail page look and feel.

• Product Page Style: Select product page style. This field contains options as below.
  • Classic: This is a default layout.
  • Sticky Gallery: In this layout, gallery images will become sticky on page scroll.
  • Wide Gallery: In this layout, gallery images will display at the top of the page in full width.
• Thumbnail Position: Select thumbnail position (this field is applicable only on “Product Page Style” is set to Classic or Sticky Gallery).
• Sidebar: Select sidebar layout.
• Page Width: Select page width
• Tab Layout: Select product tab layout. It contains options as below:
  • Default: This will display tabs in the default format.
  • Default (Center Aligned): This is Default tab style, with tabs aligned in the center.
  • Left: This will display tabs on the left side (in vertical alignment) of tab contents.
  • Accordion: This will display tabs as an accordion.
• Countdown Timer: Enabling this will display a countdown timer if the product scheduled for sale on a specific date.
• Countdown Title: You can set a custom title for countdown title.
• Sticky Title: Enabling this will set the title as sticky on page scroll.
• Sticky Add to Cart: This will enable the sticky bar which contains the cart, wishlist, compare options in the bottom.
• Smart Product View: This will show the product in 360 views, but you have to assign images for this on the edit product page.
• Next/Previous Product Navigation: Display next/previous product navigation.
• Show Share Buttons: Display share button.
• Show Short Description: Display short description.
• Header On Single Product Page: This will enable the header for single product page.
• Breadcrumb Position: You can choose the breadcrumb position from here for a single product page.
• Show “Hot” Label: Display “Hot” label, if a product marked as “Featured.”
• “Hot” Text: You can set custom text for “Hot” Label.
• Show “Sale” Label: Display “Sale” label, if a product is on sale.
• Label Type: Select label type for “Sale” label. It can set to “Text” or “Percent.”
• “Sale” Text: You can set custom text for “Sale” Label if Label type set to “Text.”
• Show Related Products: Show related products on the product page.
• No. of Related Products per Page: Select the number of related products to display.
• Show UP Sells: Show UP Sells products.
• Number of UP Sells Products per Page: Select the number of UP Sells products to display.

In this section, you can manage checkout page look and feel. There are three options available for checkout page layouts ex. Default, light spiral, and dark, each layout come with different looks and feel.

• Checkout Layout: Select the checkout page layout here.
  • Default
  • Checkout
  • Dark

In this section, you will know how you can use the wishlist for ciyashop without using any external plugin. Here are the settings that available in this section.

• Show Wishlist: Using this option you can enable/disable wishlist for your website.
• Wishlist page: You have to select which page you wanted to show as wishlist page, make sure you add the [ciyashop_wishlist] shortcode into the page content.
• Wishlist Empty: Enter text message for wishlist empty.
• “Add to wishlist” text: Enter a text for “Add to wishlist” button.
• “Product added” text: Enter the text of the message displayed when the user adds a product to the wishlist
• “Browse wishlist” text: Enter a text for the “Browse wishlist” link on the product page
• “Product already in wishlist” text: Enter the text for the message displayed when the user views a product that is already in the wishlist

In this section, you will know how you can use the compare feature for ciyashop without using any external plugin. Compare will be shown in popup with the products you added. On the popup, all the columns are sortable. Here are the options that available in this section.

• Show Compare: Using this option you can enable/disable compare feature for your website.
• Compare Title: Add title for compare which will be shown on popup
• compare empty text: Enter text message for when compare is empty.
• Fields to show: Select the fields to show in the comparison table and order them ( You can select the WooCommerce attributes as well ). If no field is selected, then all the fields will be shown.

In this section, you can control elements and part of product quick view.

• Quick View: Enable product’s quick view. If this is enabled, by clicking “Quick View” button, it will display a popup with product details.
• Product Name: Enable this to display product name in quick view popup.
• Product link: Set product link on the product name
• Product Categories: Enable this to display product categories in quick view popup.
• Product Price: Enable this to display product price in quick view popup.
• Product Star Rating: Enable this to display product star rating in quick view popup.
• Product Short Description: Enable this to display product short description in quick view popup.
• Product Add to Cart: Enable this to display product “Add to Cart” button in quick view popup.
• Product Share Icon: Enable this to display product share icons in quick view popup.

In this section, you can manage content related to “My Account.”

• Display Registration Text: Enable this to display registration information text.
• Registration Text: You can manage registration information text in this field.

In this section, you can manage Privacy Policy related settings.

• Show Cookies Info: Enable this to display Cookies Info popup at the bottom of the page.
• Popup Text: You can customize cookie law information text here.
• Page with Details: Choose Privacy Policy page, that contains detailed information about your websites Privacy Policy.

In this section, you will understand how to enable the swatches for the product attributes. To enable the swatches to make sure first you have enabled it from ( Products > Attributes > Enable Swatch?” ) in your admin area. This will enable the Swatch for the variable products now there is a way to display it in the different areas. Here are the settings regarding that.

• Show variation on shop page: Enabling this setting will display product variations on listing page, from where user can directly add the product to cart.
• Grid swatch attribute to display. Choose attribute to display on the products grid listing this will allow to change the varible image on product listing page by selcting the attribute. Note : This option will work only with “Standard Info Transparent” product hover style.

In this section, you can control promotional popup settings and content. This section contains the below fields.

• Enable Promo Popup: Enable this to display the promotional popup to users when they enter the site.
• Promo Popup Text: This field contains promotional popup content. You can customize as per requirements.
• Popup Background: You can set the background for promotional popup from here.
• Hide for Mobile Devices: By this, you control to display promotional popup in mobile or not.

In this section, you can control FAQ page settings. This section contains the below fields.

• FAQ Layout: Select FAQ page layout. This contains the below options.
  • Layout 1: It’s a tabbed layout with multiple categories.
  • Layout 2: It’s accordion layout with a single category.
• Layout 1 Fields:
  • Category Source: Select a source of categories, which do you want to display. If it’s set to “All”, it will display all categories as tabs.
  • Categories: Select categories. Selected categories will be displayed as the tabs. This field will be applicable if “Category Source” is set to “Selected”.
• Layout 2 Fields:
  • Category: Select category to display entries from.

In this section, you can control social profiles. Social Profiles is a repeater field which allows adding multiple social profiles. Click the “Add” button to add additional fields. It provides the ability to add predefined and custom social profiles. Below is the list of predefined social profiles. If you want to add a custom social profile, then select “Custom” in Social Profile field.

• Facebook
• Twitter
• Google+ (Google+ Shutdown)
• Dribbble
• Vimeo
• Pinterest
• LinkedIn
• Youtube
• Instagram
• Behance

Social Profiles contains fields as below:

• Social Profile: Select social profile. If you want to add a custom social profile, then select “Custom.”
• Link (URL): Enter social profile URL.
• Title: Enter title for a custom social profile. (This field is applicable if “Social Profile” is set to “Custom.”)
• Font Awesome Icon Class: Enter social profile icon class. This field uses Font Awesome to display icons. So, you can enter Font Awesome icon class. Details about Font Awesome class given below. (This field is applicable if “Social Profile” is set to “Custom.”)
  Here is the example of Font Awesome class:
  Font Awesome GitHub Icon Class: fa fa-github
  Font Awesome GitHub Icon Class to Enter: fa-github

In this section, you can manage contacts information. This section contains the below fields:

• Email: Enter email address.
• Phone Number: Enter phone number.

In this section, you can manage opening hours of your offline store.

In this section, you can control social sharing services. Currently, section contains total twelve services:

• Facebook
• Twitter
• Linkedin
• Google+ (Google+ Shutdown)
• Pinterest
• GoogleBookmarks New
• Reddit New
• Tumblr New
• StumbleUpon New
• Digg New
• VK New
• XING New
• Skype New

You can enable/disable any social sharing service as per your choice. Social sharing icons will appear on the blog page, blog post, WooCommerce product detail page, and product Quick View.

Note that social sharing icons on WooCommerce product detail page and product Quick View will appear only when social sharing is enabled in Theme Options » WooCommerce » Single Product and Theme Options » WooCommerce » Quick View.

Add Custom Sharing Services

It is possible that the above services are not sufficient, and you need a new service that is not included in the services mentioned above. In such a situation, you can add new service by adding custom code.

To do this, we provided a filter hook in the theme.
ciyashop_social_share_profiles

By using this filter hook, you can add custom function to add new sharing service to the existing list of sharing service. This filter accepts two arguments.

1. social_share_profiles: Array of social share profiles.
2. post: The Post object.

Here is an example code to add Blogger sharing service. Add this code to your child theme’s functions.php file or via a plugin that allows custom functions to be added, such as the Code Snippets plugin. Please don’t add custom code directly to your parent theme’s functions.php file as this will be wiped entirely when you update the theme.

/**
 * Custom currency and currency symbol
 */
add_filter( 'ciyashop_social_share_profiles', 'ciyashop_child_add_custom_share_option_blogger', 10, 2 );
function ciyashop_child_add_custom_share_option_blogger( $social_share_profiles, $post ) {
  $social_share_profiles['blogger'] = array(
    'class'     => 'blogger',
    'icon_class'=> 'fa fa-link',
    'link_base' => 'https://www.blogger.com/blog-this.g?u=%%url%%&n=%%title%%&t=%%text%%'
  );
  
  return $social_share_profiles;
}

If you see the code above, you will see that the link in the link_base parameter contains some values, which are wrapped with %%. These values are the post/page data, which you can use in your sharing link as per the requirements of the social service’s sharing link structure. Details of these values are provided below:

1. %%url%%: Post link/URL.
2. %%title%%: Post title.
3. %%text%%: Post excerpt.

In this section, you can manage site-wide typography. This section contains an option to manage typography for body element and header elements (h1 to h6).

Additional Fonts: You can also add new additional google fonts if you wanted to use them in customization by selecting them.

In this section, you can control 404 error page content. This section contains two field sub-sections, “Page Title” and “Page Content,” and these subsections includes fields as below :

• Page Title
  In this sub-section, you can manage 404-page title. It contains fields as below :
  • Enable Page Title: Enable/disable page title for 404 page. If this is disabled, below fields will not be applicable.
  • Page Title Source: Select page title source. “Default” option will display default title, and “Custom” option will display custom title from below “Page Title” field. Below “Page Title” field will be visible only if the option is set to “Custom.”
  • Page Title: Enter custom 404 page title.
• Page Content
  In this sub-section, you can manage 404 page content. It contains fields as below:
  • Page Content Type: With this, you can choose which type of content you can to display. It contains two options, “Default” and “Page.” “Default” option provides a default content layout, which can be managed by below fields. And, with “Page” option, you can choose any page to display its content.
  • Content Title: Enter a content title.
  • Content Subitle: Enter a content subtitle.
  • Content Description: Enter content description.
  • Background: Set content background.
  • Content Padding: Set content padding.
  • Content Margin: Set Content margin.
  • Page: Select page to display page content as 404 content. This field will be applicable if “Page Content-Type” is set to “Page.”

This element will enable the lazy load for images in website. By enabling this option image will load on scroll of the page.

Note:  This option is the beta version.

This section provides setting fields as below:

• Enable Lazyload (beta)? : Enable this option to show lazy load on all pages.

In this section, you can control “Maintenance” and “Coming Soon” pages. This section contains the below fields:

• Enable Maintenance: With this, you can enable/disable Maintenance/Coming Soon page. All below fields are dependent on this fields. If this field is set to “No,” then no fields will be applicable/visible.
• Maintenance Mode: Select mode, either “Maintenance” or “Coming Soon.”
• Maintenance Fields: These fields are applicable if “Maintenance Mode” is set to “Maintenance.”
  • Maintenance Title: Enter title for Maintenance page.
  • Maintenance Subtitle: Enter subtitle for Maintenance page.
• Coming Soon Fields: These fields are applicable if “Maintenance Mode” is set to “Coming Soon.”
  
  • Coming Soon Title: Enter title for “coming soon” page.
  • “Coming Soon” Subtitle: Enter subtitle for “coming soon” page.
  • Coming Soon Date: Select date for “coming soon” page.
• Social Icons: Show/hide social icons on Maintenance/Coming Soon page.
• Display Newsletter: Show/hide newsletter signup form on Maintenance/Coming Soon page.
• Newsletter Form: Select newsletter form to display on Coming Soon/Maintenance Page. This field is applicable if “Display Newsletter” set to “On.”
  Note: Newsletter Form is dependent on “MailChimp for WP” plugin. This field will display dropdown only if the form is plugin is activated, linked with MailChimp and form created.

In this section, you can add custom CSS and JavaScript. It can be useful if you want to do any custom formatting with CSS or functionality with JavaScript.

In this section, you have to provide “MailChimp API Key” and “MailChimp List ID” for newsletter shortcode.

CiyaShop has now supported with two-page builder WPBakery and Elementor Page Builder. Both contain the same Elements/shortcode with uniques functionality. Both the Elementor widgets and The Wp bakery shortcode are helpful and to create a dynamic website as per the requirements. The Elementor widgets having the same settings as the Wp Bakery shortcodes, Below you will see the list of the shortcode/widget that the theme provides.

Note: Some of the Elementor widgets may contain some additional settings compared to the Wp bakery shortcode. Still, you will get an idea about the Elementor Widget / Wp Bakery shortcodes by reading the document.

This element allows inserting address block in content.

Address Block Shortcode

Address Block Widget

This element allows inserting the banner in content.

Banner Shortcode

Banner Widget

This element allows inserting the Button in content.

Button Shortcode

Button Widget

This element allows inserting Callout in content.

Callout Shortcode

Callout Widget

This element allows inserting the Category Box in content.

Category Box Shortcode

Category Box Widget

This element allows inserting the client’s logo in content.

Clients Logo Shortcode

Clients Logo Widget

This element allows inserting the countdown in content.

Countdown Shortcode

Countdown Widget

This element allows inserting the Counter in content.

Counter Shortcode

Counter Widget

This element allows inserting the Hotspot image in content.

Hotspot Shortcode

Hotspot Widget

You can use the static block shortcode/widget to show the static block on the page. You will get the list of the static block dropdown. Please select one from it. For more details about the static block, check the addition section of this document.

https://docs.potenzaglobalsolutions.com/docs/ciyashop-wp/#static-block

This element allows inserting the image slider in content.

Image Slider Shortcode

Image Slider Widget

Image Gallery shortcode/widget allows you to add images with different layouts and icons. You can show images with Grid, Masonry, and Carousel layout. You can see the layouts.

Image Gallery Shortcode

Image Gallery Widget

This element allows inserting the information box in content.

Info Box Shortcode

Info Box Widget

This element allows inserting the information box 2 in content.

This element allows inserting the Instagram images in the content. Also, please check the document regarding how to connect Instagram with the website in the addition section in this document.

Instagram Shortcode

Instagram Widget

This element allows inserting the kite box in content.

Kite Box Shortcode

Kite Box Widget

This element allows inserting list items with icons instead of bullets.

List Shortcode

List Widget

Menu list basically created for megamenu To display the menu item With labels and icon. To use it, you need to create one static block, use the menu list shortcode/widget for menu items, Then assign it in the megamenu. By doing this, you can create a mega menu as per requirement.

This element allows to insert mutli tab product listing.

Multi Tab Product Listing Shortcode

Multi Tab Product Listing Widget

This element allows inserting newsletter in content.

Newsletter Shortcode

Newsletter Widget

This element allows inserting opening hours time in content.

Opening Hours Shortcode

Opening Hours Widget

This element allows inserting the portfolio in content.

Portfolio Shortcode

Portfolio Widget

The pricing box shortcode/widget allows you to pricing plans with different styles. Check the pricing boxes with the different styles.

Pricing Box Shortcode

Pricing Box Widget

Product category slider shortcode/widget allows you to add the categories’ list in the slider/grid view with the different styles. It allows you to select the categories to show with the slider/grid settings depending on the setting you set for the shortcode/widget.

Product Category Item Shortcode

Product Category Item Widget

This element allows inserting product deal in content. Product deal contains the product which are in sales.

This element allows inserting multiple product deals in content. Product deal contains the product which are in sales.

This element allows inserting product showcase in content.

Product Showcase Shortcode

Product Showcase Widget

This element allows inserting product listing in content.

Products Listing Shortcode

Product Listing Widget

This shortcode/widget will allow showing the progress animatedly while scrolling the page. It contains the different styles a Height, and color options of the progress bar. Also, you can add as many bars as you like.

Progress Bar Shortcode

Progress Bar Widget

This element allows inserting recently added post in the content.

Recent Posts Shortcode

Recent Posts Widget

Search shortcode/widget allows the user to add the search bar. With the search, you can search the product, pages, or post, or all. It depends on the setting that you have done for the shortcode/widget. Typing the text will list available items that are similar to the search or the item containing that text.

Search Shortcode

Search Widget

Section title shortcode/widget allows you to add the title/heading of a particular page section. It contains the different styles and the setting. Here are some of the section title elements created using the shortcode/widget.

Section Title Shortcode

Section Title Widget

This element allows inserting single product slider in content.

Single Product Slider Shortcode

Single Product Slider Widget

Smart image view allows you to show the image in a 360-degree view. You need to add the images for that. The smoothness of the 360 views will depend on the images you added.

Smart Image View Shortcode

Smart Image View Widget

This element allows inserting social icons in content.

Social Icon Shortcode

Social Icon Widget

This element allows inserting team members slider in content.

Team Member Shortcode

Team Member Widget

This shortcode/widget allows you to add the timeline-like structure with the dates with different styles.

Timeline Shortcode

Timeline Widget

This element allows inserting testimonial slider in content.

Testimonials Shortcode

Testimonials Widget

This element allows inserting vertical menu in content.

Vertical Menu Shortcode

Vertical Menu Widget

Using the video shortcode/widget, you can show the video on the page. You click on the video, it will open in the popup. This shortcode contains the mani setting like the Video button click icon, overlay image with opacity color, etc. Please check some of the layouts created with the video shortcode/widget.

Video Shortcode

Video Widget

The basic concept of a Retina image is that an image twice the size of a standard web image will display on the screen. On a non-retina device an image will be 100px X 100px whereas a Retina device will display the same image but at 200px X 200px. Most of the devices use this branded concept for Retina devices like having approximately twice the pixel density of a non-retina device.

If you want to get perfect looking images on Retina screens, for example, you build a website where you upload regular images into Content; then you must always upload two images in Media
Add new section which looks like below:

my_image.png - this is the name for standard image (e.g. 100px X 100px)
my_image@2x.png - this is the example name for retina image and file must be always 2x larger than regular image (e.g. 200px X 200px)

Note You need to include retina.js to make your website completely retina ready. See example below:

<!-- retina -->
<script type="text/javascript" src="js/retina.js"></script>

For more information about retina documentation and to download retina.js click here.

CiyaShop supports latest two versions of all major browsers like Chrome, Firefox, Safari, Opera, Internet Explorer 11 and Edge.

If you like our theme and support, Please do not forget to rate it with five stars in your Downloads section and write a review in Comments as it will add more value to our services!

Kindly visit here: http://themeforest.net/downloads and find “Rate this item” below the download button and rate out the theme.

Advance Thanks in Anticipation!

The two factors involved in reducing load time of site are as below:

1. Limiting the scripts to minimum number of files as possible.

WordPress sites are especially susceptible to loading many scripts upon page load. This is because plugins and themes generally have their own scripts that need to be loaded in order to function. In some websites, developers would manually combine them to reduce the overhead upon page load.

2. Deferring the loading of “non-critical” scripts.

It includes moving scripts to the bottom of the page. When a browser is loading your page, it typically loads things in parallel until it encounters a script. And while working on a script browser load only scripts nothing else. Once the script is loaded, the website can continue rendering everything else. You can see how, especially if you have many scripts, this can affect your page load time.

Steps to Resolve the “Render-blocking JavaScript and CSS” PageSpeed Error:

Step 1. Resolve any render-blocking plugin scripts by adjusting plugin settings, if possible.

Google PageSpeed help you to determine which render-blocking scripts coming from a plugin you need to adjust. If you are able to identify any plugins from the list of scripts, go to each plugin’s settings, one by one, and search for a setting that will defer the JavaScript or load it asynchronously. If you are unable to identify any plugins from the list of scripts, or if you do not have any of these plugin settings available to you, continue on to step 2.

Revolution Slider settings :

Do the following :

1. Revolution Slider “Global Settings”:
– Include RevSlider libraries globally: ON.
– Insert JavaScript Into Footer: ON
– Defer JavaScript Loading: OFF.

2. After changing individual plugin settings, clear your cache and test properly.

3. Check PageSpeed insights. Making these changes to Slider Revolution helped reduce the number of render-blocking scripts your site had, but you still need help from other plugins to clean up everything else.

Step 2. Resolve the CSS file from render-blocking

Install the “Autoptimize” plugin and check the following settings:

• • Enable Optimize HTML code
  • Enable Optimize JavaScript code
  • Enable Optimize CSS Code
    • “Inline and Defer CSS”

These options help you to place “above the fold” CSS in the header so it is loaded first before loading the rest of the CSS script. This allows the above-the-fold content styling to load first so it will be rendered as quickly as possible for the visitor.

Following guide will help you to enable these options.

I. IDENTIFY All of Your Site’s CSS.

A.) Open Autoptimze (Settings –> Autoptimze), and tick the “Inline All CSS?, Remove Google Fonts? and Also aggregate inline CSS?” option (click all images below for a larger view):

B.) Then, click “Save Settings and Empty Cache” at the bottom of your Autoptimize dashboard.

C.) In another browser tab with an empty cache, open your homepage’s source code (right click –> open source).

D.) Your HTML will (likely) be huge now. Copy everything between the <style type=”text/css” media=”all”> and ending </style> tags.

II. EXTRACT the Critical CSS.

A.) Open this Critical Path CSS Generator and enter your site’s homepage URL into the field under #1 (“URL”).

B.) Paste the code you copied from your source into the field under #2 (Full CSS).

C.) Click the ‘Create Critical Path CSS’ button, and you’ll get something like:

D.) Copy the generated CSS code.

III. APPLY Critical CSS.

A.) Go back into Autoptimize, and tick the “Inline and Defer CSS?” option.

B.) Enter the code you copied from the Critical Path CSS Generator into the field under the Inline and Defer CSS option box. Like:

C.) Click “Save settings and Empty Cache” at the bottom of your Autoptimize dashboard.

And that’s it! You’re good to go.

This theme is fully compatible with the WooCommerce plugin. We carefully designed this theme in such a way that you can build a beautiful shop that load with options, and one that is perfect in appearance.

Since WooCommerce is an external plugin, all information will found on the WooCommerce’s site. Here are several useful WooCommerce links:

• WooCommerce Plugin Page
• WooCommerce Documentation
• WooCommerce Forum
• WooCommerce Shortcodes

How to Install WooCommerce and Setup Default Shop Pages

WooCommerce can installed with two methods. The first method is to install the plugin(s) with theme required/recommended plugins. For this, go to Admin Panel > Appearance > Install Plugins. Then, select “WooCommerce” (you can choose other plugins too from the list) and install. You can activate installed, but not activated, plugins from here too. The second method is below.

• Go to Admin Panel > Plugins > Add new, and enter “WooCommerce” in the search field and hit enter.
• Once the result loaded, you will find the WooCommerce plugin in the list. Click on the “Install now” button next to “WooCommerce” plugin.
• Once “WooCommerce” installed, click on the “Activate” button.
• After activation, it will display WooCommerce Setup Wizard.

After successful installation and activation, it will proceed with the setup wizard, where you can configure various basic required settings for the shop. For more information check the WooCommerce documentation and below the video.

CiyaShop is entirely multi-language. It means you can translate the site into any one or multiple languages.

There are various options to translate the site. You can do it by either editing .po file, or by using plugins.

Translation with Poedit is a .po file editing translation method.

This app provides the easy method to create new translations for any language, edit existing translations, synchronize strings and also generate the .mo file.

To edit .po file, follow the below steps:

1. Open Poedit
2. Choose “New from Po/POT file.”
3. Select the pot file from wp-content/themes/ciyashop/languages/ciyashop.pot. For Plugin goto to wp-content/plugins/pgs-core/languages/pgs-core.pot
4. Select the new language you want to translate. Choose the country, (e.g., French) if you want the language in general, or if you want the more exact, select French (France) or French (Madagascar) to consider local dialects.
5. Save the file with your language name, prefixed with the theme name, like “ciyashop-fr_FR.po“, pgs-core-fr_FR.po” for “French (France)” or “ciyashop-fr_MG.po“, “pgs-core-fr_MG.po” for “French (Madagascar)“. It will generate both a .po and .mo files for your translation.
6. Place these files into the following folderswp-content/languages/themes/ for theme And wp-content/languages/plugins/ for plugin.

How to Update Translated Language File

When a theme is updated, and text strings are updated in the language files, then you can update your language translation file to sync with latest changes. For this follow below steps.

1. Open Poedit.
2. Open translated .po file of your desired language in POEdit.
3. Select Catalogue > “Update from POT file’ in top menu.
4. In the opening file dialog, choose the ciyashop.pot file from wp-content/themes/ciyashop/languages and pgs-core.pot file from wp-content/plugins/languages folder. The catalogue will then be auto updated with all the new text strings, and your custom ones will be preserved.
5. Save the file after updating and adding translations.

Note: Some strings come from the theme, and some come from the core plugin, which is the “PGS Core” plugin, So please make sure you also translate the plugin. Also, some string is dynamic, which directly comes from the input box ex. The widget titles, if you are using the header builder, then check the header-related setting in header builder itself.

Loco Translate is the in-browser translation file editing method.

To start translation follow the below steps.

1. Install Loco Translate plugin.
2. Go to Loco Translate > Themes and select “CiyaShop.”
   
3. Click on “New Language” link.
   
4. Choose a language in “Choose a language” field, and choose “languages/loco/themes/click-shop-<locale>.po” in “Choose a location” field.
   
5. Translate strings and click on “Save” button to save the translations.
   

You have to follow a similar process for the plugin as well. For more information, check the below links.
https://localise.biz/wordpress/plugin/manual
https://localise.biz/wordpress/plugin/beginners

WPML is a multi-lingual translation plugin and provides the facility to translate WordPress, Themes, and Plugins strings and add contents in multi-language.

WPML is a commercial plugin. So, you need to purchase a copy of WPML, with the below modules, to start the translation.

1. WPML String Translation
2. WPML Translation Management
3. Advanced Custom Fields Multilingual (ACFML)

Please refer to WPML documentation for detailed information about how to set up and use it.

• https://wpml.org/documentation/
• https://wpml.org/documentation/getting-started-guide/

Here are a few other WPML guides/document links which can be helpful.

• WPML Setup (Video)
• WPML Themes Translation (Video)
• WPML Plugins Translation (Video)
• Translating Post Categories and Custom taxonomies
• How to Translate All Taxonomy Terms at Once

CiyaShop is compatible with the below plugins. These plugins will add support for various features.

WPBakery Page Builder is a page builder plugin for WordPress which allows you to create stunning website content with simple drag and drop. With WPBakery Page Builder you can create and manage your WordPress content in minutes.

Here are few links for more information.
Documentation
Help Center
Video Tutorials Academy

Advanced Custom Fields is a WordPress plugin which allows you to add extra content fields to your WordPress edit screens. These extra content fields are more commonly referred to as Custom Fields and can allow you to build website’s faster.

You can find guide and information about how to work with fields on ACF Documentation.

Due to safety reasons, ACF Admin Panel is disabled in WordPress Admin. To enable it, add this code in wp-config.php.

<?php
define('ACF_DEV', true);
?>

CiyaShop is compatible with Max Mega Menu, to create the mega menu. See below video or this documentation for more information.

WooCommerce is a free eCommerce plugin that allows you to sell anything, beautifully. Built to integrate seamlessly with WordPress, WooCommerce is the world’s favorite eCommerce solution that gives both store owners and developers complete control.

Here are few links for more information.
Documentation
Video Tutorials

YITH WooCommerce Compare plugin is an extension of WooCommerce plugin that allow your users to compare some products of your shop.

Here are few links for more information.
Documentation

YITH WooCommerce Wishlist offer visitors a chance to add the products of your woocommerce store to a wishlist page. With YITH WooCommerce Wishlist you can add a link in each product detail page, in order to add the products to the wishlist page.

Here are few links for more information.
Documentation

Dokan Lite
Documentation
Video Tutorials

Documentation
Video Tutorials

Snapppt is a free Instagram shop plugin that turns your Instagram images into picture perfect shoppable links.

Here are few links for more information.
Instagram Shop by Snapppt
Snapppt – Get-started guide
Snapppt – WooCommerce & WordPress
Snapppt – Embed options and guides

CiyaShop comes with six predefined header styles with different settings and options, by using them in combination, you can make a beautiful header.

In the process of our product improvement, we built a header-builder in theme. Header builder is an intuitive drag and drop header editor. With the help of header builder, you can create customized, eye-catching and impressive unlimited headers with the infinite number of styles by just drag and drop.

Header builder also provides facility to create customized and responsive headers for mobile devices too, which give a great user experience on all devices and platforms. Header builder provides better and precise control over header elements. You can use a component at different locations, like Top Bar, Main Header or in the Header Bottom, and you can set individual properties for each.

Header builder comes with six predefined styles, which you can import while creating a new header, and then you can customize it as per your requirements.

Enable Header Builder in Theme Options

By default, the theme will display predefined header styles. You can display custom header by enabling it by selecting “Header Builder” in Theme Options > Header > Site Header > “Select header type” field. Enabling custom header will enable another field, named “Select Custom Header”, next to “Select header type” field, in which you can choose custom header built in Header Builder section.

Header Builder Sections

A header consists of three sections:
1. Top Bar: As the name suggests, it’s the top area of the header.
2. Main Header: As the name suggests, it’s the main area of the header.
3. Header Bottom: As the name suggests, this row is located at the bottom of the header.

Header Builder Components

Header builder comes with the below components:

1. Account: Add a login and register links and form.
2. Button: Create buttons with various styles and options.
3. Cart: Add WooCommerce Cart icon.
4. Compare: Add WooCommerce Compare icon.
5. Currency: Add WooCommerce currency switcher dropdown.
6. Divider: Add a separator to divide the header content.
7. Email: Add email address.
8. Static Block: Select and add a Static Block content.
9. Language: Add language switcher/selector dropdown.
10. Logo: Add a logo in the header. Settings to customize the logo options are available in the theme options.
11. Menu: Add any existing WordPress menus to the header.
12. Phone Number: Add a phone number to the header.
13. Primary Menu: Add menu assigned in the Primary menu location.
14. Search: Add a WordPress search form.
15. Social Profile: Add social profile links to the header. Social profiles can be managed from Theme Options.
16. Space: Add horizontal space between two elements.
17. Text Block: Add text/HTML content with WYSIWYG editor.
18. Wishlist: Add WooCommerce Wishlist icon.

This element allows you to create custom sidebar, Which you can use in any page. To add the sidebar in particular page go to Pages -> Custom Sidebar.

CiyaShop boosts default functionality of WordPress menu to adding mega menu in the theme, So it is more comfortable and smooth. Create a menu from Appearance > Menus and drag and drop post, page, category or anything which you need in the menu. Mega menu is enabled only on the primary menu. Click on “Enable Mega Menu” from CS Mega Menu.

When you hover on the menu item, You will see “Menu Setting” option.

Menu Setting comes with the below options:

1. Link Anchor : Link where you want to navigate.
2. Menu Color Scheme : Select color scheme Dark or Light.
3. Design Type : Select Design type Dropdown or Mega menu.
4. Open Submenu On Click : Open sub menu.
5. Enable Menu Link : Open menu link. It will appear when “Open Submenu On Click” option selected.
6. Select Icon : Select Icon for Menu.
7. Label : Menu item label.
8. Label Color : Menu item label color.
9. Background Image : Select background image for mega menu.
10. Background Repeat : Select Background image repeat type.
11. Background Size : Select Background image size.
12. Background Position : Select Background image position.

Using this feature, you can build any number of footers as you want. First, Go to the footer builder section of your admin area, then click on ‘Add New Layout’ it will redirect to the page where you can make the footer. For this, you need to first select how many a number of the column you wanted. Now each individual column contains the same bunch of settings.

Footer Column: You have to select the footer column. It works based on the bootstrap grid system. Please check this for more details.

https://getbootstrap.com/docs/4.0/layout/grid/

EX. If you select the 4 Column, something like this class ( .col-{{ based on view }}-4 ) will be added to that particular column and view.

Column Alignment: it will set the alignment of the column.

Footer Sidebar: You have to select which sidebar you wanted to show in that particular column. You just have to drag it from the left panel. Later on, you can add a widget to it using the WordPress widget area. You also can create a custom sidebar as many you want using ‘Custom Sidebar’ functionality.

Then there will be these three options. Using it, you can hide show the column on a particular view. Hide For Desktop, Hide For Tablet, Hide For Mobile will help create the different footer for different views.

Now just lie the Footer theme option similar option has been given in footer builder itself. This setting contains the background, Copyright section, etc., which you have seen in theme options.

Once you finished creating it, you can assign the footer using the footer section’s theme option.

You can connect Instagram with the Website. It will show the Instagram images of the account on the Website, have to do some setting from the admin area in ( Settings > PGS InstaWP )

You have to add the ‘Redirection URL’ with the ‘Instagram App ID’ and generate ‘Access Token’ for Instagram.

Follow the below instructions to create a Facebook app and get Instagram App ID and Instagram App Secret.

Follow the below video to create a Facebook app and get Instagram App ID and Instagram App Secret.

To get a long-lived Instagram Token, Facebook wants now to create a Facebook app. Please note that a Facebook account (verified with developer access enabled) and an Instagram account (with media) is required to create a Facebook app. Please refer to the below link for more information.

Instagram Basic Display API: Long-Lived Access Tokens now available

How do I verify my developer account on Facebook?

Once you have connected the instagram with website you can manage the settings regarding the images. here are the list of options.

• Image Count : Enter number of images to fetch from Instagram API.
• Image Fetch Duration : Select interval of hours to fetch images from Instagram.
• Get other size images : The current Instagram API does not provide small and medium-sized images. If you want to get these size images select this option. Choosing this option will increase the code execution time to get images from Instagram and process other size images. So, make sure your system is configured to handle the long executing processes. If the system isn’t configured properly, the image fetching process may break.
• Refresh Image Manually : It will get the latest data at that particular time.

Now you can use this data ( Instagram images ) to display using the Shortcode or the widget

There is two way to add the size guide on single product. You can add the image as a size guide or create the size guide’s Table structure, which contains the Row and column. You can add or remove the column/row as you like.

To create the table, go to the ( Admin > Size Guides > Add New ) Create the table. After that, Go to the product that you like to display with the size guide. In the product edit page, after scrolling a bit, you will find the ‘Select Size Guides’ section. After selecting the ‘Size Guide Table’ Tab, it will list down all the Size guide you created. Select the one you like. You also can use the same size guide for a different product. You can use the image as well.

Static block is the reusable functionality that can be used on all pages, Mega Menu, Footer Builder, anywhere that having the content editor. Let me understand in detail.

Static block is basically on custom post type on which you can use the page editor to create a structure using the shortcode/Elementor Widget, Which will create one string of a shortcode something like WordPress shortcode.

Ex. [ shortcode_handel ]

To create the table, go to the ( Admin > Static Blocks > Add New )

This shortcode can be used in the editor area. It will display the structure that you have created using the static block section on the front side. In a simple way, you just have to put the shortcode string created in that particular block, and it will display the structure on the front side. We also have provided the Shortcode/Widget for a static block to use in page builders.

Note: If you wanted to use page editor on the static block, you have to enable editor for it using the particular page builder’s settings.

You can see the detail about the changelog here.

https://ciyashop.potenzaglobalsolutions.com/change-logs/

All images and videos are for preview purposes only and not included in the download files. Images are of copyrights under Creative Commons CC0.

Images

• Shutterstock
• Freepik
• Pexels
• Unsplash
• Pngtree
• Pngimg
• Graphicburger
• Pixabay

Scripts

• jQuery
• Bootstrap
• Tether
• clipboard.js
• Isotope
• jQuery.appear
• The Final Countdown for jQuery
• JavaScript Cookie
• Magnific Popup
• jquery.matchHeight.js
• Owl Carousel 2
• Select2
• slick
• SlickNav
• SmoothScroll
• Sticky

CSS & Fonts

• Bootstrap
• Font Awesome
• Flaticon
• Google Fonts
  • Roboto

Note For questions on basic WordPress, HTML, Javascript or CSS editing – please give your question a quick Google or visit W3Schools as theme issues get top priority.