Search Results for 'css'

[Harry]

Hi,

Please add below code to Claue > Theme Option > General Layout > Custom CSS

.woocommerce-cart .woocommerce-message {display: none;}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Harry]

Hi,

you can fix by add custom css code in JanStudio > Theme Option > General Layout > Custom CSS

#jas-backtop { display: none;}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Harry]

Hi,

Please add below code to Claue > Theme Option > General Layout > Custom CSS

.widget .woocommerce-product-search, .widget .search-form,
.widget .woocommerce-product-search .search-field,
.widget .woocommerce-product-search button {
	border-radius: 0;
}
.widget .woocommerce-product-search button { background: #222; color: #fff;}
.widget .woocommerce-product-search button:hover { background: #56cfe1 !important; border-color: #56cfe1 !important;}

and change #56cfe1 with your color

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Harry]

Hi,

Please add below code to Theme Settings > Custom Code > Custom CSS

.section-extra .btn {
	height: 40px;
	background: #222;
	padding: 0 36px;
	line-height: 40px;
	border-radius: 40px;
	color: #fff;
	display: inline-block;
	margin-top: 25px;
}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[ArtK]

This reply has been marked as private.

[Rahim]

Hi Harry,

I am using the plugin : Change Quantity on Checkout for WooCommerce

The problem that I have with this plugin is for smaller mobile devices screen.

If you consider the below image you will see what I mean.

How can I fix it?

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi,

Please add below code to JanStudio > Theme Option > General Layout > Custom CSS

.single-product-thumbnail .slick-arrow {display: none;}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Harry]

Hi,

Please install plugin Autoptimize for your site to minify js and minify css

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Harry]

Your question not clear. You tell me that you want hide comment number not all comment.

Please remove the code in functions.php and add more css code

.post-meta span.comment-number {display: none;}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Harry]

Hi Guigui,

Please add below code to Theme Cusomize > Theme Settings > Custom Code > Custom CSS

.slick-list {width: 100%;}

And replace code in sections > product-related.liquid with below code

{% if section.settings.show_related_products == true %}
<div class="mb__60 related-products" data-section-id="{{ section.id }}" data-section-type="product-related" data-enable-history-state="true">
	{%- assign container = section.settings.full_width -%}
	{% assign number_of_related_products_per_row = section.settings.related_grid_num | plus: 0 %}
	{% assign heading = section.settings.related_title %}
	{% assign same_vendor = false %}
	{% assign same_type = false %}
	{% assign counter = 0 %}

	{% assign exclusions = 'frontpage,all' | split: ',' %}

	{% if product.metafields.c_f['Related Products'] %}
		{% assign collection = collections[product.metafields.c_f['Related Products']] %}
	{% endif %}

	{% assign found_a_collection = false %}
	{% if collection and collection.all_products_count > 1 %}
		{% unless exclusions contains collection.handle %}
			{% assign found_a_collection = true %}
		{% endunless %}
	{% endif %}
	{% unless found_a_collection %}
		{% for c in product.collections %}
			{% unless exclusions contains c.handle or c.all_products_count < 2 %}
				{% assign found_a_collection = true %}
				{% assign collection = c %}
				{% break %}
			{% endunless %}
		{% endfor %}
	{% endunless %}

	{% if found_a_collection %}

		{% assign current_product = product %}
		
		{% capture related_items %}
			{% for product in collection.products %}
				{% unless product.handle == current_product.handle %}
					{% unless same_vendor and current_product.vendor != product.vendor %}
						{% unless same_type and current_product.type != product.type %}
							{% assign counter = forloop.length | minus: 1 %}
							<div class="jas-col-xs-12">
								{% include 'product-grid-item' %}
							</div>
						{% endunless %}
					{% endunless %}
				{% endunless %}
			{% endfor %}
		{% endcapture %}

		{% assign related_items = related_items | trim %}

		{% unless related_items == blank %}
			{% capture slick %}
				data-slick='{"slidesToShow": {{ number_of_related_products_per_row }}, "slidesToScroll": {{ number_of_related_products_per_row }}, "dots": true, "arrows": false, {% if settings.enable_rtl %}"rtl": true, {% endif %}"responsive":[{"breakpoint": 1024,"settings":{"slidesToShow": 3, "slidesToScroll": 3}}, {"breakpoint": 569,"settings":{"slidesToShow": 2, "slidesToScroll": 2}}]}'
			{% endcapture %}
			{% assign slick_class = ' slick' %}
			{% unless container %}<div class="jas-container">{% endunless %}
				{% unless heading == blank %}
					<div class="section-header center-xs">
						<h2 class="pr dib fs__24 mg__0 fs__14">{{ heading }}</h1>
					</div>
				{% endunless %}
				<div class="jas-row{{ slick_class }}" {{ slick }}>
					{{ related_items }}
				</div>
			{% unless container %}</div>{% endunless %}
		{% endunless %}
	{% endif %}
  
</div>
{% endif %}

{% schema %}
	{
		"name": "Related products",
		"settings": [
			{
				"type": "checkbox",
				"id": "show_related_products",
				"label": "Show related products",
				"default": false
			},
			{
				"type": "checkbox",
				"id": "full_width",
				"label": "Full width section?"
			},
			{
				"id": "related_title",
				"type": "text",
				"label": "Section title",
				"default": "Other fine products"
			},
			{
				"type": "select",
				"id": "related_grid_num",
				"label": "Products per row",
				"default": "4",
				"options": [
					{
						"value": "2",
						"label": "2"
					},
					{
						"value": "3",
						"label": "3"
					},
					{
						"value": "4",
						"label": "4"
					},
					{
						"value": "6",
						"label": "6"
					}
				]
			}
		]
	}
{% endschema %}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio