Re: featured product mouse hover

Solved

How to fix a movable featured product image on Showcase theme?

bakyboy
Excursionist
78 0 2

hey there, I have a problem with my featured product image. 

this black bar at the bottom, I can move the image a bit to the left or right when im vising the site. how can It be permanent? without moving? thanks.

Im using the showcase theme, and the link to my site is https://century8mm.com

Screen Shot 2021-05-25 at 15.28.26.png

Accepted Solution (1)
LitExtension
Shopify Partner
4860 1002 1151

This is an accepted solution.

Hi @bakyboy

I checked and it's in product-form.liquid. If you make changes to this file, it will affect the product pages,... so you need to create a new file and copy everything over.
I think it will be easier if you can create staff for me, I will check and change it for you.
Hope it clear to you.

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify

View solution in original post

Replies 12 (12)

LitExtension
Shopify Partner
4860 1002 1151

Hi @bakyboy

I checked and it shows fine: https://i.imgur.com/it9Jn4d.png. Did you change the zoom mechanism of featured image?

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
bakyboy
Excursionist
78 0 2

hey, you're talking about the product page it self
Im talking about the featured product section on the home page, if you scroll down. can you look at that?

Kinjaldavra
Shopify Partner
2302 570 1425

hello @bakyboy  do you want to fixed position of  the image

bakyboy
Excursionist
78 0 2

yes, exactly 

LitExtension
Shopify Partner
4860 1002 1151

Hi @bakyboy

I found it, it is showing swiper slider at the image. So you can drag left or right. If you want to remove it, you need to disable the swiper slider in this section.
Please follow the steps:
- Step 1: Go to Online store > Themes > Actions > Edit code > Sections > featured-product or the file name section containing it.
You can search featured-product.
- Step 2: Search class swiper-container and remove code. https://i.imgur.com/c4Au2W0.png

Hope this helps!

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
bakyboy
Excursionist
78 0 2

hey, I went to the featured.product.liquid 
and there's nothing with a swiper container like you mentioned 

what can I do?

bakyboy
Excursionist
78 0 2

can someone help please?

LitExtension
Shopify Partner
4860 1002 1151

Hi @bakyboy

Can you send me the code in the file you have seen. I will check it.
Because I can't guide when I can't see the code.
Hope it helps!

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
bakyboy
Excursionist
78 0 2

@LitExtension 

<div class="wide-container half-gutter section-spacing">
{%
render 'product-form',
section: section,
product: all_products[section.settings.product],
is_featured_product: true
%}

</div>

{% schema %}
{
"name": "Featured product",
"class": "section-featured-product",
"settings": [
{
"type": "product",
"id": "product",
"label": "Product"
},
{
"type": "richtext",
"id": "description",
"label": "Description",
"default": "<p>Pair some text with a product to highlight features.</p>"
},

{
"type": "select",
"id": "variant_style",
"default": "underlined",
"label": "Variant display style",
"options": [
{
"label": "Dropdown",
"value": "dropdown"
},
{
"label": "Underlined",
"value": "underlined"
}
]
}
,

{
"type": "select",
"id": "cart_type",
"label": "When 'Add to Cart' is clicked",
"default": "",
"options": [
{
"value": "",
"label": "Stay on the same page"
},
{
"value": "add_in_modal",
"label": "Open popup with checkout button"
},
{
"value": "add_in_modal_no_checkout",
"label": "Open popup without checkout button"
},
{
"value": "go_to_cart",
"label": "Go to cart page"
}
]
}
,

{
"type": "checkbox",
"id": "description_under_title",
"label": "Show the product description under the product title",
"default": false
}
,

{
"type": "checkbox",
"id": "show_tax_and_shipping",
"label": "Show tax status and shipping policy link",
"default": false
}
,

{
"type": "checkbox",
"id": "show_vendor",
"default": true,
"label": "Show product vendor"
}
,

{
"type": "checkbox",
"id": "show_sku",
"label": "Show SKU",
"default": false
}
,

{
"type": "checkbox",
"id": "show_quantity_selector",
"default": true,
"label": "Show quantity selector"
}
,

{
"type": "checkbox",
"id": "enable_payment_button",
"label": "Show dynamic checkout button",
"info": "Each customer will see their preferred payment method from those available on your store, such as PayPal or Apple Pay. [Learn more](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)",
"default": true
}
,
{
"type": "header",
"content": "Inventory"
},

{
"type": "checkbox",
"id": "show_backorder_text",
"label": "Show backorder text",
"default": true,
"info": "Only shows for products which use Shopify inventory tracking and are available to purchase when out of stock."
}
,

{
"type": "checkbox",
"id": "show_inventory_notice",
"label": "Show inventory notice",
"default": false
}
,

{
"type": "range",
"id": "inventory_notice_threshold",
"min": 0,
"max": 100,
"step": 1,
"label": "Inventory threshold",
"info": "Show inventory quantities below this threshold. Choose 0 to show full amount.",
"default": 10
}
,

{
"type": "checkbox",
"id": "show_realtime_availability",
"label": "Cross out unavailable options every time someone changes a variant",
"info": "Only applies when the 'Variant display style' is Underlined.",
"default": true
}
,
{
"type": "header",
"content": "Media"
},
{
"type": "paragraph",
"content": "Learn more about [media types](https://help.shopify.com/en/manual/products/product-media)"
},

{
"type": "checkbox",
"id": "enable_zoom",
"default": true,
"label": "Enable image zoom"
}
,

{
"type": "checkbox",
"id": "enable_video_looping",
"label": "Enable video looping",
"default": false
}
,
{
"type": "select",
"id": "slide_nav_style",
"label": "Slide navigation style",
"default": "dots",
"options": [
{
"value": "dots",
"label": "Dots"
},
{
"value": "arrows",
"label": "Arrows"
}
]
}
],
"presets": [
{
"name": "Featured product",
"category": "Product",
"settings": {
}
}
]

}
{% endschema %}

 

LitExtension
Shopify Partner
4860 1002 1151

This is an accepted solution.

Hi @bakyboy

I checked and it's in product-form.liquid. If you make changes to this file, it will affect the product pages,... so you need to create a new file and copy everything over.
I think it will be easier if you can create staff for me, I will check and change it for you.
Hope it clear to you.

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
bakyboy
Excursionist
78 0 2

@LitExtension 

yes, can you ask for a permission as a Shopify partner?

LitExtension
Shopify Partner
4860 1002 1151

Hi @bakyboy

Can you check my private message, I will give you my email. 

Hope to hear from you soon. 

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify