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

[bakyboy]

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

[LitExtension]

Hi @bakyboy, 

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

[bakyboy]

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]

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

[bakyboy]

yes, exactly 

[LitExtension]

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!

[bakyboy]

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

what can I do?

[bakyboy]

can someone help please?

[LitExtension]

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!

[bakyboy]

@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 · 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.

[bakyboy]

@LitExtension 

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

[LitExtension]

Hi @bakyboy, 

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

Hope to hear from you soon.